Як Стыль воблака тэгаў

Выкарыстоўвайце CSS, каб Стыль воблака тэгаў

Воблака тэгаў з'яўляецца візуальным выявай спісу элементаў. Вы часта будзеце бачыць воблака тэгаў у блогах. Ён быў зроблены папулярным сайты, як Flickr.

Тэг воблака спіс спасылак, якія змяняюцца па памеры і вазе (часам кветак таксама) у залежнасці ад некаторых вымерную атрыбуту. Большасць воблака тэгаў пабудаваныя на аснове папулярнасці або колькасці старонак, якія пазначаныя з гэтай канкрэтнай пазнакай. Але вы можаце стварыць воблака тэгаў з любога спісу элементаў на вашым сайце, якія маюць па крайняй меры два спосабу іх адлюстравання. Напрыклад:

• Спіс артыкулаў у алфавітным парадку з указаннем стыляў папулярнасці артыкулаў.
• Спіс вэб-сайтаў у алфавітным парадку з указаннем стыляў, якія з іх вам больш падабаюцца.
• Спіс вэб-рэдактараў, пералічаных у парадку цэн з указаннем стыляў, наколькі блізка адзін прыходзіць да загадзя вызначанага набору крытэраў.
• Спіс сяброў з указаннем стыляў адлегласць ад вашага дома да іх.

Што вам трэба пабудаваць воблака тэгаў?

Лёгка пабудаваць воблака тэгаў, вам трэба ўсяго толькі дзве рэчы:

• Спіс элементаў (напрыклад, вэб-артыкулаў, вэб-сайтаў, ці вашых сяброў)
• Вымярэнне для кожнага з элементаў (напрыклад, прагляды старонак у дзень, ваш рэйтынг 1-10, або адлегласць да вашага дома).

Большасць воблака тэгаў з'яўляюцца спісамі спасылак, так што гэта дапамагае, калі кожны элемент мае URL, звязанае з ім. Але гэта не патрабуецца, каб стварыць візуальную іерархію.

Крокі па стварэнні воблака тэгаў Папулярныя спасылкі

Мой сайт змяшчае артыкулы, якія атрымліваюць прагляды старонак кожны дзень, і гэта лёгка Метрыка для мяне выкарыстоўваць, каб стварыць воблака тэгаў. Так што для гэтага прыкладу, мы створым воблака тэгаў са спісу артыкулаў, топ 25 артыкулаў на маім сайце на працягу тыдня, з 1 студзеня 2007 года.

1. Вызначце , колькі узроўняў вы хочаце ў вашай іерархіі.
   1. Хоць гэта можна мець шмат узроўняў ў вашым воблаку, як у вас ёсць элементы ў спісе, гэта становіцца стомным код, і адрозненні могуць быць вельмі мінімальныя. Я не рэкамендую мець не больш за 10 узроўняў у іерархіі.
2. Прыняцце рашэння аб адрэзаных кропках для кожнага ўзроўню.
   1. Гэта можа быць так жа проста, як скарачэнне колькасці праглядаў старонак у дзень у 1/10 лустачак - гэта значыць. калі вялікая старонка на вашым сайце атрымлівае 100 прагляды старонак у дзень, вы можаце нарэзаць яго як 100+, 90-100, 80-90, 70-80 і г.д. Я нарэзаны мае прагляды старонак у гэтай модзе.
3. Пералічыце элементы ў акне прагляду старонкі замовы, і даць ім ранг заснаваны на кроку 2
   1. Не хвалюйцеся, калі ў вас няма якіх-небудзь прадметаў у некаторых з слотаў, што толькі робіць воблака больш цікавым.
4. Курорт спіс у алфавітным парадку (або любы іншы другі гатунак вы хочаце выкарыстоўваць).
   1. Гэта тое, што робіць воблака цікавым. Калі пакінуць сартуюцца па рангу, то гэта будзе проста спіс з найбольшымі элементамі ў верхняй частцы ўніз да самаму маленькаму у ніжняй часткі.
5. Напішыце свой HTML , так што ранг нумар класа. клас = "Вкладка4»> Даданне струменевага аўдыё файлаў

Калі ў вас ёсць HTML для кожнага асобнага элемента спісу, і замова вы хочаце, каб адлюстраваць іх, то вам неабходна прыняць рашэнне. Вы можаце размясціць спасылкі ў пункце, і вы б зрабілі. Але гэта не будзе семантычны размечана, і хто без CSS падыходзіць да вашага воблака тэгаў будзе проста ўбачыць вялікі абзац спасылак. HTML для гэтага тыпу спісу будзе выглядаць наступным чынам:

Даданне Streaming Audio Files Асноўныя тэгі для вэб-сайта Лепшы вэб-дызайн праграмнага забеспячэння Стварэнне вэб-старонак, каб іх цалкам страціў Сімволіка колеру

Замест гэтага я рэкамендую вам стварыць воблака тэгаў з дапамогай маркіраванага спісу. Гэта яшчэ некалькі радкоў HTML і CSS коды, але гэта гарантуе, што змесціва не будзе чытацца незалежна ад таго, хто прыходзіць на яго прагляд. HTML будзе выглядаць наступным чынам: