CSS stils kodam jūsu emuārā

css

Mans draugs man jautāja, kā es izveidoju koda reģionus savā pēdējā emuāra ierakstā. Es faktiski "viltoju" koda reģionu, izmantojot stilu. Pakalpojumā Blogger varat rediģēt veidni. Es pievienoju šādu stilu:

p.code {font-family: Courier New; fonta lielums: 8pt; robežas stils: ieliktnis; apmales platums: 3 pikseļi; polsterējums: 5px; fona krāsa: #FFFFFF; līnijas augstums: 100%; piemale: 10px}

Nākamais solis ir rediģēt manu tagu režīmā “Rediģēt HTML”. Es vienkārši norādu uz savu jauno stilu, izveidojot tagu. Voila! Stilu sadalīšana:

  • Iestatīt fontu uz Courier New… izskatās kā vispārīgs kodu redaktors
  • Lai izskatās pareizi, iestatiet fonta lielumu uz 8pt
  • Iestatiet rindkopu apmales stilu uz “ielikt”. Tas atkārto, kā tekstlodziņa izskatās lapā.
  • Iestatiet apmales platumu uz 2 vai 3 pikseļiem. Tādējādi ieliktā apmales stils izskatās pareizi.
  • Polsterējums nosaka attālumu starp apmali un tekstu iekšpusē.
  • Fona krāsa ... iestatiet to uz baltu (#FFFFFF)
  • Līnijas augstums - es to pielāgoju līdz 100%, jo daži citi stili manā blogeru tēmā padarīja manas līnijas augstumu aptuveni 200%
  • Iestatiet piemali uz 10 px. Tas pārvieto rindkopu (p tagu) 10 pikseļu attālumā no visa.

Tas arī viss ir arī tas! Viena piezīme: Blogger komplektācijā iekļautais redaktors nespēj parādīt to, kāds tas būs redzams jūsu emuārā. Bet tas darbojas un izskatās lieliski!

Vēl viena piezīme ... pēc tam, kad esat rediģējis tagu, Blogger redaktoram patīk to nejauši izmantot citur visā jūsu ziņojumā. Tas ir mazliet kaitinoši! Mans padoms būtu uzrakstīt visu ierakstu un pēc tam veikt vienu nelielu labojumu.

Viena pēdējā piezīme ... Noteikti izmantojiet HTML entītijas, lai parādītu savus simbolus! Pāris piemēri:

  • Citāti (“) ir“
  • > ir>
  • > ir>

Laimīgu kodēšanu!

3 Komentāri

  1. 1
  2. 2
  3. 3

Ko jūs domājat?

Šī vietne izmanto Akismet, lai samazinātu surogātpastu. Uzziniet, kā tiek apstrādāts jūsu komentārs.