Kif istil Tag Cloud

Uża CSS għall-Istil ta 'Tag Cloud

Tag cloud huwa deskrizzjoni viżiva ta 'lista ta' oġġetti. Int spiss tara sħab tag fuq blogs. Sar popolari minn siti bħal Flickr.

Is-sħab tat-tikek huma lista ta 'rabtiet li jinbidlu fid-daqs u l-piż (kultant kulur wisq) jiddependi fuq xi attribut li jista' jitkejjel. Ħafna sħab ta 'tags huma mibnija fuq il-popolarità jew in-numru ta' paġni li huma mmarkati b'dik it-tikketta partikolari. Imma tista 'toħloq sħaba tikketta minn kwalunkwe lista ta' oġġetti fuq is-sit tiegħek li għandhom mill-inqas żewġ modi kif juruhom. Pereżempju:

X'għandek bżonn Tinbena Tag Cloud?

Huwa faċli li tinbena sħaba tikketta, għandek bżonn biss żewġ affarijiet:

Il-biċċa l-kbira tas-sħab tat-tikketti huma listi ta 'links, għalhekk jgħin jekk kull oġġett ikollu URL assoċjat miegħu. Imma dak mhux meħtieġ biex tinħoloq ġerarkija viżwali.

Passi biex Tinbena Tag Cloud ta 'Links Popular

Is-sit tiegħi għandu artikli li jġibu l-opinjonijiet tal-paġna kuljum, u din hija metrika faċli għalija li tuża biex toħloq sħaba ta 'tikketta. Allura għal dan l-eżempju, aħna ser toħloq sħaba tikketta minn lista ta 'artikli, l-aqwa 25 artiklu fuq is-sit tiegħi għall-ġimgħa ta' l-1 ta 'Jannar, 2007.

  1. Iddetermina kemm livelli trid fil-ġerarkija tiegħek.
    1. Filwaqt li huwa possibbli li jkun hemm ħafna livelli fis-sħaba tiegħek peress li għandek oġġetti fil-lista tiegħek, dan isir tedious għall-kodiċi, u d-differenzi jistgħu jkunu minimi ħafna. Nirrakkomanda li m'għandux aktar minn 10 livelli fil-ġerarkija tiegħek.
  2. Iddeċiedi fuq il-punti maqtugħin għal kull livell.
    1. Jista 'jkun sempliċi daqs il-qtugħ tal-fehmiet tal-paġna tiegħek kuljum għal 1/10 flieli - jiġifieri. jekk l-akbar paġna fuq is-sit tiegħek tikseb 100 paġna tal-fehmiet kuljum, tista 'tnaqqasha bħala 100+, 90-100, 80-90, 70-80, eċċ. Qattajt il-fehmiet tal-paġna tiegħi b'tali mod.
  3. Lista l-oġġetti tiegħek fl-ordni tal-veduta tal-paġna, u agħtihom rank ibbażat fuq il-pass 2
    1. Tinkwetax jekk ma jkollokx xi oġġetti f'xi wħud mill-islots, li sempliċement tagħmel is-sħab aktar interessanti.
  4. Irrikorna l-lista tiegħek f'ordni alfabetiku (jew ikun x'ikun it-tieni tip li trid tuża).
    1. Dan huwa dak li jagħmel l-sħaba interessanti. Jekk tħalliha magħżula skond ir-rank, allura tkun biss lista bl-ikbar punti fil-quċċata sa l-iżgħar fil-qiegħ.
  5. Ikteb l-HTML tiegħek sabiex il-grad ikun numru tal-klassi. klassi = "tag4"> Żieda ta 'Streaming Audio Files

Ladarba jkollok l-HTML għal kull oġġett tal-lista individwali, u l-ordni li trid turihom, imbagħad inti għandek bżonn tieħu deċiżjoni. Tista 'tpoġġi r-rabtiet f'paragrafu u tkun trid tagħmel. Iżda dan ma jkunx immarkat b'mod semantiku, u kull min m'għandux CSS li jasal fuq is-sħaba tat-tikketta tiegħek jara biss paragrafu kbir ta 'links. L-HTML għal dan it-tip ta 'lista jidher bħal dan:

Żieda ta 'Streaming Audio Files Tweġibiet Bażiċi għal Sit fuq l-Internet Software ta 'Disinn tal-Aħjar Software Nibnu Web Page għat-Totalment Lost Simboliżmu tal-Kulur

Minflok, nirrakkomanda li inti toħloq is-sħaba tag tiegħek billi tuża lista mhux organizzata. Huwa ftit aktar linji ta 'kodiċi HTML u CSS iżda jiżgura li l-kontenut se jkun jista' jinqara x'ikun li jiġi biex tarah. L-HTML ikun jidher bħal dan: