ట్యాగ్ క్లౌడ్ శైలికి CSS ను ఉపయోగించండి
ట్యాగ్ క్లౌడ్ అంశాల జాబితా దృశ్యమాన వర్ణన. మీరు తరచుగా బ్లాగ్లలో ట్యాగ్ మేఘాలను చూస్తారు. ఇది Flickr వంటి సైట్లు ప్రజాదరణ పొందింది.
ట్యాగ్ మేఘాలు పరిమాణం మరియు బరువు (కొన్నిసార్లు రంగు చాలా) మార్చడానికి లింకులు జాబితాను కొన్ని కొలవగల లక్షణం ఆధారంగా. చాలా ట్యాగ్ మేఘాలు జనాదరణ లేదా నిర్దిష్ట ట్యాగ్తో ట్యాగ్ చేయబడిన పేజీల సంఖ్య ఆధారంగా రూపొందించబడ్డాయి. కానీ మీరు వాటిని ప్రదర్శించే కనీసం రెండు మార్గాలు కలిగి ఉన్న మీ సైట్లోని అంశాల జాబితా నుండి ట్యాగ్ క్లౌడ్ని సృష్టించవచ్చు. ఉదాహరణకి:
- వ్యాసాల యొక్క ప్రజాదరణను సూచించే శైలులతో అక్షర క్రమంలో వ్యాసాల జాబితా.
- శైలులతో అక్షర క్రమంలో వెబ్ సైట్ల జాబితా మీరు ఏది ఉత్తమమైనది అని సూచిస్తుంది.
- ధరల క్రమంలో జాబితా చేయబడిన వెబ్ సంపాదకుల జాబితా ముందుగా నిర్వచించిన సమితి ప్రమాణాలకు ఎంత దగ్గరగా ఉందో సూచించే శైలులతో.
- మీ ఇల్లు నుండి దూరం వరకు ఉన్న శైలులతో ఉన్న స్నేహితుల జాబితా.
మీరు ట్యాగ్ క్లౌడ్ను ఏమనుకుంటున్నారు?
ఇది ట్యాగ్ క్లౌడ్ను నిర్మించడం సులభం, మీరు కేవలం రెండు విషయాలు అవసరం:
- వస్తువుల జాబితా (వెబ్ కథనాలు, వెబ్ సైట్లు లేదా మీ స్నేహితులు వంటివి)
- ప్రతి అంశాల కోసం ఒక కొలత (రోజుకు పేజీ వీక్షణలు, మీ ర్యాంకింగ్ 1-10, లేదా మీ ఇంటికి దూరం).
చాలా ట్యాగ్ మేఘాలు లింకుల జాబితాలు, కాబట్టి ఇది ప్రతి అంశంగా అనుసంధానించబడిన ఒక URL ను కలిగి ఉంటే అది సహాయపడుతుంది. కానీ దృశ్య సోపానక్రమం సృష్టించడానికి అవసరం లేదు.
పాపులర్ లింకుల ట్యాగ్ క్లౌడ్ బిల్డ్ చేయడానికి దశలు
నా సైట్ ప్రతి రోజు పేజీ వీక్షణలను పొందుతున్న కథనాలను కలిగి ఉంది మరియు ట్యాగ్ క్లౌడ్ను సృష్టించడానికి నాకు ఇది సులభమైన మెట్రిక్. కాబట్టి ఈ ఉదాహరణ కోసం, జనవరి 1, 2007 వారానికి నా సైట్లోని అగ్ర 25 వ్యాసాల వ్యాసాల జాబితా నుండి ట్యాగ్ క్లౌడ్ను మేము సృష్టిస్తాము.
- మీరు మీ సోపానక్రమం లో ఎన్ని స్థాయిలు నిర్ణయించాలి.
- మీరు మీ జాబితాలోని అంశాలను కలిగి ఉన్నందున మీ క్లౌడ్లో అనేక స్థాయిలను కలిగి ఉండటం సాధ్యమవుతుంది, ఇది కోడ్కు దుర్భరమైనదిగా ఉంటుంది మరియు తేడాలు చాలా తక్కువగా ఉంటాయి. నేను మీ సోపానక్రమం లో 10 కంటే ఎక్కువ స్థాయిలను కలిగి ఉండాలని సిఫార్సు చేస్తున్నాను.
- ప్రతి స్థాయిలో కట్ ఆఫ్ పాయింట్లను నిర్ణయిస్తారు.
- రోజుకు మీ పేజీ వీక్షణలను 1/10 ముక్కలుగా కత్తిరించడం చాలా సులభం కావచ్చు - అంటే. మీ సైట్లో అతిపెద్ద పేజీ 100 పేజీ వీక్షణలను ఒక రోజు గడిస్తే, 100 +, 90-100, 80-90, 70-80, మొదలైన వాటికి నేను కోసేస్తాను.
- పేజీ వీక్షణ క్రమంలో మీ అంశాలను జాబితా చేయండి మరియు వాటిని దశ 2 ఆధారంగా ర్యాంకును ఇవ్వండి
- మీరు స్లాట్లలో కొన్నింటిని కలిగి లేనట్లయితే చింతించకండి, క్లౌడ్ మరింత ఆసక్తికరంగా ఉంటుంది.
- అక్షర క్రమంలో మీ జాబితాను రిసార్ట్ చేయండి (లేదా మీరు ఉపయోగించాలనుకుంటున్న రెండో విధమైనది).
- ఈ క్లౌడ్ ఆసక్తికరమైన చేస్తుంది ఏమిటి. మీరు దానిని ర్యాంక్ ద్వారా క్రమబద్ధీకరించినట్లయితే, అది కేవలం దిగువ అతిచిన్న దిగువ అతిపెద్ద వస్తువులతో ఉన్న జాబితాగా ఉంటుంది.
- ర్యాంకు క్లాస్ నంబర్ కాబట్టి మీ HTML ను వ్రాయండి. class = "tag4"> స్ట్రీమింగ్ ఆడియో ఫైళ్ళు కలుపుతోంది
ఒకసారి మీరు ప్రతి ఒక్కొక్క జాబితా అంశం కోసం HTML ను కలిగి ఉంటారు మరియు మీరు వాటిని ప్రదర్శించాలనుకుంటున్న క్రమంలో, మీరు నిర్ణయం తీసుకోవాలి. మీరు పేరాలో లింక్లను ఉంచవచ్చు మరియు మీరు పూర్తి చేయబడవచ్చు. కానీ ఇది సెమాంటిక్గా మార్క్ చేయబడదు మరియు మీ ట్యాగ్ క్లౌడ్కు వచ్చే CSS లేకుండా ఎవరైనా లింకుల పెద్ద పేరాని చూస్తారు. ఈ రకమైన జాబితాకు HTML ఇలా ఉంటుంది:
స్ట్రీమింగ్ ఆడియో ఫైళ్ళు జోడించడం వెబ్ సైట్ కోసం ప్రాథమిక టాగ్లు ఉత్తమ వెబ్ డిజైన్ సాఫ్ట్వేర్ రంగు సింబాలిజం a> రంగు సింబాలిజం a> రంగు సింబాలిజం ఒక> p> బదులుగా, నేను మీకు క్రమం లేని జాబితాను ఉపయోగించి మీ ట్యాగ్ క్లౌడ్ను సృష్టించడానికి సిఫార్సు చేస్తున్నాను. ఇది HTML మరియు CSS కోడ్ యొక్క మరికొన్ని పంక్తులు, కాని కంటెంట్ను చదవగలిగే విషయాన్ని చదవగలిగేలా అది నిర్ధారిస్తుంది. HTML ఇలా ఉంటుంది: ఇప్పుడు మనము సరదా భాగానికి-CSS శైలులను పొందండి. మీరు ట్యాగ్ క్లౌడ్ శైలిని చేసినప్పుడు, మీరు సాధారణంగా ఫాంట్ సైజును మరియు ఫాంట్ బరువును మార్చుతారు. మీరు ఫాంట్ లేదా నేపథ్యం లేదా ఏదైనా ఇతర శైలి లక్షణాన్ని మార్చవచ్చు, కానీ పరిమాణం మరియు బరువు సంప్రదాయంగా ఉంటాయి. మీకు 10 శైలి తరగతులు అవసరం, ప్రతి ట్యాగ్ ర్యాంక్కు ఒకటి: నేను క్లౌడ్ చుట్టూ కొన్ని శైలులను చేర్చాలనుకుంటున్నాను: క్లౌడ్ టెక్స్ట్, సెట్ లైన్ ఎత్తు సెట్ క్లౌడ్ రీడబుల్ తద్వారా, మరియు యాంకర్ టాగ్లు వాటిని ఏ padding కలిగి నిర్ధారించుకోండి: చివరగా, మీరు సెమాంటిక్ స్టైలింగ్ పద్దతిని వాడుతుంటే (అనగా క్రమం లేని జాబితా), మీరు జాబితాలో బులెట్లు లేవు మరియు ఇండెంట్ చేయబడని రెండు CSS పంక్తులను జోడించాలి.
కానీ ట్యాగ్ క్లౌడ్ కోసం స్టైల్స్ ఎక్కడ ఉన్నాయి