எப்படி ஒரு குறிச்சொல் மேகம் உடை

உடை குறிச்சொல் கிளவுட் CSS ஐப் பயன்படுத்துக

குறிச்சொல் மேகம் என்பது பொருட்களின் பட்டியலின் ஒரு காட்சி சித்திரம் ஆகும். நீங்கள் அடிக்கடி வலைப்பதிவில் குறிச்சொல் மேகங்களை காண்பீர்கள். Flickr போன்ற தளங்களில் இது பிரபலமானது.

குறிச்சொல் மேகங்கள் சில அளவுகோல் பண்புகளை பொறுத்து அளவு மற்றும் எடை (சில நேரங்களில் வண்ணம்) மாற்றும் இணைப்புகள் பட்டியலாகும். பெரும்பாலான டேக் மேகங்கள் பிரபலத்தன்மை அல்லது குறிப்பிட்ட டேக் குறியிடப்பட்ட பக்கங்களின் எண்ணிக்கை ஆகியவற்றின் அடிப்படையில் கட்டப்பட்டுள்ளன. ஆனால் உங்கள் தளத்தில் காட்டப்படும் குறைந்தது இரண்டு வழிகளில் உள்ள உங்கள் தளத்தின் எந்தவொரு பட்டியலிலும் ஒரு குறிச்சொல் மேகத்தை உருவாக்கலாம். உதாரணத்திற்கு:

• கட்டுரைகளின் புகழை குறிக்கும் பாணியுடன் அகரவரிசையில் உள்ள கட்டுரைகளின் பட்டியல்.
• அகரவரிசையில் வலை தளங்களின் பட்டியலை நீங்கள் விரும்பும் எந்த பாணிகளைக் குறிக்கிறீர்களோ அது.
• விலை வரிசையில் பட்டியலிடப்பட்ட வலை ஆசிரியர்களின் பட்டியலானது ஒவ்வொரு முன் வரையறுக்கப்பட்ட வரையறுக்கப்பட்ட தொகுப்பிற்கு எவ்வளவு நெருக்கமாக இருக்கும் என்பதைக் குறிக்கும் பாணிகளைக் கொண்டது.
• உங்களுடைய வீட்டிலிருந்து தூரத்திலிருந்து தூரத்தை சுட்டிக்காட்டும் பாணியிலான நண்பர்களின் பட்டியல்.

நீங்கள் ஒரு குறிச்சொல் கிளாக் கட்ட வேண்டுமா?

ஒரு குறிச்சொல் மேகம் உருவாக்க எளிதானது, நீங்கள் இரண்டு காரியங்களை மட்டுமே செய்ய வேண்டும்:

