कसे एक टॅग मेघ स्टाइल

टॅग क्लाउड शैली करण्यासाठी सीएसएस वापरा

टॅग मेघ आयटमच्या सूचीचे एक दृश्य वर्णन आहे. आपण अनेकदा ब्लॉगवरील टॅग क्लाउड्स पाहु शकता. हे फ्लिकर सारख्या साइट्सद्वारे लोकप्रिय झाले

टॅग मेघ म्हणजे काही मोजण्यायोग्य गुणधर्मावर आधारित आकार आणि वजन (कधीकधी रंग सुद्धा) बदलणार्या दुव्यांची सूची. सर्वाधिक टॅग मेघ लोकप्रियता किंवा त्या विशिष्ट टॅगसह टॅग केलेल्या पृष्ठांच्या संख्येवर आधारित तयार केले आहेत. परंतु आपण आपल्या साइटवरील आयटमच्या कोणत्याही सूचीमधून टॅग क्लाऊड तयार करू शकता ज्या त्यांना प्रदर्शित करण्यासाठी कमीत कमी दोन मार्ग आहेत. उदाहरणार्थ:

• लेखांची लोकप्रियता दर्शविणार्या शैलीसह आद्याक्षरांप्रमाणे लेखांची यादी
• आपल्याला सर्वोत्कृष्ट वाटते ते कोणत्या गोष्टी दर्शवितात त्यानुसार वर्णनेनुसार वेबसाइट्सच्या वर्णानुरूप यादी.
• शैलीनेसह किंमतीनुसार क्रमवारीत नमूद केलेल्या वेब संपादर्सची यादी, प्रत्येक पूर्व निर्धारित परिभाषित मापदंडाच्या संचात कसे येतात हे दर्शवितात.
• आपल्या घरापासून ते त्यांचे अंतर दर्शविणारी शैली असलेल्या मित्रांची यादी.

टॅग मेघ निर्माण करण्यासाठी आपल्याला काय आवश्यक आहे?

टॅग मेघ निर्माण करणे सोपे आहे, आपल्याला फक्त दोन गोष्टींची आवश्यकता आहे:

• आयटमची एक सूची (जसे की वेब लेख, वेब साइट किंवा आपल्या मित्र)
• प्रत्येक वस्तूसाठी मोजमाप (जसे प्रति पृष्ठ पृष्ठ दृश्ये, आपले क्रमांक 1-10, किंवा आपल्या घरातील अंतर).

बहुतेक टॅग ढगा दुव्यांची सूची आहेत, म्हणून प्रत्येक आयटममध्ये त्याच्याशी संबंधित URL असल्यास ती मदत करते. पण दृश्य पदानुक्रम तयार करणे आवश्यक नाही.

लोकप्रिय दुवे एक टॅग मेघ तयार करण्यासाठी पायऱ्या

माझ्या साइटवर दररोज पृष्ठ दृश्ये प्राप्त होतात अशा आशयांचे लेख आहेत आणि टॅग क्लाउड तयार करण्यासाठी माझ्यासाठी हे एक सोपे मेट्रिक आहे. या उदाहरणासाठी, आम्ही लेखांच्या सूचीमधून टॅग मेघ तयार करू, 1 जानेवारी 2007 च्या आठवड्यासाठी माझ्या साइटवरील शीर्ष 25 लेख.

1. आपल्या पदानुक्रमाने आपल्याला किती स्तरांची आवश्यकता आहे हे निर्धारित करा
   1. आपल्याकडे आपल्या सूचीतील आयटम असल्याप्रमाणे आपल्या मेघमध्ये अनेक स्तर असण्याची शक्यता असताना, हे कोडला कंटाळवाणे होते आणि मतभेद खूप कमी असू शकतात मी आपल्या पदानुक्रमात 10 पेक्षा जास्त पातळी नसल्याचे शिफारस करतो.
2. प्रत्येक स्तरावरील कट ऑफ पॉइंट निश्चित करा.
   1. हे दर दिवशी आपल्या पेज दृश्यांना 1/10 स्लाइड्समध्ये कापताना तितके साधे असू शकते - म्हणजेच जर आपल्या साइटवरील सर्वात मोठा पृष्ठ एका दिवसात 100 पृष्ठ दृश्ये प्राप्त होत असेल तर आपण 100+, 90-100, 80-90, 70-80, इत्यादी म्हणून ते कापू शकता. मी त्या फॅशनमध्ये माझे पृष्ठ दृश्ये चिरून घेतले.
3. पृष्ठ दृश्यात आपल्या आयटमची सूची करा आणि त्यांना चरण 2 वर आधारित एक रँक द्या
   1. आपण काही स्लॉटमध्ये कोणतेही आयटम नसल्यास काळजी करू नका, जे फक्त मेघ अधिक रूचिपूर्ण बनविते.
