CSS Style fyrir kóða á blogginu þínu

CSS

Vinur minn spurði mig hvernig ég bjó til kóðasvæðin í síðustu bloggfærslu minni. Ég 'falsaði' kóðasvæðið með því að nota stíl. Innan Blogger geturðu breytt sniðmátinu þínu. Ég bætti við eftirfarandi stíl:

p.code {font-family: Courier New; leturstærð: 8pt; landamærastíl: innskot; jaðarbreidd: 3px; padding: 5px; bakgrunnslitur: #FFFFFF; línuhæð: 100%; framlegð: 10px}

Næsta skref er að breyta merkinu mínu í „Breyta HTML“ ham. Ég bendi einfaldlega á nýja stílinn minn með því að búa til merkið. Voila! Að brjóta niður stílana:

  • Stilltu letrið á Courier New ... lítur út eins og almennur kóða ritstjóri
  • Stilltu leturstærðina í 8pt til að líta rétt út
  • Stilltu stíl málsgreinarinnar á „innskot“. Þetta endurtekur hvernig textasvæði lítur út á síðunni.
  • Stilltu breidd ramma á 2 eða 3 punkta. Þetta lætur innfellda jaðarstíl líta vel út.
  • Padding stillir fjarlægð milli landamæra og texta innan.
  • Bakgrunnslitur ... stilltu hann á hvítt (#FFFFFF)
  • Línuhæð - Ég lagaði þetta í 100% vegna þess að sumir aðrir stílar í blogger þema mínu gerðu línuhæðina mína um 200%
  • Stilltu spássíuna á 10 px. Þetta færir málsgreinina (p tag) 10 punkta frá öllu.

Það er allt sem það er líka! Ein athugasemd: Ritstjórinn sem fylgir Blogger er ekki fær um að sýna þær eins og þær birtast á blogginu þínu. En það virkar og lítur vel út!

Enn ein athugasemd ... eftir að þú hefur breytt merkinu, þá vill Blogger ritstjórinn nota það af handahófi annars staðar í færslunni þinni. Það er svolítið pirrandi! Ráð mitt væri að skrifa alla færsluna þína og gera síðan eina litla breytingu á eftir.

Ein loka athugasemd ... vertu viss um að nota HTML einingar til að sýna táknin þín! Nokkur dæmi:

  • Tilvitnanir (“) eru“
  • > er>
  • > er>

Gleðilega kóðun!

3 Comments

  1. 1
  2. 2
  3. 3

    ég hlutur að það er engin þörf á að skrifa núna en. þú getur notað gagnlega ritstjóra. þú getur valið lit, ramma osfrv.

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.