• உருப்படிகளின் பட்டியல் (வலைப் பக்கங்கள், வலைத்தளங்கள் அல்லது உங்கள் நண்பர்கள் போன்றவை)
• ஒவ்வொன்றிற்கும் ஒரு மதிப்பீடு (நாள் ஒன்றுக்கு பக்கம் காட்சிகள், உங்கள் தரவரிசை 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 ஐ எழுதவும். வர்க்கம் = "tag4"> ஸ்ட்ரீமிங் ஆடியோ கோப்புகள் சேர்த்தல்

நீங்கள் ஒவ்வொரு தனி பட்டியல் உருப்படிக்கு HTML மற்றும் ஒழுங்கு அவற்றை காட்ட வேண்டும், நீங்கள் ஒரு முடிவை எடுக்க வேண்டும். நீங்கள் ஒரு பத்தியில் இணைப்புகள் வைக்க முடியும் மற்றும் நீங்கள் செய்யப்படலாம். ஆனால் இது சொற்பொருளால் குறிக்கப்படாது, உங்கள் குறிச்சொல் மேகக்களுக்கு வரும் CSS இல்லாமல் யாரும் இணைப்புகளின் பெரிய பத்தியைப் பார்ப்பார்கள். இந்த வகை பட்டியலில் உள்ள HTML இதைப் போல இருக்கும்:

ஸ்ட்ரீமிங் ஆடியோ கோப்புகளைச் சேர்ப்பது ஒரு வலை தளத்திற்கான அடிப்படை குறிச்சொற்கள் சிறந்த வலை வடிவமைப்பு மென்பொருள் முற்றிலும் இழந்த வண்ண சிம்பாலசிஷன் ஒரு>

அதற்கு பதிலாக, நான் ஒரு வரிசையிலமையாத பட்டியல் பயன்படுத்தி உங்கள் குறிச்சொல் மேகம் உருவாக்க பரிந்துரைக்கிறேன். இது HTML மற்றும் CSS குறியீட்டின் இன்னும் சில வரிகளை உள்ளடக்கியது, ஆனால் அதைக் காணும் உள்ளடக்கம் எந்த உள்ளடக்கத்தையும் வாசிக்கக்கூடியதாக இருக்காது என்பதை உறுதி செய்கிறது. HTML இப்படி இருக்கும்:

• ஸ்ட்ரீமிங் ஆடியோ கோப்புகளைச் சேர்ப்பது
• சிறந்த வலை வடிவமைப்பு மென்பொருள்
• முற்றிலும் இழந்த ஒரு வலைப்பக்கத்தை உருவாக்கவும்
• வண்ண சிம்பாலசிஷன்

  ஆனால் குறிச்சொற்களின் பாங்குகள் எங்கே உள்ளன

  இப்போது நாம் வேடிக்கை பகுதி-CSS பாணியை பெற. நீங்கள் ஒரு குறிச்சொல் மேகம் பாணிக்கும் போது, ​​நீங்கள் வழக்கமாக எழுத்துரு அளவு மற்றும் எழுத்துரு எடை மாற்ற. நீங்கள் எழுத்துரு அல்லது பின்னணி அல்லது வேறு எந்த பாணியின் நிறத்தையும் மாற்றலாம், ஆனால் அளவு மற்றும் எடை பாரம்பரியம்.

  உங்களுக்கு 10 வகை வகுப்புகள் தேவை, ஒவ்வொரு டேக் ரேங்கிற்கும் ஒன்று:

  # க்ளௌவ் a.tag1 {font-size: 0.7em; எழுத்துரு-எடை: 100; } # க்ளௌட் a.tag2 {font-size: 0.8em; எழுத்துரு-எடை: 200; } # க்ளௌட் a.tag3 {font-size: 0.9em; எழுத்துரு-எடை: 300; } # க்ளௌட் a.tag4 {font-size: 1.0em; எழுத்துரு-எடை: 400; } #cloud a.tag5 {font-size: 1.2em; எழுத்துரு-எடை: 500; } #cloud a.tag6 {font-size: 1.4em; எழுத்துரு-எடை: 600; } # க்ளௌட் a.tag7 {font-size: 1.6em; எழுத்துரு-எடை: 700; } # க்ளௌட் a.tag8 {font-size: 1.8em; எழுத்துரு-எடை: 800; } #cloud a.tag9 {font-size: 2.2em; எழுத்துரு-எடை: 900; } # க்ளோட் a.tag10 {font-size: 2.5em; எழுத்துரு-எடை: 900; }

  மேகம் தன்னை சுற்றி சில பாணியை சேர்க்க விரும்புகிறேன்: மையம் மேகம் உரை, மேகம் படிக்க வேண்டும் என்று ஒரு வரி உயரம் அமைக்க, மற்றும் நங்கூரம் குறிச்சொற்களை அவர்கள் மீது திணிப்பு என்று உறுதி:

  # கிளை {padding: 2px; வரிசை உயரம்: 3 ஏ; உரை-சீரமைப்பு: மையம்; } # க்ளௌட் {திணிப்பு: 0px; }

  கடைசியாக, நீங்கள் சொற்பொருள் ஸ்டைலிங் முறையைப் பயன்படுத்துகிறீர்கள் என்றால் (அதாவது வரிசையற்ற பட்டியல்), நீங்கள் CSS இரண்டு கோடுகள் சேர்க்க வேண்டும், இதனால் பட்டியல் தோட்டாக்கள் இல்லை மற்றும் உள்தள்ளப்படவில்லை:

  # க்ளௌட் {margin: 0; } # க்ளோட் li {காட்சி: இன்லைன்; }