4. आपली यादी अकारविल्हे मध्ये रिसॉर्ट (किंवा आपण वापरू इच्छिता दुसरा दुसरा प्रकार).
   1. हा मेघ रोचक बनविते. आपण रँक द्वारा क्रमवारी लावल्यास, नंतर ती सर्वात वरच्या खालच्या सर्वात वरच्या वस्तूंसह सर्वात खाली असलेल्या सूचीसह सर्वात खाली असलेल्या सूचीसह असेल.
5. आपले HTML लिहा जेणेकरून रँक एक वर्ग क्रमांक आहे class = "tag4"> स्ट्रीमिंग ऑडिओ फायली जोडणे

एकदा आपल्याकडे प्रत्येक वैयक्तिक सूची आयटमसाठी HTML आणि आपण त्यांना प्रदर्शित करू इच्छित ऑर्डर मिळाल्या नंतर आपल्याला निर्णय घेण्याची आवश्यकता आहे. आपण एक परिच्छेद मध्ये दुवे ठेवू शकता आणि आपण पूर्ण केले जाईल. परंतु हे अक्षरांकडे चिन्हांकित केले जाणार नाही, आणि आपल्या टॅग क्लाउडमध्ये येणार्या सीएसएसशिवाय कोणीही लिंकचे मोठे परिच्छेद पाहतील. या प्रकारच्या सूचीसाठी HTML असे दिसेल:

प्रवाह ऑडिओ फायली जोडणे एका वेब साइटसाठी मूलभूत टॅग बेस्ट वेब डिझाईन सॉफ्टवेअर संपूर्णपणे गमावलेल्यासाठी एक वेब पृष्ठ तयार करणे रंग चिन्होधन

त्याऐवजी, मी शिफारस करतो की आपण एक unordered यादी वापरून आपला टॅग मेघ तयार करा. हे एचटीएमएल व सीएसएस कोडची काही अधिक ओळी आहे परंतु हे सुनिश्चित करते की सामग्री वाचण्यायोग्य होईल आणि ती कशी पहावी हे कोणालाही वाटत नाही. HTML हे असे दिसेल:

• प्रवाह ऑडिओ फायली जोडणे
• एका वेब साइटसाठी मूलभूत टॅग
• बेस्ट वेब डिझाईन सॉफ्टवेअर
• संपूर्णपणे गमावले गेलेले वेब पृष्ठ तयार करणे
• रंग चिन्होधन

  पण टॅग मेघ साठी शैली कुठे आहेत

  आता आपण मजा भाग-सीएसएस शैली मिळवू. आपण टॅग क्लाउड शैलीत असताना, आपण सहसा फॉन्ट आकार आणि फॉन्ट वजन बदलू शकता. आपण फॉन्टचा रंग किंवा पार्श्वभूमी किंवा इतर कोणत्याही शैलीतील विशेषता बदलू शकता, परंतु आकार आणि वजन पारंपारिक आहेत.

  आपल्याला 10 शैलीचे वर्ग आवश्यक आहेत, प्रत्येक टॅग श्रेणीसाठी एक:

  # क्लाघ a.tag1 {फॉन्ट-आकार: 0.7em; फॉन्ट-वजन: 100; } # क्लाघ a.tag2 {फॉन्ट-आकार: 0.8EM; फॉन्ट-वजन: 200; } # क्लाउड a.tag3 {font-size: 0.9em; फॉन्ट-वजन: 300; } # क्लाउड a.tag4 {font-size: 1.0em; फॉन्ट-वजनः 400; } # क्लाउड a.tag5 {font-size: 1.2mm; फॉन्ट-वजन: 500; } # क्लाउड a.tag6 {font-size: 1.4em; फॉन्ट-वजन: 600; } # क्लाऊड a.tag7 {फॉन्ट-आकार: 1.6 एम; फॉन्ट-वजन: 700; } # क्लाउड a.tag8 {font-size: 1.8em; फॉन्ट-वजनः 800; } # क्लाउड a.tag9 {फॉन्ट-आकार: 2.2 एएम; फॉन्ट-वजनः 900; } # क्लाऊड a.tag10 {font-size: 2.5em; फॉन्ट-वजनः 900; }

  मी क्लाउडभोवती काही शैली समाविष्ट करू इच्छितो: मेघ मजकूर मध्यभागी आणा, एक लाइन-उंची सेट करा जेणेकरून मेघ वाचता येईल, आणि सुनिश्चित करा की अँकर टॅग्सवर कोणतीही पॅडिंग नाही:

  # क्लाघ {पॅडिंग: 2px; रेखा-उंची: 3 एएम; मजकूर-संरेखन: केंद्र; } # क्लाउड एक {पॅडिंग: 0 पिक्सेल; }

  अखेरीस, आपण सिमेंटिक स्टाइलिंग पद्धत वापरत असल्यास (उदा. Unordered यादी), आपल्याला आणखी दोन ओळी जोडणे आवश्यक आहे ज्यामुळे सूचीमध्ये बुलेट नसतील आणि तो इंडेंट नाहीः

  # क्लाऊड {मार्जिन: 0; } #cloud li {display: inline; }