Օգտագործեք CSS- ի ոճը Tag Cloud- ի համար
պիտակների ամպը տարրերի ցանկի տեսողական պատկերացումն է: Բլոգներում հաճախակի կտեսնեք ամպային ամպեր: Այն ստեղծվել է Flickr- ի նման կայքերով:
Tag ամպերը հղումների ցանկն են, որոնք փոխվում են չափի եւ քաշի (երբեմն գույն), կախված որոշ չափելի հատկանիշներից: Շատ tag ամպերը կառուցված են ժողովրդականության կամ տվյալ էջի հատկորոշված էջերի քանակի հիման վրա: Բայց դուք կարող եք ստեղծել tag ամպ, ձեր կայքում տեղադրված ցանկացած ապրանքների ցուցակից, որոնք ունեն առնվազն երկու տարբերակ: Օրինակ:
- Հոդվածների ցանկը այբբենական կարգով ոճերի հետ, որոնք ցույց են տալիս հոդվածների հանրահայտությունը:
- Կայքերի ցանկը այբբենական կարգով ոճերով, որոնք ցույց են տալիս, թե որոնք են լավագույնը:
- Ցուցանիշների ցանկում նշված վեբ խմբագրիչների ցանկը, որոնք ցույց են տալիս, թե որքան մոտ են յուրաքանչյուրը նախապես սահմանված չափանիշների փաթեթին:
- Դիզայնով ընկերների ցանկ, որոնք ցույց են տալիս ձեր տան հեռավորությունը:
Ինչ պետք է ստեղծել Tag Cloud- ը:
Շատ հեշտ է ստեղծել տեգով ամպ, միայն անհրաժեշտ է երկու բան.
- Նյութերի ցանկ (օրինակ, վեբ-կայքեր, վեբ կայքեր կամ ձեր ընկերները)
- Յուրաքանչյուր նյութի համար չափումը (ինչպես օրվա դիտումների քանակը, ձեր վարկանիշը 1-10, կամ ձեր տան հեռավորությունը):
Շատ tag ամպերը հղումների ցանկն են, ուստի այն օգնում է, եթե յուրաքանչյուր նյութ ունի URL- ի հետ կապված URL: Բայց դա չի պահանջվում ստեղծել տեսողական հիերարխիա:
Հանրաճանաչ հղումների Tag Cloud ստեղծելու քայլերը
Իմ կայքը ունի հոդվածներ, որոնք ամեն օր դիտում են էջը, եւ դա հեշտ չափանիշ է ինձ համար, որպեսզի օգտագործի tag ամպ: Այսպես, այս օրինակի համար մենք կստեղծենք ամպային ամպ, հոդվածների ցանկից, իմ կայքի առաջին 25 հոդվածները 2007 թ. Հունվարի 1-ի շաբաթվա համար:
- Որոշեք, թե որքան մակարդակ եք ուզում ձեր հիերարխիայում:
- Չնայած ձեր ամպի մակարդակն այնքան էլ հնարավոր չէ, քանի որ ձեր ցուցակում ունեք իրեր, դա ձանձրալի է կոդ, եւ տարբերությունները կարող են լինել շատ նվազ: Ես առաջարկում եմ ձեր հիերարխիայում ոչ ավելի, քան 10 մակարդակ:
- Որոշեք յուրաքանչյուր մակարդակի կտրված կետերի վրա:
- Դա կարող է լինել նույնքան պարզ, որքան օրական կտրվածքով ձեր էջի դիտումը 1/10 շերտ: եթե ձեր կայքում ամենալավ էջը օրական ստանում է 100 էջ դիտում, ապա այն կարող եք կտրել որպես 100+, 90-100, 80-90, 70-80 եւ այլն: Ես թակեցի իմ էջը:
- Ցուցադրել ձեր տարրերը էջի դիտման կարգի մեջ եւ տալ նրանց աստիճան, ըստ 2-րդ քայլի
- Մի անհանգստացեք, եթե դուք չունեք որեւէ տարրեր slots- ում, դա պարզապես ստիպում է ամպը ավելի հետաքրքիր:
- Արձագանքեք ձեր ցուցակը այբբենական կարգով (կամ ցանկացած երկրորդ կարգի ցանկանում եք օգտագործել):
- Սա է պատճառը, որ ամպը հետաքրքիր է: Եթե դուք հեռանում եք այն աստիճանից դասավորված, ապա այն պարզապես ցուցակ կդառնա ներքեւում գտնվող ամենափոքր կետերից ամենափոքր կետերը:
- Գրեք ձեր HTML- ը, որպեսզի դասը դասի համարն է: class = "tag4"> Ավելացնելով Streaming Audio ֆայլեր
Երբ դուք ունեք HTML յուրաքանչյուր առանձին ցուցակի համար եւ այն կարգը, որը ցանկանում եք ցուցադրել դրանք, ապա պետք է որոշում կայացնել: Դուք կարող եք հղումներ տեղադրել պարբերության մեջ, եւ դուք պետք է կատարեք: Բայց դա չի նշանակում, որ սեգանտիկորեն նշված է, եւ որեւէ մեկը, առանց CSS- ի, գալիս է ձեր ամպային ամպի մեջ, պարզապես տեսնում է հղումների խոշոր կետ: Այս տեսակի համար HTML- ը կանդրադառնա հետեւյալ կերպ.
Ավելացնելով Streaming Audio Ֆայլեր Հիմնական Tags for a Web Site Լավագույն Վեբ Դիզայնի Ծրագիր Կառուցել վեբ էջը ամբողջովին կորցրած համար Գունավոր խորհրդանշում ա> Փոխարենը, խորհուրդ եմ տալիս ստեղծել ձեր տաղտին ամպ `օգտագործելով անուղղակի ցուցակ: Դա HTML- ի եւ CSS- ի մի քանի տող է, սակայն այն ապահովում է, որ բովանդակությունը կարդացվի, անկախ նրանից, թե ով է այն գալիս դիտելու համար: HTML- ը նման կլինի: Այժմ մենք ստանում ենք զվարճալի մաս `CSS ոճերը: Երբ դուք թեքում ամպի ձեւավորում եք, սովորաբար փոխում եք տառաչափը եւ տառատեսակը: Դուք նաեւ կարող եք փոխել տառատեսակի կամ ֆոնի գույնը կամ ցանկացած այլ ոճային հատկանիշ, սակայն չափը եւ քաշը ավանդական են: Ձեզ հարկավոր է 10 դասի դասարան, մեկը, յուրաքանչյուր տեգի աստիճանի համար. Ինձ դուր է գալիս ամպի շուրջ որոշ ոճեր ներգրավել: կենտրոնի ամպային տեքստը, սահմանեք գծի բարձրություն, որպեսզի ամպը ընթեռնելի լինի, եւ համոզվեք, որ խարիսխների պիտակները դրանց վրա լիցք չունեն: Ի վերջո, եթե դուք օգտագործում եք semantic styling մեթոդը (այսինքն, unordered ցանկը), դուք պետք է ավելացնել եւս երկու տող CSS, որպեսզի ցանկը չունի փամփուշտներ եւ չի ներդիր:
Բայց որտեղ են ոճերը Tag Cloud- ի համար