مواد مارڪيٽنگ

بلاگر: توهان جي بلاگ تي ڪوڊ لاءِ 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;
}
  1. p.code: هي هڪ CSS قاعدو آهي جيڪو HTML کي نشانو بڻائيندو آهي <p> ڪلاس جي نالي سان عناصر "ڪوڊ." ان جو مطلب اهو آهي ته هن طبقي سان ڪنهن به پيراگراف کي هيٺين خاصيتن جي مطابق انداز ڪيو ويندو.
  2. font-family: Courier New;: هي پراپرٽي فونٽ فيملي کي سيٽ ڪري ٿي ”ڪورير نيو“. اهو فونٽ بيان ڪري ٿو جيڪو ٽارگيٽ عناصر اندر متن لاءِ استعمال ڪيو ويندو.
  3. font-size: 8pt;: هي پراپرٽي فونٽ جي سائيز کي 8 پوائنٽس تي سيٽ ڪري ٿي. ھدف ٿيل عناصر اندر متن ھن فونٽ جي سائيز تي ڏيکاريو ويندو.
  4. border-style: inset;: هي ملڪيت سرحد جي انداز کي "انسيٽ" تي سيٽ ڪري ٿو. اهو حدف ٿيل عناصر جي چوڌاري سرحد جي لاء هڪ ڍڪيل يا دٻايو ظاهر ڪري ٿو.
  5. border-width: 3px;: هي ملڪيت سرحد جي چوٽي کي 3 پکسلز تائين سيٽ ڪري ٿو. عناصر جي چوڌاري سرحد 3 پکسلز ٿلهي هوندي.
  6. padding: 5px;: ھي ملڪيت ھدف ٿيل عناصر جي اندر مواد جي چوڌاري 5 پکسلز پيڊنگ شامل ڪري ٿو. اهو متن ۽ سرحد جي وچ ۾ فاصلو مهيا ڪري ٿو.
  7. background-color: #FFFFFF;: هي ملڪيت پس منظر جو رنگ اڇو (#FFFFFF) کي سيٽ ڪري ٿو. ھدف ٿيل عناصر اندر مواد ھڪڙو اڇو پس منظر ھوندو.
  8. line-height: 100%;: هي ملڪيت لڪير جي اوچائي کي 100٪ تائين فونٽ جي سائيز کي سيٽ ڪري ٿو. اهو يقيني بڻائي ٿو ته ٽيڪسٽ لائينون فانٽ جي سائيز جي مطابق آهن.
  9. margin: 10px;: هي ملڪيت سڄي عنصر جي چوڌاري 10 پکسلز جو مارجن شامل ڪري ٿو. اهو هن عنصر ۽ صفحي تي ٻين عناصر جي وچ ۾ فاصلو مهيا ڪري ٿو.

مهيا ڪيل CSS ڪوڊ HTML پيراگرافن لاءِ هڪ انداز بيان ڪري ٿو ڪلاس ”ڪوڊ“ سان. اهو انهن پيراگرافن لاءِ فونٽ، فونٽ سائيز، بارڊر اسٽائل، سرحد جي چوٽي، پيڊنگ، پس منظر جو رنگ، ليڪ جي اوچائي، ۽ مارجن سيٽ ڪري ٿو. هي انداز بلاگر پوسٽ ۾ ڪوڊ اسنپٽس يا اڳي فارميٽ ٿيل ٽيڪسٽ تي لاڳو ڪري سگهجي ٿو ته جيئن انهن کي هڪ مخصوص ظهور ڏي.

هتي اهو ڪيئن نظر ايندو:

p.code {
font-family: Courier New;
فونٽ سائيز: 8pt؛
سرحد طرز: inset؛
سرحد جي چوٽي: 3px؛
ڇڪڻ: 5px؛
پس منظر جو رنگ: #FFFFFF؛
لائين-اوچائي: 100٪؛
مارجن: 10px
}

ڪوڊنگ خوش!

Douglas Karr

Douglas Karr جو CMO آهي OpenINSIGHTS ۽ جو باني Martech Zone. ڊگلس ڪيترن ئي ڪامياب MarTech startups جي مدد ڪئي آهي، مارٽيڪ حاصلات ۽ سيڙپڪاري ۾ 5 بلين ڊالر کان وڌيڪ جي محنت ۾ مدد ڪئي آهي، ۽ انهن جي سيلز ۽ مارڪيٽنگ جي حڪمت عملي کي لاڳو ڪرڻ ۽ خودڪار ڪرڻ ۾ ڪمپنين جي مدد ڪرڻ جاري آهي. ڊگلس هڪ بين الاقوامي طور تي تسليم ٿيل ڊجيٽل ٽرانسفارميشن ۽ مار ٽيڪ ماهر ۽ اسپيڪر آهي. ڊگلس هڪ ڊمي جي گائيڊ ۽ ڪاروباري قيادت جي ڪتاب جو شايع ٿيل ليکڪ پڻ آهي.

لاڳاپيل مقالات

مٿي تي ڪلڪ ڪري بٽڻ
بند

Adblock جو پتو لڳايو ويو

Martech Zone توهان کي هي مواد بغير ڪنهن قيمت تي مهيا ڪرڻ جي قابل آهي ڇو ته اسان اسان جي سائيٽ کي اشتهارن جي آمدني، الحاق لنڪس، ۽ اسپانسرشپ ذريعي رقم ڪريون ٿا. اسان جي تعريف ڪنداسين جيڪڏهن توهان پنهنجي اشتهار بلاڪ ڪندڙ کي هٽائي ڇڏيو جيئن توهان اسان جي سائيٽ کي ڏسو.