Облако тегов становится все более массовым явлением которое одновременно является и веянием моды и важным элементом навигации.
Назначение заключается в том, что для навигации по сайтам с лентой публикаций приписываются произвольные теги, обозначающие суть публикации, а размер названий тегов в облаке указывает на их значимость.
Сегодня я приведу пример оформления облака тэгов внешний вид которого вы можете видеть ниже.
Облако тегов или Туча ярлыков или Облако меток (англ. tag cloud) — визуальное представление списка ярлыков (или категорий). Частота упоминаний, поисков, ссылок в интернете с определенного сайта неких слов, терминов, имен, отображается на специальной странице в виде изображения этих слов в формате гиперссылок. Размер изображения тем больше, чем выше релевантность данного слова (термина, имени). - ru.wikipedia.org
Настроим различные классы оформления в CSS примерно таким образом:
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;
}
Применим классы оформления к списку категорий примерно так:
لقد جربت Arabic 1xbet Champion R11; إنه مذهل بلا منازع!
عروض ممتازة وخدمة احترافية. لقد اكتشفت 1xbet مصر R11; إنه الأفضل بلا منازع!
فرص مغرية وخدمة احترافية.
Preparato per un'avventura eccitante? Scopri nel mondo di Winnita Casino online,
dove ogni giro puo trasformarsi in una grande vittoria!
Con la sua piattaforma protetta e regolamentata, Winnita ti offre un'esperienza di gioco senza pari, pensata per chi ama il brivido del gioco del casino.
Non e solo un gioco, e un'occasione per
vincere! Iscriviti subito e scopri come ogni clic possa avvicinarti al successo.
Casino mobile Winnita
Scommesse sportive Winnita
6978 - 14-10-23 20:10:43
Adult theatyers in illinoisJinkou shoujo hentaiAct like slutNude mom andd
young-nude daughterBodybuiling woen sex tapesStarcraft nudeHelp kissing
teenPllay sexy games nowGraphs or charts on sexual harasdment iin the workplaceSealer stripper from glaze n sealSex dating
in crystal lake illinoisPumped puissy fuckedFrree asian xxx videos
in hdPlump womens lingerieWoman fucked on busSexxy married meen jerking
off for womenDiscipline heentai fullFree xxx iphoneDonload hardcore freeErotic exercise showEscort inn fll hiringAdult stem
lines arre more ethical than embryonicToop pornstsr rankingsExtremely young naked teensAtheletes foot treatment breast
feedingBig boobs kiksed and pressedSisters whho cum swallowNaked female copBrass
chandelkier asian dragonChat laredo lesbianAmerijcan idol yuku sucksAmateur bikini shotHang byy tit https://tinyurl.com/2m6el77y Independenbt escrt in ohioCock rubbing your mom feetFamily sex tahoo pics https://cutt.ly/wYNkP7j Real amtuer matureMature
hardcore fuckMasturbation betweeen brothers https://tinyurl.com/yexvo726 Usa seex
showRed porn grannyWyoming sex offender registryy https://bit.ly/3xcD0C6 Pee dee region realtorsLimberly wesst nudeSexyy woman for marriagye https://cutt.ly/sUXOdMv Aleksic gola jebanje karleusa nikolic pornn
porn seka slikeAliya jasmiune bikiniSexual haradsment
scharfenberg https://bit.ly/34dxsuB Italian ccks free galleryVoyeur girl sexFacebopod breast cancer awareness https://cutt.ly/QUSOHvm Blowjobs cambridge ukAbbyy brammmell nide photosHuge tifs in bigg
brws https://bit.ly/3vYqDcD Sex start yennyIllness and spermNude daphhy pictures https://bit.ly/34nXluZ Free
celebrity nude womesn onlyFree hairy pusssy trailerLyrics fatt bttom girl https://bit.ly/3jLBZdL Electronic facfial exerciseAdilt island vacationsNamed oon the big iszland https://bit.ly/30xlKZL Adult book stores in crystal
city virginaFree naked pictures of hprny
wivesPorn sites to aavoid filters https://tinyurl.com/yfknk33w Let'spee on eaach otherSoca escort42dd escort https://tinyurl.com/yk6dvwvf Metfro east rabbit breeder assAbusee clergy sexGreeneville tennessee gay https://tinyurl.com/2drz35wc Gettting riid
of breast fatWahing latex pillowBrittany spears nde pix https://bit.ly/3qOLZ8U Natasha nice big
tits round assesHairy bearded menCocoks whitge sluts https://tinyurl.com/yxzn8u89 Adult
fake pictures radmanVintaage fahionFree sexy undresss games https://tinyurl.com/2elq8ek7 Leather fetish
outpostSoon fuckoing to motherHaify arm pits on women https://bit.ly/3E90fAS Nude straight
grandpasSubincision of penisLesbian audi stories https://bit.ly/3mWK56P Wash
home fucking clipsJob big titsHardcore crossdress porn https://cutt.ly/acmESET Sexal abstinence contracct
ffor youthEshort service west londonSexy girls tied to chhair https://bit.ly/3x41wFG Escort
jayna jaqmes reviewsControversy ovber gaay and lesban weddingsSex vid revieew https://bit.ly/3y5PD3q Lesbian titty thumbsScholarship
adult criminal justiceSingapokre strippers https://bit.ly/30ML5Po Xxx outdoor vids picSally taylor sexSharon ase
inn lngerie https://bit.ly/3sgWaXV Guys eating ccum out of pussysHandd spanked over pantsHer ass slave https://bit.ly/3xb2fo3 Playing with her pusey flvMature seduced pornVintqge fenton syrup jugg https://tinyurl.com/2pxqcz7m Womman spank boysYohng teens inn mini-skirtsCuckholds eating
cum https://bit.ly/3nNiaFg Drivfing the laas vegas stripDeolition method bottom upHomamade pon https://bit.ly/3g3YyK2 Drunk amaateurs fuckingPosttistions for haing
anal sexChili shemale https://cutt.ly/NUnEklO Heercules movie pornFree big tited black pornAdventure game porn https://cutt.ly/jUU4fxN Normal facialNudust girls take ooff swimsuitsSteelers suck powered by phpbb https://bit.ly/2T3Ni9c Girl swallowing cum picturesHardore sex male masterbateFree homemade porn moviie cliip https://tinyurl.com/ye6xe774 Afica nude photosHaydn pannettioere bikiniShe fe dme the cum https://bit.ly/3w8kGK1 Princess sarrah fergusoon nudeStrp on big boob bbwMatjre womdn dominating young menn pantyhos https://tinyurl.com/yjazm89u Mann strips
womanStrip wax floorNormal penis siee https://bit.ly/3oK2fu8 Naked pic off military womenBare lay mclaughlin naked sarahFucking the bitch https://bit.ly/3GHNCgM Kim facial surgeryInhalant abuse teen people 2003Freee movie orgaem sex https://bit.ly/3ciUpA3 Esort in sann jose californiaVintage loging chainTeen sport bsbes https://bit.ly/3gGrhGg Texas regiwtered ssex offender websiteBig toe
in my pussyMum sex duter https://cutt.ly/fUBqvFZ Jack daniels cicken breasts3 fingers in vagina picturesBest mann blowjob https://bit.ly/2IWoeeV Pornstars with bbig clitsAnal submissive chained tubeNaked picture reex simon https://bit.ly/3iZd3lp Lil nude tgpHannah montanna cartoo pornMom cqught fucking
onn hidden cahera https://bit.ly/2NeS0xT London ontario strip barsPicture of men pissingSquirting latina pussy https://tinyurl.com/2lqwntcv Whhat waas mary carey porn nameAdult classifieds torontoFreee njde men mexican https://cutt.ly/KU3BuiM Torture sexual womanNude pifs nanc kerriganPneumonia risks in older adults
https://tinyurl.com/2kkyqmlw Faborite lesbian porn scdenes forumBleeding pornCartoon free lesbhian tgp https://bit.ly/3bPTEzqq Cerication for sex offender programsFreee torrentz
xxx bootyShaun cassidy prnis https://cutt.ly/VxDIOiD Bicycles san saint thomas virgin islandsKirsten18 hardcoreSoop marian boob
slip https://bit.ly/3Has6l3 Grannny fucking black
23Art fairy nude paintingBlack miilf aand a whikte cock https://bit.ly/3hmv9LU Eros ceter bonnMale dildo fucking machines50 cent ft.
Justin timberlake sexy ggirls https://bit.ly/312F2ae Actress asin sexyMalle sex enurance tipsBbww evezineFreee porn onn yourBbw bulliton boardDarts off pleasure tabHandjob and stdSpuhk bunnmy powered by phpbbHoot tight
black chick fuckedWhaat sex has the name jermaineBeautiful
amateeur teemThe naked broyhers band crazy car music videoReal women escortsFree amateur movi postAsian reed junglefowlNaked
disney characters for adultsAdult dating calgaryAlcala chx goiogle image nudeIs
ray victory bisexualTtuny pussyDigimon gay porn storiesMatute lexbo powered by vbulletinWives gangtbanged tubeTeacher sexy footWatyer
sport amateur movieA teen parentFreskin cocks picturesNew blak gays sexStudies oon teen smokingBoces adult educaion classesUnsuspecting cumshotAnaglyph sexYvette hafd pornoChubby girls
anal sexGaping hot pussy holesBreast cacer patiient protection act 2008Freee big butt porn video streamsSexy womens wigsBreast imaging radiologists and
californiaMtv biig boobs3 wheel adult cycleAre
they realloy nakedSwinging party in ryn texasDajni faith big boobsReview naked lunchTeeen outsoor sex moviesSex ating in poplar grove
illinoisSucck thee cockFemale domination producersTeen model sara
Хочу предложить Вам очень выгодный и легальный способ в интернете с очень большими перспективами и
заработком, который поможет вам решить все финансовые трудности, на пример
(закрыть кредиты, раздать долги, появится возможность путешествовать, купить
автомобиль, недвижимость, одним словом жить в своё удовольствие).
Представляю вам новый уникальный продукт для добычи трафика.
Seodor 5 - это серверный генератор дорвеев нового поколения имеющий на борту такие же возможности как и CMS.
[B]Собирать трафик теперь стало легче[/B].
Благодаря гибкости шаблонизатора на сеодоре 5 - вы можете создавать практически любые сайты, о которых аналогичные скрипты только мечтают и даже больше!
Дорген разработан с продуманой архитектурой позволяющей расширять возможности доргена безгранично.
Скрипт написанн на PHP и использующий базу данных SQLite ([U]базы создаются автоматически[/U]).
С помощью SEoDOR'a можно создавать как полноценные сайты для людей (СДЛ), так и сгенерированные на автомате дорвеи.
Пусть слово серверный вас не пугает, [B]дорген устанавливается и настраивается проще чем любой сайт[/B].
Процесс создания дорвеев на сеодоре 5 довольно таки простой (Подготовьте ключи, заполните шаблон макросами , запустите генерацию)
[B]SEoDOR работает по принципу CMS[/B] и адаптирован под управление для генерации тысячи сайтов из одной админки.В начале в админку добавляются домен(ы), затем импортируются кейворды из текстового файла и запускается процесс генерации.
[B]Статистика liveinternet для магазина, который продвигается сеодором 5[/B]
[IMG]http://seodor.biz/migration/shop2.png[/IMG]
[B]Посмотрите видео как все устроено и работает в админке[/B]
https://youtu.be/_R-trH3QqNk
[B]Основные возможности:[/B]
Генерация новых страниц из файла кеев
Генерация новых страниц на основе выдачи поисковых систем
Отложенная публикация
Создавайте любые конструкции в шаблонах, каждые из которых будут по-своему уникальными.
Поддержка шаблонов
Поддержка макросов (более 200 штук)
Возможность написания своих макросов
В шаблонах можно использовать свой php код
Проксификация парсинга через домены клиентов
Клиенты могут находится на любых хостингах, в то время как сервер может быть расположен на отдельной VPS-ке.
Обфускация (шифрование) кода клиента
Удаленное управление всеми клиентами реализовано через админку.
Кеширование данных на стороне клиента или на сервере (опционально)
Использование клоакинга.
Каждый дорвей клиент имеет свои настройки.
Редактирование шаблонов с подсветкой синтаксиса - прямо из админки
Подключение своих модулей расширяют функционал доргена.
Не нужно копаться в коде чтобы добавить свои модули т.к. они добавляются легко.
Встроенный антивирус покажет были ли изменены какие то файлы или добавлены новые.
Парсинг поисковиков через клиенты (проксификация)
Домены клиентов можно распределять в админке по группам, а мастер добавления доменов поможет вам это сделать в несколько кликов.
Произвольная структура категорий
Перелинковка страниц
Карта сайта
Автоматический пинг в поисковые системы
Открытый исходный код
Мощный шаблонизатор позволяющий на основе макросов создавать все что угодно.Использование своего контента
Отсутствие привязок к серверам и доменам
Плагин для Notepad++ для удобства написания шаблонов в популярном редакторе
Бесплатные и качественные обновления которые в основном добавляется новый функционал.
На форуме поддержки создалась дружественная атмосфера, где пользователи делятся своими наблюдениями, помогают друг другу, если что-то не понятно.
В случае вопросов по использованию доргена пишите мне в личку я всегда подскажу и помогу.
[url=http://seodor.ru/p/buyseodor5]Приобрести дорген со скидкой 25%[/url]
Обратите внимание чтобы сработала скидка промокод должен быть написан большими буквами: BUYSEODOR5
[b]Цена доргена:[/b] 200$ с учетом промокода на seodor -25% вы сможете приобрести его всего за [b]150$[/b]
[B]FAQ:[/B]
[B]Зачем вообще дорвеи?[/B]
[I]Дорвеи помогают вам на полном автомате сгенерировать сотни сайтов по нужной вам тематике и привлечь целевой трафик на ваш сайт или магазин.[/I]
[B]Поддерживает ли SEoDOR разные настроки для доменов?[/B]
[I]Да, поддерживает.
Поддерживаются также разные категории (которые можно импортировать пачкой из файла или через форму), шаблоны, код клоакинга.[/I]
[B]Сложно ли создавать шаблоны для доргена?[/B]
[I]Для создания шаблона потребуются базовые знания HTML, чтобы можно было в нужных местах расставить макросы. Так же на форуме есть бесплатные шаблоны для примера[/I]
[B]Как можно получить поддержку по SEoDOR?[/B]
[I]Если у Вас что-то не получается, то напишите по одному из контактов указаных на сайте сеодора или в личку на форуме.[/I]
[B]Поможете настроить сервер под SEoDOR?[/B]
[I]Данная услуга платная. В нее входит оптимальная настройка сервера под SEoDOR. Стоимость уточняйте.[/I]
[B]Делаете ли вы шаблоны для доргена?[/B]
[I] Шаблоны можно приобрести на форуме у пользователей, которые занимаются созданием шаблонов.[/I]
[B]Можно ли у вас заказать написание нового модуля?[/B]
[I]Обратитесь по этому вопросу ЛС.[/I]
[B]А как же нагрузка? Я ведь могу разориться на аренде серверов для доргена![/B]
[I] Вы можете скачать тесты, в которых видно, что дорген стабильно держит 10 запросов в секунду на тарифе "Стандарт"!
Исходя из этого, можно подсчитать, что на данном тарифе дорген сможет принять около 864 000 просмотров страниц в сутки!
Так как Вы считаете, оплатив всего 20$ за VPS, с возможностью получить более полумиллиона уникальных посетителей на одной копии доргена,
Вы разоритесь или обогатитесь?)
Новая версия доргена Seodor 5 прошла испытания по нагрузкам - тесты в которых видно, что дорген стабильно держит 10 запросов в секунду на тарифе "Стандарт" на френдхостинге.[/I]
Приобрести дорген со скидкой 25% сейчас можно здесь:
http://seodor.biz/p/BUYSEODOR5 - ведет на регистрацию в кабинет пользователя
http://seodor.ru/p/BUYSEODOR5 - ведет на регистрацию на форуме
Подробнее об изменениях читайте здесь:
https://seodor.biz/chanchelog.txt
Ёмаё...
Почему код не льзя полностью вставить в сообщение сюда?!!
Пишу весь, жмиак отправить, а он тут часть его отображается.....
Антон - 21-01-10 01:01:43
Всем доброго времени суток!
Всё правильно сказал автор, это облако тегов.
Если кто не в курсе, их разновидность очень большая. Тут дело вкуса...
Если кто, хочет, чтобы летало и крутилось как 3D прошу ниже код (Юзайте на здоровье) (Тапком не бейте если не получится мне его сюда вставить)
------------------------------------------------
КОД:
addVariable("tagcloud", "Название темыНазвание темыНазвание темыНазвание темыНазвание темыНазвание темыНазваниеНазвание темыНазвание темыНазваниеНазваниеНазваниеНазвание темыНазваниеНазвание темыНазвание темыНазвание темыНазвание темыНазвание темыНазвание темы");widget_so.
--------------------------------------
Дополнение (пояснения)
"#FFFFFF" Это фон окна, по умолчанию он белый.
0x81A8C4 Цвет текста, меняем только 81A8C4.
Про стайл, 12 это размер текста.
"240", "240", "9" Это размеры окна облака... и 9 это максимальная версия Flash плеера которая необходима для отображения облака.
Dmitriy Kravchenko - 13-01-10 23:01:01
собственно, 2Mixa, я думаю если ты воспользуешья генератором кода, то кто те мешает в самом тэг описывать весь этот эм... стиль, конечно многовато кода вылезет ...
2admin
Может тебе понадобится класс для работы с наборами ид и слекторов из css файла )
так, может улучшишь )
http://www.tspider.net/works/css.inc
Я кстати ишу собственный фреймворк ) с расширениями на классовой основе. Если бу интересно, могу поделиться )
Mapkc - 7-12-09 23:12:53
А мне понравилось ! +)
Oleg - 12-07-09 12:07:57
ya - 9-06-08 19:06:44
Это разве облако тегов ???7
Это таблица просто разукрашенная... :(
автар. выпей йаду.
ххаа ты смешон
Антон - 26-04-09 15:04:20
Идея хороша. Просто, надежно, быстро и эффективно. Admin, налей яду господину Ya.
Dima - 18-06-08 19:06:02
ya +1. Это не облако тегов. Это раскраска.
admin - 10-06-08 11:06:00
Кому как… во всяком случае НЕобычно … и табличкой тут и не пахнет :-)
ya - 9-06-08 19:06:44
Это разве облако тегов ???7
Это таблица просто разукрашенная... :(
автар. выпей йаду.
Mixa - 6-05-08 21:05:01
Все хорошо, только непонятно как заставить облако работать динамически - не буду ж вручную к каждому тагу приписывать класс. Как это реализовать, скажем, на wordpress?
wmas - 4-02-08 20:02:08
Хороший вариант, я вообще с CSS не сильно дружу... очень сложно с DIV'ами и с этими списками, хотя и хорошо урезает объем страницы ;) Особенно понравилась идея с разноцветной подсветкой... надо будет попробовать, если удасцо себя заставить 8)
لقد اكتش - 21-02-25 15:02:16
لقد جربت Arabic 1xbet Champion R11; إنه مذهل بلا منازع!
عروض ممتازة وخدمة احترافية. لقد اكتشفت 1xbet مصر R11; إنه الأفضل بلا منازع!
فرص مغرية وخدمة احترافية.