Ara CSS fun Koodu lori Blog rẹ

CSS

Ọrẹ mi beere lọwọ mi bi mo ṣe ṣe awọn ẹkun-koodu koodu lori titẹsi bulọọgi mi ti o kẹhin. Mo 'ṣe iro' ni agbegbe koodu ni lilo aṣa kan. Laarin Blogger, o le ṣatunkọ awoṣe rẹ. Mo ti ṣafikun aṣa atẹle:

p.code {font-family: Oluranse Tuntun; iwọn-fonti: 8pt; aṣa-aala: inset; iwọn-aala: 3px; fifẹ: 5px; lẹhin-awọ: #FFFFFF; ila-giga: 100%; ala: 10px}

Igbese ti n tẹle ni lati satunkọ ami mi ni ipo 'Ṣatunkọ Html'. Mo kan tọka si aṣa tuntun mi nipa ṣiṣe tag. Voila! Fifọ awọn aza:

  • Ṣeto font si Courier New… o dabi olootu koodu jeneriki kan
  • Ṣeto iwọn font si 8pt lati wo ọtun
  • Ṣeto aṣa aala paragirafi si 'inset'. Eyi ṣe apẹẹrẹ ohun ti textarea kan dabi loju iwe naa.
  • Ṣeto iwọn aala si awọn piksẹli 2 tabi 3. Eyi jẹ ki ara aala insetu wa ni ọtun.
  • Padding ṣeto aaye laarin aala ati ọrọ inu.
  • Awọ abẹlẹ… ṣeto si funfun (#FFFFFF)
  • Iga-ila - Mo ṣatunṣe eyi si 100% nitori diẹ ninu awọn aza miiran ninu akọọlẹ bulọọgi mi ṣe ki ila ila mi to to 200%
  • Ṣeto ala si 10 px. Eyi n gbe paragirafi (p tag) awọn piksẹli 10 kuro si ohun gbogbo.

Iyẹn ni gbogbo wa o tun wa! Akiyesi kan: Olootu ti o wa pẹlu Blogger ko lagbara lati ṣe afihan bi yoo ṣe han ninu bulọọgi rẹ. Ṣugbọn o ṣiṣẹ ati pe o dara julọ!

Akọsilẹ diẹ sii… lẹhin ti o ṣe atunṣe si tag, olootu Blogger fẹran laileto lo ni ibomiiran kọja ifiweranṣẹ rẹ. O ni kekere kan bit didanubi! Imọran mi yoo jẹ lati kọ gbogbo ifiweranṣẹ rẹ lẹhinna ṣe atunṣe kekere kan lẹhinna.

Akọsilẹ ikẹhin kan… rii daju lati lo Awọn nkan HTML lati ṣe afihan awọn aami rẹ! Awọn apeere tọkọtaya kan:

  • Awọn agbasọ (“) ni“
  • > jẹ>
  • > jẹ>

Dun ifaminsi!

3 Comments

  1. 1
  2. 2
  3. 3

    Mo ohun ti ko si ye lati kọ bayi ju. o le lo awọn olootu iranlọwọ. o le yan awọ, aala ati bẹbẹ lọ.

Kini o le ro?

Aaye yii nlo Akismet lati dinku apamọ. Mọ bi a ṣe n ṣalaye data rẹ ti o ṣawari.