Облако тегов - CSS оформление

Облако тегов или Туча ярлыков или Облако меток (англ. tag cloud) — визуальное представление списка ярлыков (или категорий). Частота упоминаний, поисков, ссылок в интернете с определенного сайта неких слов, терминов, имен, отображается на специальной странице в виде изображения этих слов в формате гиперссылок. Размер изображения тем больше, чем выше релевантность данного слова (термина, имени). - ru.wikipedia.org

ul {
	margin-top: 50px;
	list-style-type: none;
}

li {
	float: left;
}

ul li a {
	text-decoration: none;
	line-height: 2.3em;
}

ul li a.size1 {
	color: #666;
	padding: 2px;
}
	ul li a.size1:hover {
		background-color: #999;
		color: white;
	}

ul li a.size2 {
	color: #912600;
	padding: 12px;
}
	ul li a.size2:hover {
		background-color: #cc3500;
		color: white;
	}

ul li a.size3 {
	color: #877900;
	padding: 18px;
}
	ul li a.size3:hover {
		background-color: #d8c100;
		color: white;
	}

ul li a.size4 {
	color: #1d6c01;
	padding: 8px;
}
	ul li a.size4:hover {
		background-color: #2daf00;
		color: white;
	}
ul li a.size5 {
	color: #004e6b;
	padding: 6px;
}
	ul li a.size5:hover {
		background-color: #007ead;
		color: white;
	}

ul li a.size6 {
	color: #430069;
	padding: 24px;
}
	ul li a.size6:hover {
		background-color: #7600b9;
		color: white;
	}

<ul>
	<li><a class="size1" href=#">CSS-верстка</a></li>
	<li><a class="size2" href=#">Продвижение сайта</a></li>
	<li><a class="size3" href=#">Поисковые системы</a></li>
	<li><a class="size4" href=#">Браузеры</a></li>
	<li><a class="size5" href=#">Веб-мастеринг</a></li>
	<li><a class="size6" href=#">Интернет</a></li>
	...и т.д.
</ul>

1-02-08 12:02:53

Мои работы

	Мои сайты (40) Triolan - Киев Avelanto Rising Force Online Мобильные новости Юридическая компания КОНСИЛЬЕРИ Михайлюк, Сороколат и Партнеры Мебельные ткани VIP SlobodaNET Улыбка Triolan - Полтава ФаворитТВ Корпусная мебель OOO "Прогресс - 1" Пойнтер клуб ООО "Энергия-Буд" Компания "Каскад - КСВ" Редизайн сайта BaluNET ООО "Фактор КОМ" Клуб "ПАФОС" ООО "ПФК Фактор, Лтд" POEXALI Экскурсии по городам Украины Фотографии городов Украины Караванский завод МАТРО МАРКЕТ Elite M-Shop Аренда квартир ЧФ "ДентаЛюкс" Counter-Strike BaluNET ООО "Декон" ООО "Паллада Плюс" Tarasishe portfolio BaluNET Customize Пескоструйное оборудование Video BaluNET ООО Механик-Центр Мегаполис Games BaluNET BaluNET Hardware Forum BaluNET Сайт Internet провайдера Мои баннеры (4) www.elite-mobile.org.ua mirc.medianet.ua www.media.balu.net.ua www.radio.balu.net.ua Мои скрипты (1) Погодный информер

Познавательно

	Поисковые системы (4) Yandex теперь понимает Sitemap Яндекс раздает антивирус Касперского Поисковые операторы Google Что делать, если Яндекс забанил сайт Веб-мастеринг (13) 5 сборок WEB серверов 5 онлайн сервисов для работы с CSS Необычная страница для ошибки 404 Как сменить домен не потеряв аудиторию, тИЦ и PR Фиксированное положение фонового изображения Увеличение изображения без потери качества Боремся с копированием изображений. Способ № 2 Боремся с копированием изображений. Способ № 1 Обновляем дату на копирайте автоматически Справочник терминов вебмастера Sitemaps XML формат SEO оптимизация текста 7 рекомендаций по подготовке к запуску сайта PHP скрипты (4) Компрессия CSS таблиц средствами PHP Улучшенная сортировка списков с использованием PHP и CSS Определяем статус ICQ PHP ротатор баннеров CSS-верстка (8) Поддержка CSS в почтовых клиентах Делаем эффект наведения на блок Делаем "резиновую" форму Ссылки внутри большой “кликабельной” области Облако тегов - CSS оформление CSS: Необычная ссылка CSS: Позиционируем элемент точно в центре экрана CSS: регистр символов Браузеры (1) Делаем таблицу стилей CSS только для IE Разное (6) Winamp обзавелся своим поиском Полезные сервисы часть вторая 10 бесплатных Primary и Seconadary DNS серверов Полезные сервисы для работы с поисковиками Социальные закладки как способ увеличения посещаемости CSS3 эффект – прячем картинку в тексте! JavaScript (4) Проверка правильности заполнения формы вариант №2 Проверка правильности заполнения формы Скрипт проверки качества пароля Меняем величину (размер) шрифта с javascript Программы (1) IETester – проверяем совместимость 4х IE браузеров сразу

	dikli (Поподробнее пожалуйста :)) Admin (Есть же http://browsershots.or...) Роман (Удобная прога для верстальщико...) Гость (Фтопку!!! Ниработаид!!! ХЗ поч...) vistor (Скрипт супер. Но там написано...)

+38 \097\ 99-22-00-6