ಹೇಗೆ ಶೈಲಿ ಟ್ಯಾಗ್ ಮೇಘ ಗೆ

ಶೈಲಿ ಒಂದು ಟ್ಯಾಗ್ ಮೇಘ ಗೆ ಸಿಎಸ್ಎಸ್ ಬಳಸಿ

ಟ್ಯಾಗ್ ಮೇಘವು ಐಟಂಗಳ ಪಟ್ಟಿಗೆ ಒಂದು ದೃಶ್ಯ ಚಿತ್ರಣವಾಗಿದೆ. ಬ್ಲಾಗ್ಗಳಲ್ಲಿ ನೀವು ಟ್ಯಾಗ್ ಮೇಘಗಳನ್ನು ಹೆಚ್ಚಾಗಿ ನೋಡುತ್ತೀರಿ. ಇದನ್ನು ಫ್ಲಿಕರ್ನಂತಹ ಸೈಟ್ಗಳಿಂದ ಜನಪ್ರಿಯಗೊಳಿಸಲಾಯಿತು.

ಟ್ಯಾಗ್ ಮೇಘಗಳು ಗಾತ್ರ ಮತ್ತು ತೂಕದಲ್ಲಿ ಬದಲಾವಣೆಗೊಳ್ಳುವ ಲಿಂಕ್ಗಳ ಪಟ್ಟಿ (ಕೆಲವು ಬಣ್ಣಗಳು ಕೂಡಾ) ಕೆಲವು ಅಳೆಯಬಹುದಾದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅವಲಂಬಿಸಿರುತ್ತವೆ. ಹೆಚ್ಚಿನ ಟ್ಯಾಗ್ ಮೋಡಗಳು ಜನಪ್ರಿಯತೆ ಅಥವಾ ನಿರ್ದಿಷ್ಟ ಟ್ಯಾಗ್ನೊಂದಿಗೆ ಟ್ಯಾಗ್ ಮಾಡಲಾದ ಪುಟಗಳ ಸಂಖ್ಯೆಯನ್ನು ಆಧರಿಸಿ ನಿರ್ಮಿಸಲ್ಪಟ್ಟಿವೆ. ಆದರೆ ನಿಮ್ಮ ಸೈಟ್ನಲ್ಲಿ ಐಟಂಗಳ ಯಾವುದೇ ಪಟ್ಟಿಯ ಟ್ಯಾಗ್ ಟ್ಯಾಗ್ ಅನ್ನು ನೀವು ಪ್ರದರ್ಶಿಸಲು ಕನಿಷ್ಟ ಎರಡು ಮಾರ್ಗಗಳಿವೆ. ಉದಾಹರಣೆಗೆ:

• ಲೇಖನಗಳ ಜನಪ್ರಿಯತೆಯನ್ನು ಸೂಚಿಸುವ ಶೈಲಿಗಳೊಂದಿಗೆ ವರ್ಣಮಾಲೆಯ ಕ್ರಮದಲ್ಲಿರುವ ಲೇಖನಗಳ ಪಟ್ಟಿ.
• ನೀವು ಇಷ್ಟಪಡುವಂತಹವುಗಳನ್ನು ಅತ್ಯುತ್ತಮವಾಗಿ ಇಷ್ಟಪಡುವ ಶೈಲಿಗಳೊಂದಿಗೆ ವರ್ಣಮಾಲೆಯ ಕ್ರಮದಲ್ಲಿ ವೆಬ್ ಸೈಟ್ಗಳ ಪಟ್ಟಿ.
• ಪೂರ್ವ ನಿರ್ಧಾರಿತ ಗುಂಪಿನ ಮಾನದಂಡಕ್ಕೆ ಎಷ್ಟು ಹತ್ತಿರದಲ್ಲಿದೆ ಎಂಬುದನ್ನು ಸೂಚಿಸುವ ಶೈಲಿಗಳೊಂದಿಗೆ ಬೆಲೆ ಕ್ರಮದಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾದ ವೆಬ್ ಸಂಪಾದಕರ ಪಟ್ಟಿ.
• ನಿಮ್ಮ ಮನೆಯಿಂದ ಅವರ ದೂರಕ್ಕೆ ಸೂಚಿಸುವ ಶೈಲಿಗಳೊಂದಿಗಿನ ಸ್ನೇಹಿತರ ಪಟ್ಟಿ.

