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

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

ОБСУЖДЕНИЕ

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

Облако тегов на css
Просмотров: 5265  Скачан: 357 раз  Комментариев в теме: 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...

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

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

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

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

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

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

Слайдер на css3 и jqueryСлайдер на css3 и jquery

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

Горизонтальное прокручивающиеся меню «Scrollable Menu»Горизонтальное прокручивающиеся меню «Sc...

Прокручивающиеся меню в виде картинок, меню фиксируется внизу страницы, при наведении курсора мыши на......

Шаблон Desire Night ClubШаблон Desire Night Club

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

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

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

css3 слайдерcss3 слайдер

Красивый адаптивный слайдер с параллакс эффектом на чистом CSS3....

Admin PanelAdmin Panel

Шаблон для панели администратора созданный на HTML5, в наличии имеются все необходимые элементы: кнопки, закладки, меню и прочее....

Обратная связь на JQuery, PHP и MySQLОбратная связь на JQuery, PHP и MySQL

Красивая форма обратной связи на PHP/JQuery и MySQL. В форме реализована проверка полей, сообщение об ошибке и база данных для хранения присылаемых ва...
  • Текущий 1.64/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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