بلاګر: ستاسو په بلاګ کې د کوډ لپاره د CSS سټایل
یو ملګري له ما څخه وپوښتل چې څنګه ما په بلاګر کې د کوډ سیمې جوړې کړې. ما دا زما د بلاګر ټیمپلیټ کې د سی ایس ایس لپاره د سټایل ټاګ په کارولو سره ترسره کړ. دلته هغه څه دي چې ما اضافه کړل:
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
: دا د CSS قاعده ده چې HTML په نښه کوي<p>
عناصر د ټولګي نوم "کوډ" سره. دا پدې مانا ده چې د دې ټولګي سره هر پراګراف به د لاندې ملکیتونو مطابق سټایل شي.font-family: Courier New;
: دا ملکیت د فونټ کورنۍ "کوریر نیو" ته ټاکي. دا هغه فونټ مشخص کوي چې په نښه شوي عناصرو کې د متن لپاره کارول کیږي.font-size: 8pt;
: دا ملکیت د فونټ اندازه 8 ټکو ته ټاکي. په نښه شوي عناصرو کې متن به د دې فونټ اندازه کې ښودل شي.border-style: inset;
: دا ملکیت د سرحد سټایل په "انسیټ" کې ټاکي. دا د نښه شوي عناصرو شاوخوا د پولې لپاره ډوب شوي یا فشار شوي بڼه رامینځته کوي.border-width: 3px;
: دا ملکیت د سرحد پلنوالی 3 پکسلز ته ټاکي. د عناصرو شاوخوا سرحد به 3 پکسلز ضخامت وي.padding: 5px;
: دا ملکیت په نښه شوي عناصرو کې دننه د مینځپانګې شاوخوا 5 پکسل پیډینګ اضافه کوي. دا د متن او سرحد تر مینځ فاصله چمتو کوي.background-color: #FFFFFF;
: دا ملکیت د شاليد رنګ سپین ته ټاکي (#FFFFFF). په نښه شوي عناصرو کې مینځپانګه به سپینه پس منظر ولري.line-height: 100%;
: دا ملکیت د لیکې لوړوالی د فونټ اندازې 100٪ ته ټاکي. دا ډاډ ورکوي چې د متن لینونه د فونټ اندازې سره سم فاصله شوي.margin: 10px;
: دا ملکیت د ټول عنصر شاوخوا 10 پکسلز حاشیه اضافه کوي. دا په پاڼه کې د دې عنصر او نورو عناصرو ترمنځ فاصله چمتو کوي.
چمتو شوی CSS کوډ د ټولګي "کوډ" سره د HTML پراګرافونو لپاره سټایل تعریفوي. دا د دې پراګرافونو لپاره فونټ، د فونټ اندازه، د سرحد سټایل، د پولې عرض، پیډینګ، د شالید رنګ، د کرښې لوړوالی، او حاشیه ټاکي. دا سټایل د بلاګر پوسټ کې د کوډ ټوټې یا دمخه فارمیټ شوي متن باندې پلي کیدی شي ترڅو دوی ته ځانګړي بڼه ورکړي.
دلته به دا څنګه ښکاري:
p.code {
font-family: Courier New;
د فونټ اندازه: 8pt؛
د سرحد طرز: inset;
د سرحد پلنوالی: 3px؛
ډډنگ: 5PX؛
د شاليد رنګ: #FFFFFF;
د کرښې لوړوالی: 100٪؛
حاشیه: 10px؛
}
خوښ کوډینګ!