Облако тегов становится все более массовым явлением которое одновременно является и веянием моды и важным элементом навигации.
Назначение заключается в том, что для навигации по сайтам с лентой публикаций приписываются произвольные теги, обозначающие суть публикации, а размер названий тегов в облаке указывает на их значимость.
Сегодня я приведу пример оформления облака тэгов внешний вид которого вы можете видеть ниже.
Облако тегов или Туча ярлыков или Облако меток (англ. tag cloud) — визуальное представление списка ярлыков (или категорий). Частота упоминаний, поисков, ссылок в интернете с определенного сайта неких слов, терминов, имен, отображается на специальной странице в виде изображения этих слов в формате гиперссылок. Размер изображения тем больше, чем выше релевантность данного слова (термина, имени). - ru.wikipedia.org
Читать далее Комментарии (5) 1-02-08 12:02:53 CSS: Необычная ссылкаСегодня я хотел бы рассказать о том, как можно сделать необычную с точки зрения визуализации ссылку с использованием CSS и тэга <span>...</span>.
Тег <SPAN> предназначен для определения встроенных
элементов документа. В отличие от блочных элементов, таких как <TABLE>, <P> или <DIV>, с помощью тега
<SPAN> можно выделить часть информации внутри других
тегов и установить для нее свой стиль. Например, внутри параграфа (тега <P>)
можно изменить цвет и размер первой буквы, если добавить начальный и конечный
тег <SPAN> и определить для него стиль текста. Чтобы
не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу
стилей, а для тега добавить параметр class или
id с именем селектора. - www.htmlbook.ru.
Скажем, у Вас есть URL как этот: www.mastersite.org.ua
Визуально ее можно разделить на блоки примерно так: www.mastersite.org.ua
Тем самым мы подчеркиваем в ссылке необходимое нам слово и акцентируем на нем внимание.
Ниже я привожу пример как можно при помощи CSS стилей сделать эту ссылку.
a span {
color: #971212;
}
Данный код устанавливает свой стиль части текста в нашей ссылки.
<a href="#">www.<span>mastersite</span>.org.ua</a>
Таким образом выглядит наша ссылка.
Сделаем нашу ссылку более "живой" придав ей определенные свойства при наведении курсора.
CSS код описывающий это выглядит так:
a {
color: black;
}
a span {
color: #971212;
}
a:hover {
color: #971212;
}
a:hover span {
color: black;
}
Комментарии (0) 30-01-08 01:01:43 Многие из нас встречали сайты, на которых есть своеобразный “вход” или же “Intro” который расположен строго по центру экрана и нам предлагается либо выбор языков либо быстрый переход на необходимый раздел.
Сегодня я хотел бы рассказать Вам как при помощи CSS сделать наш элемент отцентрированным точно в середине экрана, то есть, и вертикально и горизонтально сосредоточенным.
Читать далее Комментарии (2) 26-01-08 12:01:06 Достаточно редкий прием использования CSS - воздействие на регистр отображаемых символов. Для тех, кто не в курсе, регистр символов характеризует их заглавное свойство. Говоря проще, символы в верхнем регистре - это ЗАГЛАВНЫЕ, т.е. большие символы, а символы в нижнем регистре - это строчные, т.е. маленькие буквы. Читать далее 17-01-08 00:01:01 |
