qiwi
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

Ваш E-Mail полностью защищён

ОБСУЖДЕНИЕ

Социальные кнопки

Социальные кнопки с помощью css
Просмотров: 972  Скачан: 210 раз  Комментариев в теме: 0

Обычные социальные кнопки с применением иконического шрифта для вашего сайта, в наше время уже никого не удивишь социальными кнопками, можно сказать это уже правило, которое соблюдают все веб мастера при создании сайта.

Шаг 1 - создание разметки

 

HTML

<div class="container">
    <a href="#" class="facebook" title="Facebook"></a>
    <a href="#" class="twitter" title="Twitter"></a>
    <a href="#" class="google" title="Google+"></a>
    <a href="#" class="myspace" title="Myspace"></a>
    <a href="#" class="linkedin" title="LinkedIn"></a>
    <a href="#" class="feed" title="RSS Feed"></a>
    <a href="#" class="lastfm" title="Last.fm"></a>
    <a href="#" class="vimeo" title="Vimeo"></a>
    <a href="#" class="youtube" title="YouTube"></a>
    <a href="#" class="dribbble" title="Dribbble"></a>
    <a href="#" class="forrst" title="Forrst"></a>
    <a href="#" class="gowalla" title="Gowalla"></a>
    <a href="#" class="skype" title="Skype"></a>
    <a href="#" class="tumblr" title="Tumblr"></a>
    <a href="#" class="wordpress" title="Wordpress"></a>
    <a href="#" class="blogger" title="Blogger"></a>
    <a href="#" class="digg" title="Digg"></a>
    <a href="#" class="stumbleupon" title="Stumbleupon"></a>
    <a href="#" class="pinterest" title="Pinterest"></a>
    <a href="#" class="flickr" title="Flickr"><span class="cyan"></span><span class="magenta"></span></a>
    <a href="#" class="yahoo" title="Yahoo!"></a>
    <a href="#" class="deviantart" title="DeviantArt"></a>
    <a href="#" class="behance" title="Behance"></a>
    <a href="#" class="sharethis" title="ShareThis"></a>
</div>

Шаг 2 - подключение стилей

 

CSS

<link rel="stylesheet" href="css/style.css" type="text/css" />
Материалы по теме:

Pack кнопок на CSS3Pack кнопок на CSS3

Pack стильных кнопок на css3, в паке представлены восемь кнопок разного размера и цвета....

Мега cборка социальных кнопок на css +300Мега cборка социальных кнопок на cs...

Сборка +300 социальных кнопок , это 300 разных социальных кнопок созданных на css, которые без сомнения украсят любой сайт....

Оригинальные кнопки с помощью css3Оригинальные кнопки с помощью css3

Оригинальные кнопки на css3, при наведении курсора на кнопку, она изменяет свой вид (растягивается, округляется, перекручивается)....

Кнопка с анимационным фоном на css3Кнопка с анимационным фоном на css3

Отличная кнопка на css3, кнопка реально классная и удобная, да и привлекает глаза посетителя....

Набор градиентных кнопок на css3Набор градиентных кнопок на css3

Неплохой набор кнопок, в нем вы найдёте кнопки разного цвета, (округлённые, прямоугольные, маленькие)....

Социальные кнопки с помощью cssСоциальные кнопки с помощью css

Социальные кнопки с применением иконического шрифта....

Социальная выпадающая панель на cssСоциальная выпадающая панель на css

Неплохая социальная панель, при наведении курсора мыши, панель, плавно раскрывается, за тем уже видны сами иконки....
Интересные публикации:

Кнопка Download на css3Кнопка Download на css3

Красивая кнопка на css3, при наведении курсора мыши на кнопку, она раскрывается, за тем уже виден сам подтекст....

Full Page Image GalleryFull Page Image Gallery

Красивая галерея для вашего сайта на css и JQuery, если вам нужна красивая галерея и вам хочется, что-то необычное......

Скрипт комментариев на PHPСкрипт комментариев на PHP

Скрипт комментариев написанный на php и работает в связке с MYSQL....

30 анимационных кнопок на CSS330 анимационных кнопок на CSS3

Неплохие анимационные кнопки на css3, имеются 30 кнопок, в том числе и 3D....

Вертикальное меню на css (Аккордеон)Вертикальное меню на css (Аккордеон)

Вертикальное меню аккордеон на css, хорошо подойдёт сайту информационного характера......

Free MusicFree Music

Отличный html шаблон музыкального портала, сделанный по современным стандартам, в шаблоне уже встроенный проигрыватель аудио и видео файлов......

Новостная карусель на css и JQureyНовостная карусель на css и JQurey

Стильная новостная карусель на css и JQurey, отлично подойдут для вывода последних новостей на сайте, карусель имеет два стиля (темный и светлый)....
  • Текущий 1.13/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 1.1/5( Голосов 8 )

Комментариев в теме: (0)

Авторизация:
YandexGoogleVKMail.ruTwitterFacebookOdnoklassniki


Ваше имя:
Сайт:
Ваша почта:
RSS
Комментарий:
Введите символы:
captcha
Обновить