നിങ്ങളുടെ ബ്ലോഗിലെ കോഡിനായുള്ള 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

    എന്റെ സൈഡ് ബാറിൽ വാർത്തകൾ ദൃശ്യമാകുന്നതിനായി ഒരു വാർത്താ സൈറ്റിൽ നിന്ന് എനിക്ക് ഫീഡുകൾ ചേർക്കാൻ കഴിയുമെന്നത് അറിയാൻ എനിക്ക് ക urious തുകമുണ്ട്?

  2. 2
  3. 3

    ഇപ്പോൾ എഴുതേണ്ട ആവശ്യമില്ല. നിങ്ങൾക്ക് സഹായകരമായ എഡിറ്റർമാരെ ഉപയോഗിക്കാം.നിങ്ങൾക്ക് നിറം, ബോർഡർ തുടങ്ങിയവ തിരഞ്ഞെടുക്കാം.

നീ എന്ത് ചിന്തിക്കുന്നു?

സ്പാം കുറയ്ക്കുന്നതിന് ഈ സൈറ്റ് Akismet ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ അഭിപ്രായ ഡാറ്റ പ്രോസസ്സുചെയ്യുന്നത് എങ്ങനെയെന്നറിയുക.