ನೀವು ಟ್ಯಾಗ್ ಮೇಘವನ್ನು ನಿರ್ಮಿಸಲು ಏನು ಬೇಕು?

ಟ್ಯಾಗ್ ಮೇಘವನ್ನು ನಿರ್ಮಿಸುವುದು ಸುಲಭ, ನಿಮಗೆ ಕೇವಲ ಎರಡು ವಿಷಯಗಳು ಬೇಕಾಗುತ್ತವೆ:

• ಐಟಂಗಳ ಪಟ್ಟಿ (ವೆಬ್ ಲೇಖನಗಳು, ವೆಬ್ ಸೈಟ್ಗಳು ಅಥವಾ ನಿಮ್ಮ ಸ್ನೇಹಿತರು ಹಾಗೆ)
• ಪ್ರತಿಯೊಂದು ಐಟಂಗಳಿಗೆ ಮಾಪನ (ದಿನಕ್ಕೆ ಪುಟ ವೀಕ್ಷಣೆಗಳು, ನಿಮ್ಮ ಶ್ರೇಣಿ 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 ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:

ಸ್ಟ್ರೀಮಿಂಗ್ ಆಡಿಯೊ ಫೈಲ್ಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತಿದೆ ಒಂದು ವೆಬ್ ಸೈಟ್ಗಾಗಿ ಮೂಲ ಟ್ಯಾಗ್ಗಳು ಉತ್ತಮ ವೆಬ್ ವಿನ್ಯಾಸ ತಂತ್ರಾಂಶ ಟೋಟಲಿ ಲಾಸ್ಟ್ಗಾಗಿ ಒಂದು ವೆಬ್ ಪುಟವನ್ನು ನಿರ್ಮಿಸುವುದು ಬಣ್ಣದ ಸಿಂಬಾಲಿಸಂ

ಬದಲಾಗಿ, ನೀವು ವರ್ಗೀಕರಿಸದ ಪಟ್ಟಿಯನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಟ್ಯಾಗ್ ಮೇಘವನ್ನು ರಚಿಸಲು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. ಇದು ಎಚ್ಟಿಎಮ್ಎಲ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಕೋಡ್ನ ಕೆಲವು ಸಾಲುಗಳನ್ನು ಹೊಂದಿದೆ ಆದರೆ ವಿಷಯವನ್ನು ವೀಕ್ಷಿಸಲು ಯಾರು ಅದನ್ನು ವೀಕ್ಷಿಸಬಹುದೆಂದು ಅದು ಖಾತ್ರಿಪಡಿಸುತ್ತದೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:

• ಸ್ಟ್ರೀಮಿಂಗ್ ಆಡಿಯೊ ಫೈಲ್ಗಳನ್ನು ಸೇರಿಸುವುದು
• ಒಂದು ವೆಬ್ ಸೈಟ್ಗಾಗಿ ಮೂಲ ಟ್ಯಾಗ್ಗಳು
• ಅತ್ಯುತ್ತಮ ವೆಬ್ ವಿನ್ಯಾಸ ಸಾಫ್ಟ್ವೇರ್
• ಟೋಟಲಿ ಲಾಸ್ಟ್ಗಾಗಿ ವೆಬ್ ಪುಟವನ್ನು ನಿರ್ಮಿಸುವುದು
• ಬಣ್ಣದ ಸಿಂಬಾಲಿಸಂ

  ಆದರೆ ಟ್ಯಾಗ್ ಮೇಘ ಸ್ಟೈಲ್ಸ್ ಎಲ್ಲಿವೆ

  ಈಗ ನಾವು ವಿನೋದ ಭಾಗ-ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯನ್ನು ಪಡೆಯುತ್ತೇವೆ. ನೀವು ಟ್ಯಾಗ್ ಮೇಘವನ್ನು ಶೈಲಿ ಮಾಡಿದಾಗ, ನೀವು ಸಾಮಾನ್ಯವಾಗಿ ಫಾಂಟ್ ಗಾತ್ರ ಮತ್ತು ಫಾಂಟ್ ತೂಕವನ್ನು ಬದಲಾಯಿಸಬಹುದು. ನೀವು ಫಾಂಟ್ನ ಬಣ್ಣ ಅಥವಾ ಹಿನ್ನೆಲೆ ಅಥವಾ ಯಾವುದೇ ಇತರ ಶೈಲಿ ಗುಣಲಕ್ಷಣವನ್ನು ಸಹ ಬದಲಾಯಿಸಬಹುದು, ಆದರೆ ಗಾತ್ರ ಮತ್ತು ತೂಕ ಸಾಂಪ್ರದಾಯಿಕವಾಗಿರುತ್ತವೆ.

  ನಿಮಗೆ 10 ಶೈಲಿ ತರಗತಿಗಳು ಅಗತ್ಯವಿದೆ, ಪ್ರತಿ ಟ್ಯಾಗ್ ಶ್ರೇಣಿಗೆ ಒಂದು:

  #cloud a.tag1 {font-size: 0.7em; ಫಾಂಟ್-ತೂಕ: 100; } # ಕ್ಲೌಡ್ a.tag2 {ಫಾಂಟ್-ಗಾತ್ರ: 0.8em; ಫಾಂಟ್-ತೂಕ: 200; } # ಕ್ಲೌಡ್ a.tag3 {ಫಾಂಟ್-ಗಾತ್ರ: 0.9em; ಫಾಂಟ್-ತೂಕ: 300; } #cloud a.tag4 {font-size: 1.0em; ಫಾಂಟ್-ತೂಕ: 400; } # ಕ್ಲೌಡ್ a.tag5 {font-size: 1.2em; ಫಾಂಟ್-ತೂಕ: 500; } # ಕ್ಲೌಡ್ a.tag6 {ಫಾಂಟ್ ಗಾತ್ರ: 1.4 ಎಮ್; ಫಾಂಟ್-ತೂಕ: 600; } #cloud a.tag7 {font-size: 1.6em; ಫಾಂಟ್-ತೂಕ: 700; } #cloud a.tag8 {font-size: 1.8em; ಫಾಂಟ್-ತೂಕ: 800; } #cloud a.tag9 {font-size: 2.2em; ಫಾಂಟ್-ತೂಕ: 900; } # ಕ್ಲೌಡ್ a.tag10 {font-size: 2.5em; ಫಾಂಟ್-ತೂಕ: 900; }

  ಮೋಡದ ಸುತ್ತಲೂ ಕೆಲವು ಶೈಲಿಗಳನ್ನು ನಾನು ಸೇರಿಸಲು ಇಷ್ಟಪಡುತ್ತೇನೆ: ಮೇಘದ ಮಧ್ಯಭಾಗದ ಪಠ್ಯ, ಮೇಘ ಎತ್ತರವನ್ನು ಹೊಂದಿಸಿ, ಮೇಘವನ್ನು ಓದಬಲ್ಲದು, ಮತ್ತು ಆಂಕರ್ ಟ್ಯಾಗ್ಗಳಿಗೆ ಅವುಗಳ ಮೇಲೆ ಪ್ಯಾಡಿಂಗ್ ಇಲ್ಲವೆಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ:

  #cloud {ಪ್ಯಾಡಿಂಗ್: 2 px; ಸಾಲು ಎತ್ತರ: 3 ಎಮ್; text-align: center; } # ಪ್ಯಾಡ್ ಮಾಡುವಿಕೆ: 0px; }

  ಅಂತಿಮವಾಗಿ, ನೀವು ಶಬ್ದಾರ್ಥದ ಸ್ಟೈಲಿಂಗ್ ವಿಧಾನವನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ (ಅಂದರೆ ಆದೇಶಿಸದ ಪಟ್ಟಿ), ನೀವು ಸಿಎಸ್ಎಸ್ನ ಎರಡು ಸಾಲುಗಳನ್ನು ಸೇರಿಸಲು ಅಗತ್ಯವಿರುತ್ತದೆ ಆದ್ದರಿಂದ ಪಟ್ಟಿ ಬುಲೆಟ್ಗಳು ಹೊಂದಿಲ್ಲ ಮತ್ತು ಇಂಡೆಂಟ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ:

  #cloud {margin: 0; } # ಕ್ಲೌಡ್ ಲಿ {ಪ್ರದರ್ಶನ: ಇನ್ಲೈನ್; }