உங்கள் வலைப்பதிவில் குறியீட்டிற்கான CSS நடை

CSS

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

p.code {font-family: கூரியர் புதியது; எழுத்துரு அளவு: 8pt; எல்லை-பாணி: இன்செட்; எல்லை அகலம்: 3px; திணிப்பு: 5px; பின்னணி-வண்ணம்: #FFFFFF; வரி உயரம்: 100%; விளிம்பு: 10px}

அடுத்த கட்டமாக 'திருத்து HTML' பயன்முறையில் எனது குறிச்சொல்லைத் திருத்த வேண்டும். குறிச்சொல்லை உருவாக்குவதன் மூலம் எனது புதிய பாணியை சுட்டிக்காட்டுகிறேன். வோய்லா! பாணிகளை உடைத்தல்:

  • எழுத்துருவை கூரியர் புதியதாக அமைக்கவும்… பொதுவான குறியீடு திருத்தி போல் தெரிகிறது
  • சரியாக பார்க்க எழுத்துரு அளவை 8pt ஆக அமைக்கவும்
  • பத்தி எல்லை பாணியை 'இன்செட்' என அமைக்கவும். இது ஒரு டெக்ஸ்டேரியா பக்கத்தில் எப்படி இருக்கும் என்பதைப் பிரதிபலிக்கிறது.
  • எல்லை அகலத்தை 2 அல்லது 3 பிக்சல்களாக அமைக்கவும். இது இன்செட் பார்டர் பாணியை சரியாகக் காணும்.
  • திணிப்பு எல்லைக்கும் உரைக்கும் இடையிலான தூரத்தை அமைக்கிறது.
  • பின்னணி நிறம்… அதை வெள்ளை நிறமாக அமைக்கவும் (#FFFFFF)
  • வரி-உயரம் - இதை நான் 100% ஆக சரிசெய்தேன், ஏனென்றால் எனது பதிவர் கருப்பொருளில் உள்ள வேறு சில பாணிகள் எனது வரி உயரத்தை 200% ஆக்கியது
  • விளிம்பை 10 px ஆக அமைக்கவும். இது எல்லாவற்றையும் விட 10 பிக்சல்கள் பத்தி (ப டேக்) ஐ நகர்த்துகிறது.

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

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

ஒரு இறுதி குறிப்பு… உங்கள் சின்னங்களைக் காண்பிக்க HTML நிறுவனங்களைப் பயன்படுத்த மறக்காதீர்கள்! இரண்டு எடுத்துக்காட்டுகள்:

  • மேற்கோள்கள் (“)“
  • > என்பது>
  • > என்பது>

இனிய குறியீட்டு முறை!

3 கருத்துக்கள்

  1. 1

    ஒரு செய்தி தளத்திலிருந்து ஊட்டங்களைச் சேர்க்கக்கூடிய சக்கரத்தை அறிய ஆர்வமாக உள்ளேன், இதனால் செய்தி என் பக்க பட்டியில் தோன்றும்?

  2. 2
  3. 3

நீங்கள் என்ன நினைக்கிறீர்கள்?

இந்த தளம் ஸ்பேமைக் குறைக்க Akismet ஐப் பயன்படுத்துகிறது. உங்கள் கருத்துத் தரவு எவ்வாறு செயல்படுத்தப்படுகிறது என்பதை அறியவும்.