Uzu CSS al Stilo Tag-Nubo
Etikedo nubo estas vida bildigo de listo de eroj. Vi ofte vidos etikedajn nubojn sur blogoj. Ĝi estis populara per lokoj kiel Flickr.
Tagaj nuboj estas listo de ligiloj, kiuj ŝanĝiĝas en grandeco kaj pezo (kelkfoje ankaŭ koloraj) laŭ iu mezurebla atributo. Plej multaj etikedoj estas konstruitaj surbaze de populareco aŭ la nombro da paĝoj, kiuj estas etikeditaj per tiu aparta etikedo. Sed vi povas krei etikedon nubo el iu listo de eroj en via retejo, kiu havas almenaŭ du manierojn por montri ilin. Ekzemple:
- Listo de artikoloj en alfabeta ordo kun la stiloj indikantaj la popularecon de la artikoloj.
- Listo de TTT-ejoj en alfabeta ordo kun la stiloj indikantaj kiujn vi ŝatas la plej bonan.
- Listo de TTT-redaktistoj enlistigita en prezo ordo kun la stiloj indikante kiom proksima ĉiu venas al antaŭdifinita aro de kriterioj.
- Listo de amikoj kun la stiloj, kiuj indikas la distancon de via domo al ili.
Kion Vi Devas Konstrui Tagan Nubo?
Estas facile konstrui etikedon nubo, vi nur bezonas du aferojn:
- Listo de eroj (kiel TTT-artikoloj, retejoj aŭ viaj amikoj)
- Mezuro por ĉiu el la eroj (kiel paĝaj vidpunktoj, via ranking 1-10, aŭ la distanco al via domo).
Plej multaj etikedoj estas listoj de ligiloj, do ĝi helpas se ĉiu ero havas URL asociitan kun ĝi. Sed tio ne estas necesa por krei vida hierarkio.
Paŝoj por Konstrui Tag Nubo de Popularaj Ligoj
Mia retejo havas artikolojn, kiuj ricevas paĝajn vidojn ĉiutage, kaj ĉi tio estas facila metriko por mi uzi por krei etikedo nubo. Do por ĉi tiu ekzemplo, ni kreos etikedon nubo de listo de artikoloj, la supraj 25 artikoloj en mia retejo por la semajno de januaro 1, 2007.
- Determini kiom da niveloj vi volas en via hierarkio.
- Dum ĝi eblas havi tiom multajn nivelojn en via nubo, kiel vi havas artikolojn en via listo, ĉi tio tedas al kodo, kaj la diferencoj povas esti tre minimumaj. Mi rekomendas havi ne pli ol 10 nivelojn en via hierarkio.
- Decidi sur la eltonditaj punktoj por ĉiu nivelo.
- Eble estu tiel simpla kiel tranĉi viajn paĝajn vidojn tage en 1/10 tranĉaĵoj - te. se la plej granda paĝo de via retejo ricevas 100 paĝajn vidojn ĉiutage, vi povus tranĉi ĝin kiel 100 + 90-100, 80-90, 70-80 ktp. Mi pikis mian paĝon vidpunkton.
- Enlistigu viajn erojn en paĝo-vidpunkto, kaj donu al ili rangon bazitan sur paŝo 2
- Ne maltrankviliĝu, se vi ne havas iujn erojn en iuj el la slots, tio simple faras la nubo pli interesa.
- Resortigu vian liston laŭ alfabeta ordo (aŭ kia ajn dua varo vi volas uzi).
- Jen kion interesas la nubo. Se vi lasos ĝin ordo laŭ rango, tiam ĝi estos nur listo kun la plej grandaj eroj ĉe la supro malsupren al la plej malgranda malsupre.
- Skribu vian HTML por ke la rango estas klaso. klas = "etikedo"> Aldonante Streaming Aŭdio Dosieroj
Unufoje vi havas la HTML por ĉiu individua listo, kaj la ordo, kiun vi volas montri al ili, tiam vi devas decidi. Vi povas meti la ligilojn en alineo kaj vi fariĝos. Sed ĉi tio ne estus semantike markita, kaj iu ajn sen CSS venanta al via etikedo nubo nur vidus grandan alineon de ligoj. La HTML por ĉi tiu tipo de listo aspektus tiel:
Aldonante streaming Audio Files Bazaj Etikedoj por TTT-ejo Plej bona Reteja Softvaro Konstrui Retpaĝon por la Plene Perdita Kolora Simbolismo a> p> Anstataŭe, mi rekomendas vin krei vian etikedon nubo uzante neordigitan liston. Ĝi estas kelkaj pli da linioj de HTML kaj CSS-kodo sed certigas, ke la enhavo estos legebla, ne gravas, kiu vidos ĝin. La HTML aspektus tiel: Nun ni atingas la amuzan parton-la CSS-stilojn. Kiam vi stiligas etikedon, vi kutime ŝanĝas la tiparon kaj la tiparon. Vi ankaŭ povas ŝanĝi la koloron de la tiparo aŭ la fono aŭ ajna alia stilo de atributo, sed grandeco kaj pezo estas tradiciaj. Vi bezonas 10 stilklasojn, unu por ĉiu etikedo: Mi ŝatas inkluzivi iujn stilojn ĉirkaŭ la nubo mem: centri la nubo-tekston, starigu linion-altecon por ke la nubo estu legebla kaj certigu, ke la ankrumaj etikedoj ne plenumas ilin: Fine, se vi uzas la semantikan metodon (tio estas, la neordigita listo), vi bezonos aldoni du pli da linioj de CSS tiel ke la listo ne havas kuglojn kaj ne estas indentita:
Sed Kie Estas la Stiloj por la Tag Cloud