3 259 Скрипты / Social Media

Круглое социальное меню

Сделаем круглое социальное меню в котором не используются изображения. Иконки социальных сервисов берутся из специального шрифта.

HTML


    <div class="menu">
        <ul class="primary-menu">
            <li class="facebook"><a class="social-item" href="#">f</a><span class="social-span">Присоединяйтесь к нам на Facebook</span></li>
            <li class="twitter"><a class="social-item" href="#">t</a><span class="social-span">В Twitter</span></li>
            <li class="flickr"><a class="social-item" href="#">c</a><span class="social-span">Добавьте нас в Flickr</span></li>
            <li class="rss"><a class="social-item" href="#">a</a><span class="social-span">Следите за нами через RSS</span></li>
            <li class="mail"><a class="social-item" href="#">k</a><span class="social-span">Подпишитесь на уведомления через почту</span></li>
        </ul>
    </div>


CSS



Скачать 1312Загрузок 25,95 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи