ಸಿಎಸ್ಎಸ್ ನಿಮ್ಮ ಬ್ಲಾಗ್ನಲ್ಲಿ ನೀತಿಸಂಹಿತೆಯನ್ನು ಶೈಲಿ

ಸಿಎಸ್ಎಸ್

ನನ್ನ ಕೊನೆಯ ಬ್ಲಾಗ್ ನಮೂದಿನಲ್ಲಿ ನಾನು ಕೋಡ್ ಪ್ರದೇಶಗಳನ್ನು ಹೇಗೆ ಮಾಡಿದೆ ಎಂದು ನನ್ನ ಸ್ನೇಹಿತರೊಬ್ಬರು ಕೇಳಿದರು. ನಾನು ಶೈಲಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಕೋಡ್ ಪ್ರದೇಶವನ್ನು 'ನಕಲಿ' ಮಾಡಿದ್ದೇನೆ. ಬ್ಲಾಗರ್ ಒಳಗೆ, ನಿಮ್ಮ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ನೀವು ಸಂಪಾದಿಸಬಹುದು. ನಾನು ಈ ಕೆಳಗಿನ ಶೈಲಿಯನ್ನು ಸೇರಿಸಿದ್ದೇನೆ:

p.code {font-family: ಕೊರಿಯರ್ ಹೊಸ; ಫಾಂಟ್-ಗಾತ್ರ: 8pt; ಗಡಿ-ಶೈಲಿ: ಇನ್ಸೆಟ್; ಗಡಿ-ಅಗಲ: 3px; ಪ್ಯಾಡಿಂಗ್: 5 ಪಿಕ್ಸ್; ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: #FFFFFF; ಸಾಲು-ಎತ್ತರ: 100%; ಅಂಚು: 10px}

ಮುಂದಿನ ಹಂತವೆಂದರೆ ನನ್ನ ಟ್ಯಾಗ್ ಅನ್ನು 'HTML ಸಂಪಾದಿಸು' ಮೋಡ್‌ನಲ್ಲಿ ಸಂಪಾದಿಸುವುದು. ಟ್ಯಾಗ್ ಮಾಡುವ ಮೂಲಕ ನಾನು ನನ್ನ ಹೊಸ ಶೈಲಿಯನ್ನು ಸೂಚಿಸುತ್ತೇನೆ. ವಾಯ್ಲಾ! ಶೈಲಿಗಳನ್ನು ಒಡೆಯುವುದು:

  • ಫಾಂಟ್ ಅನ್ನು ಕೊರಿಯರ್ ಹೊಸದಕ್ಕೆ ಹೊಂದಿಸಿ… ಜೆನೆರಿಕ್ ಕೋಡ್ ಸಂಪಾದಕನಂತೆ ಕಾಣುತ್ತದೆ
  • ಬಲವಾಗಿ ಕಾಣಲು ಫಾಂಟ್ ಗಾತ್ರವನ್ನು 8pt ಗೆ ಹೊಂದಿಸಿ
  • ಪ್ಯಾರಾಗ್ರಾಫ್ ಗಡಿ ಶೈಲಿಯನ್ನು 'ಇನ್ಸೆಟ್' ಗೆ ಹೊಂದಿಸಿ. ಪುಟದಲ್ಲಿ ಟೆಕ್ಸ್ಟೇರಿಯಾ ಹೇಗಿರುತ್ತದೆ ಎಂಬುದನ್ನು ಇದು ಪುನರಾವರ್ತಿಸುತ್ತದೆ.
  • ಗಡಿ ಅಗಲವನ್ನು 2 ಅಥವಾ 3 ಪಿಕ್ಸೆಲ್‌ಗಳಿಗೆ ಹೊಂದಿಸಿ. ಇದು ಇನ್ಸೆಟ್ ಗಡಿ ಶೈಲಿಯನ್ನು ಸರಿಯಾಗಿ ಕಾಣುವಂತೆ ಮಾಡುತ್ತದೆ.
  • ಪ್ಯಾಡಿಂಗ್ ಗಡಿ ಮತ್ತು ಪಠ್ಯದ ನಡುವಿನ ಅಂತರವನ್ನು ಹೊಂದಿಸುತ್ತದೆ.
  • ಹಿನ್ನೆಲೆ ಬಣ್ಣ… ಅದನ್ನು ಬಿಳಿ ಬಣ್ಣಕ್ಕೆ ಹೊಂದಿಸಿ (#FFFFFF)
  • ಸಾಲು-ಎತ್ತರ - ನಾನು ಇದನ್ನು 100% ಗೆ ಹೊಂದಿಸಿದ್ದೇನೆ ಏಕೆಂದರೆ ನನ್ನ ಬ್ಲಾಗರ್ ಥೀಮ್‌ನ ಇತರ ಕೆಲವು ಶೈಲಿಗಳು ನನ್ನ ಸಾಲಿನ ಎತ್ತರವನ್ನು 200% ನಷ್ಟು ಮಾಡಿವೆ
  • ಅಂಚನ್ನು 10 px ಗೆ ಹೊಂದಿಸಿ. ಇದು ಪ್ಯಾರಾಗ್ರಾಫ್ (ಪಿ ಟ್ಯಾಗ್) ಎಲ್ಲದರಿಂದ 10 ಪಿಕ್ಸೆಲ್‌ಗಳಷ್ಟು ದೂರ ಚಲಿಸುತ್ತದೆ.

ಅದು ತುಂಬಾ ಇದೆ! ಒಂದು ಟಿಪ್ಪಣಿ: ಬ್ಲಾಗರ್‌ನೊಂದಿಗೆ ಬರುವ ಸಂಪಾದಕವು ನಿಮ್ಮ ಬ್ಲಾಗ್‌ನಲ್ಲಿ ಗೋಚರಿಸುವಂತೆ ಪ್ರದರ್ಶಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿಲ್ಲ. ಆದರೆ ಇದು ಕೆಲಸ ಮಾಡುತ್ತದೆ ಮತ್ತು ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತದೆ!

ಇನ್ನೊಂದು ಟಿಪ್ಪಣಿ… ನೀವು ಟ್ಯಾಗ್‌ಗೆ ಸಂಪಾದನೆ ಮಾಡಿದ ನಂತರ, ಬ್ಲಾಗರ್ ಸಂಪಾದಕರು ಅದನ್ನು ನಿಮ್ಮ ಪೋಸ್ಟ್‌ನಾದ್ಯಂತ ಯಾದೃಚ್ ly ಿಕವಾಗಿ ಬಳಸಲು ಇಷ್ಟಪಡುತ್ತಾರೆ. ಇದು ಸ್ವಲ್ಪ ಕಿರಿಕಿರಿ! ನಿಮ್ಮ ಸಂಪೂರ್ಣ ಪೋಸ್ಟ್ ಅನ್ನು ಬರೆಯುವುದು ಮತ್ತು ನಂತರ ಒಂದು ಸಣ್ಣ ಸಂಪಾದನೆಯನ್ನು ಮಾಡುವುದು ನನ್ನ ಸಲಹೆ.

ಒಂದು ಅಂತಿಮ ಟಿಪ್ಪಣಿ… ನಿಮ್ಮ ಚಿಹ್ನೆಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು HTML ಘಟಕಗಳನ್ನು ಬಳಸಲು ಮರೆಯದಿರಿ! ಒಂದೆರಡು ಉದಾಹರಣೆಗಳು:

  • ಉಲ್ಲೇಖಗಳು (“)“
  • > ಆಗಿದೆ>
  • > ಆಗಿದೆ>

ಹ್ಯಾಪಿ ಕೋಡಿಂಗ್!

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

  1. 1

    ನಾನು ಸುದ್ದಿ ಸೈಟ್ನಿಂದ ಫೀಡ್ಗಳನ್ನು ಸೇರಿಸಬಹುದೆಂದು ವೀಟರ್ ಅನ್ನು ತಿಳಿದುಕೊಳ್ಳಲು ನನಗೆ ಕುತೂಹಲವಿದೆ, ಇದರಿಂದಾಗಿ ನನ್ನ ಸೈಡ್ ಬಾರ್ನಲ್ಲಿ ಸುದ್ದಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ?

  2. 2
  3. 3

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

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