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

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

ОБСУЖДЕНИЕ

Сборка социальных кнопок на css3

Сборка социальных кнопок на css3
Просмотров: 1103  Скачан: 171 раз  Комментариев в теме: 0

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

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

 

HTML

<div class="rip">
    <div class="rip_rip">
        <a href="#" class="facebook socialBtn">Like us on Facebook</a>
        <a href="#" class="twitter socialBtn">Follow me on Twitter</a>
        <a href="#" class="linkedIn socialBtn">Join up on Linked in</a>
        <a href="#" class="flickr socialBtn">Flickr Photostream</a>
        <a href="#" class="rss socialBtn">Grab our RSS feed</a>
        <a href="#" class="skype socialBtn">Add us on Skype</a>
        <a href="#" class="vimeo socialBtn">Watch on Vimeo</a>
        <a href="#" class="viddler socialBtn">Watch on Viddler</a>
        <a href="#" class="deviantart socialBtn">deviantART gallery</a>
        <a href="#" class="paypal socialBtn">Pay using PayPal</a>
        <a href="#" class="dribbble socialBtn">Dribbble shots</a>
    </div>
    <div class="rip_rip">
        <a href="#" class="tumblr socialBtn">Follow my Tumblog</a>
        <a href="#" class="wordpress socialBtn">Wordpress blog</a>
        <a href="#" class="stumbleupon socialBtn">Stumbleupon this</a>
        <a href="#" class="digg socialBtn">Digg this</a>
        <a href="#" class="lastfm socialBtn">Listen on last.fm</a>
        <a href="#" class="youtube socialBtn">YouTube channel</a>
        <a href="#" class="blogger socialBtn">Blogger weblog</a>
        <a href="#" class="google socialBtn">Add to iGoogle</a>
        <a href="#" class="picasa socialBtn">Picasa photo album</a>
        <a href="#" class="gowalla socialBtn">Follow me on Gowalla</a>
        <a href="#" class="designmoo socialBtn">Designmoo resources</a>
    </div>
</div>

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

 

CSS

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

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

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

Блок на CSS3 c эффектом 3D трансформацииБлок на CSS3 c эффектом 3D трансфор...

Блок реализован с помощью css3 и использует 3D трансформацию для изменения своего вида....

Кнопки для вашего сайта на css3Кнопки для вашего сайта на css3

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

Сборка кнопок на cssСборка кнопок на css

Лёгкая подборка кнопок на css, в подборку вошли восемь разных кнопок созданных с помощью css....

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

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

Сборка кнопок #2 на css3Сборка кнопок #2 на css3

В сборку вошли 12 неплохих кнопок на css. Кнопки работают в браузерах OPERA, Firefox, Chrome, IE....

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

Pack кнопок 2, в паке представлены 20 кнопок на css3 с разными иконками....
Интересные публикации:

Футер на cssФутер на css

Красивый и в тоже время довольно оригинальный футер на css, он же подвал сайта....

Горизонтальное меню на jQuery «Menu Kwicks»Горизонтальное меню на jQuery «Menu Kwic...

Стильное горизонтальное меню с выдвижными иконками

Креативное анимированое меню с помощью css3Креативное анимированое меню с помощью c...

Вертикальное меню на css3 с применением иконических шрифтов......

Оригинальные кнопки на cssОригинальные кнопки на css

Красивые кнопки, прекрасно подойдут любому сайту, все сделано на чистом css....

Full галерея на jQueryFull галерея на jQuery

Отличная галерея созданная с помощью Jquery и является одной с лучших полно-экранных галерей. В галерее красиво происходит переход с......

Полноэкранное меню на css и JQueryПолноэкранное меню на css и JQuery

Полно-экранное меню на css и Jquery с меняющимся фоном....

Социальная панель на css3Социальная панель на css3

Красивая раскрывающиеся социальная панель на css3 с использованием иконических шрифтов. При наведении курсора на значок, происходит раскрытие панели, ...
  • Текущий 1.88/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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