بلاگر: توهان جي بلاگ تي ڪوڊ لاءِ CSS انداز
هڪ دوست مون کان پڇيو ته مون بلاگر جي داخلا ۾ ڪوڊ ريجنز ڪيئن ٺاهيا؟ مون پنهنجي بلاگر ٽيمپليٽ ۾ 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
}
ڪوڊنگ خوش!