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 held að það sé 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.