Css'de Code Tag─▒n─▒ Bi├žimlendirme - SPAKSUÔäó Blog [fdx-switch-link]

Css’de Code Tag─▒n─▒ Bi├žimlendirme

Sitenize yada blogunuza kullan─▒m─▒ g├Âstermek amac─▒yla kaynak kodu eklerken epey zorluk ├žekersiniz. CSS ile haz─▒rlad─▒─č─▒m basit ve ufak bir kodlama sayesinde istedi─činiz bi├žimde ve renklerde sitenizde kodlar─▒ g├Âsterebilirsiniz. Verdi─čim yap─▒y─▒ css dosyan─▒za ekledi─činiz taktirde <code>…</code> aras─▒nda kullanman─▒z yeterlidir. Size yaz─▒n─▒n devam─▒nda bir ka├ž renkte kodlama yap─▒s─▒ sunaca─č─▒m. Yap─▒lar─▒ g├Ârd├╝─č├╝n├╝z ├žerceveyide demo olarak kabul edebilirsiniz ve verdi─čim kodlar─▒ kendinize g├Âre d├╝zenleyip kendi bi├žiminizi olu┼čturabilirsiniz.

Sitemde g├Ârd├╝─č├╝n├╝z renkte;

code
{font:1em 'Courier New',Courier,Fixed;
display:block;
overflow:auto;
text-align:left;
background:#f8f8f8;
color:#111;
border:1px solid #ccc;
border-left:6px solid #ccc;padding:4px;}

Sitemde g├Ârd├╝─č├╝n├╝z bi├žimin mavisi;

code
{font:1em 'Courier New',Courier,Fixed;
display:block;
overflow:auto;
text-align:left;
background:#EAF3FA;
color:#222;
border:1px solid #83B4D5;
border-left:6px solid #83B4D5;padding:4px;}

Sitemde g├Ârd├╝─č├╝n├╝z bi├žimin k─▒rm─▒z─▒s─▒;

code
{font:1em 'Courier New',Courier,Fixed;
display:block;
overflow:auto;
text-align:left;
background:#FFE3DD;
color:#111;
border:1px solid #FF3300;
border-left:6px solid #FF3300;padding:4px;}

2 yorumlar On Css’de Code Tag─▒n─▒ Bi├žimlendirme

Bi Yan─▒t B─▒rak:

E-posta hesab─▒n─▒z yay─▒nlanmayacak.

┬ę 2007-2017 T├╝m haklar─▒ Spaksu Blog'a aittir.

Kullan─▒m ┼×artlar─▒ yerine getirilmeden hi├žbir ┼čekilde kopyala - yap─▒┼čt─▒r yap─▒lamaz, yaz─▒lar ve bilgiler kullan─▒lamaz.