ದೊಡ್ಡ ಪರಿಣಾಮದೊಂದಿಗೆ ಸಣ್ಣ ವೆಬ್ ವಿನ್ಯಾಸ ಬದಲಾವಣೆ

ನಾನು ಹೊಸ ಸೈಟ್‌ ಅನ್ನು ಪ್ರಾರಂಭಿಸಿದಾಗ, ಹೊಸ ಸೈಟ್‌ ಅನ್ನು ಹೈಲೈಟ್ ಮಾಡುವಂತಹ ಕೆಲವು ರೀತಿಯ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬ್ಲಾಗ್‌ಗೆ ಸೇರಿಸಲು ನಾನು ಬಯಸುತ್ತೇನೆ. ಹೇಗಾದರೂ, ನಾನು ಅದನ್ನು ಅತಿಯಾಗಿ ಸ್ಪಷ್ಟಪಡಿಸಲು ಅಥವಾ ಬ್ಲಾಗ್‌ನಿಂದ ದೂರವಿರಲು ಬಯಸಲಿಲ್ಲ.

ಉತ್ತರವು ಚಿಕ್ಕದಾಗಿದೆ, ಆದರೆ ಭಾರಿ ಪರಿಣಾಮ ಬೀರಿತು… ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವಿನಲ್ಲಿನ ಲಿಂಕ್‌ಗೆ ಸಣ್ಣ ಹೊಸ ಚಿತ್ರವನ್ನು ಸೇರಿಸುತ್ತದೆ. (ಮೂಲಕ ಕ್ಲಿಕ್ ಮಾಡಿ ಅದನ್ನು ಕ್ರಿಯೆಯಲ್ಲಿ ನೋಡಲು ಪೋಸ್ಟ್ ಮಾಡಿ). ನಾನು ಹಲವಾರು ದಿನಗಳವರೆಗೆ ಲಿಂಕ್‌ನೊಂದಿಗೆ ಓಡಿದೆ ಮತ್ತು ಶೂನ್ಯ ದಟ್ಟಣೆಯನ್ನು ಪಡೆದುಕೊಂಡಿದ್ದೇನೆ. ನಾನು ಚಿತ್ರವನ್ನು ಸೇರಿಸಿದ್ದೇನೆ ಮತ್ತು ಈಗ 8.5% ಹೊರಹೋಗುವ ದಟ್ಟಣೆಯು ಆ ಲಿಂಕ್ ಮೂಲಕ ಹೋಗುತ್ತಿದೆ!

ಚಿತ್ರವನ್ನು HTML ನಲ್ಲಿ ನಿಜವಾಗಿ ಎಂಬೆಡ್ ಮಾಡುವ ಬದಲು, ನಾನು ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬಳಸಿದ್ದೇನೆ ಇದರಿಂದ ಭವಿಷ್ಯದಲ್ಲಿ ಅದನ್ನು ಇತರ ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳಲ್ಲಿ ಬಳಸಬಹುದು. ಸಿಎಸ್ಎಸ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:

span.new {background: url (/mytheme/new.png) ಮೇಲಿನ ಪುನರಾವರ್ತನೆ ಇಲ್ಲ; ಪ್ಯಾಡಿಂಗ್: 0px 18px 0px 0px; }

ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ಪಠ್ಯದ ಬಲಭಾಗಕ್ಕೆ ಲಂಗರು ಹಾಕುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪುನರಾವರ್ತಿಸುವುದನ್ನು ನಿಲ್ಲಿಸುತ್ತದೆ. ಪ್ಯಾಡಿಂಗ್ ಪಠ್ಯದ ಹಿಂದಿನ 18 ಪಿಕ್ಸೆಲ್‌ಗಳ ವ್ಯಾಪ್ತಿಯನ್ನು ಹೊರಹಾಕುತ್ತದೆ ಇದರಿಂದ ನಿಮ್ಮ ಚಿತ್ರ ಸ್ಪಷ್ಟ ನೋಟದಲ್ಲಿರುತ್ತದೆ. ಅದನ್ನು ಪುಟದಲ್ಲಿ ಎಂಬೆಡ್ ಮಾಡಲು ಈಗ ಸುಲಭವಾಗಿದೆ, ನನ್ನ ಪಠ್ಯದ ಸುತ್ತಲೂ ನಾನು ಸ್ಪ್ಯಾನ್ ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸುತ್ತೇನೆ:

ವಿಮರ್ಶೆಗಳು

ಕೆಲವೊಮ್ಮೆ ನಿಮ್ಮ ಓದುಗರನ್ನು ಹೊಸ ದಿಕ್ಕಿನಲ್ಲಿ ತೋರಿಸಲು ಹೆಚ್ಚು ಸಮಯ ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ!

3 ಪ್ರತಿಕ್ರಿಯೆಗಳು

  1. 1

    ಅದ್ಭುತ ಸಲಹೆ! ತುಂಬಾ ಸರಳ ಮತ್ತು ತುಂಬಾ ಒಳ್ಳೆಯದು… ಅದು ಬ್ಲಾಗ್‌ಗೆ ಮೌಲ್ಯವನ್ನು ಸೇರಿಸುವಂತಹ ವಿಷಯಗಳು: ಸರಳ, ಉತ್ತಮ, ಉಪಯುಕ್ತ ಸಲಹೆಗಳು… ಧನ್ಯವಾದಗಳು!

  2. 2
  3. 3

ನೀವು ಏನು ಆಲೋಚಿಸುತ್ತೀರಿ ಏನು?

ಸ್ಪ್ಯಾಮ್ ಅನ್ನು ಕಡಿಮೆ ಮಾಡಲು ಈ ಸೈಟ್ ಅಕಿಸ್ಸೆಟ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಕಾಮೆಂಟ್ ಡೇಟಾವನ್ನು ಹೇಗೆ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತಿದೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ.