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

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

ОБСУЖДЕНИЕ

Облако тегов для сайта

Облако тегов на css
Просмотров: 5560  Скачан: 369 раз  Комментариев в теме: 0

Облако тегов - это не, что иное как список категорий (называемые метками, ключевыми словами), этот список располагается на сайте и служит для описания ключевых слов веб-сайта. В данном примере представлен довольно приятный дизайн облака тегов, который реализован с помощью CSS и отлично подойдёт для сайта html.

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

 

HTML

<div id="tut_wrapper">
    <span class="tag">
        <a href="#">Дизайн</a>
    </span>
    <span class="tag">
        <a href="#">Шрифты</a>
    </span>	
    <span class="tag">
        <a href="#">Туториалы</a>
    </span>
    <span class="tag flip">	
        <a href="#">Перевернутый тег</a>
    </span>
    <span class="tag">
        <a href="#">А это очень длинный тег</a>	
    </span>
    <span class="tag">
        <a href="#">Pavel Shimansky</a>	
    </span>
    <span class="tag">	
        <a href="#">Habrahabr</a>
    </span>
    <span class="tag">
        <a href="#">IT</a>
    </span>
    <span class="tag">
        <a href="#">Галерея</a>
    </span>
    <span class="tag">
        <a href="#">Видео</a>
    </span>
</div>

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

 

CSS

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

Вкладки контента css3Вкладки контента css3

Красивые вкладки контента реализованные с помощью css3...

JQuery ползунокJQuery ползунок

Красивый горизонтальный JQuery ползунок (Slider) для сайта, реализованный с помощью JQuery....

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

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

Облако теговОблако тегов на css

В данном примере представлен довольно приятный дизайн облака тегов, который реализован с помощью CSS...
Интересные публикации:

Jquery меню горизонтальноеJquery меню горизонтальное с анимированн...

Оригинальное Jquery меню для вашего сайта с анимированным фоном, меню представлено в трёх вариантах на ваш выбор....

Navigation SlaiderNavigation Slaider

Простой слайдер на jquery, имеет меню расположенное с левой стороны, также вы можете задать текст, который будет......

Оригинальное меню в виде клочка бумагиОригинальное меню в виде клочка бумаги

Меню в оригинальном стиле, в виде потёртого клочка бумаги....

Portfolio SitePortfolio Site

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

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

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

MinimoSity v1.1MinimoSity v1.1

Minimosity - стильная тема для wordpress, отлично подойдёт для сайта новостной и журнальной тематики....

Слайдер на jQuery для сайтаСлайдер на jQuery для сайта "Estro - jQu...

Красивый слайдер на jQuery для прокрутки изображения (картинки) на вашем сайте....
  • Текущий 1.60/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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