ستاسو په بلاګ کې د کوډ لپاره CSS سټایل

CSS

زما یو ملګري زما څخه وپوښتل چې څنګه زه زما په وروستي بلاګ کې د کوډ سیمې رامینځته کړم. زه واقعیا د کوډ سیمه 'سټایل' د سټایل کاروم. په بلاګر کې ، تاسو کولی شئ خپل ټیمپلیټ سم کړئ. ما لاندې سټایل اضافه کړل:

p.code {فونټ-کورنۍ: کورئیر نوی؛ د فونټ اندازه: 8pt؛ د سرحد ډول: inset؛ د سرحد پراخوالی: 3px؛ ګړنګ: 5px؛ شاليد رنګ: #FFFFFF؛ د کرښې لوړوالی: 100؛؛ حاشیه: 10px}

بل ګام زما د ټاګ سمول د Hdml ایډیټ حالت کې کول دي. زه په ساده ډول د ټاګ په جوړولو سره خپل نوي سټایل ته اشاره کوم. وایلا! د سټایلونو ماتول:

  • فونټ کورئیر نوي ته تنظیم کړئ ... د عمومي کوډ مدیر په څیر ښکاري
  • د ښکاریدو لپاره د فونټ اندازه 8pt ته تنظیم کړئ
  • د پراګراف د سرحد سټایل 'inset' ته تنظیم کړئ. دا هغه څه عکس کوي چې په متن کې ټیټاریا ښکاري.
  • د سرحد سور دوه یا 2 پکسل ته واچوئ. دا د داخلي پولې سټایل سم ښیې.
  • پیډینګ د دننه او متن ترمینځ فاصله ټاکي.
  • د شالید رنګ ... دا سپین ته تنظیم کړئ (#FFFFFF)
  • د لاین - لوړوالی - ما دا 100 to ته تنظیم کړ ځکه چې زما د بلاگر موضوع کې ځینې نور سټایلونه زما د لاین لوړوالی شاوخوا 200 made کړی
  • حاشیه 10 px ته تنظیم کړئ. دا پاراګراف (p ټګ) له هرڅه څخه 10 پکسلز لرې کوي.

دا ټول هغه څه دي! یوه یادونه: مدیر چې د بلاګر سره راځي د دې ښودلو وړ ندي چې دا ستاسو په بلاګ کې څرګند شي. مګر دا کار کوي او عالي ښکاري!

یو بل یادونه ... وروسته له دې چې تاسو ټیګ ته ترمیم وکړئ ، د بلاگر ایډیټر دا په تصادفي ډول ستاسو د پوسټ بل چیرې بل ځای کې کارول خوښوي. دا یو څه لږ ځورونکی دی! زما مشوره به دا وي چې خپل ټول پوسټ ولیکئ او بیا وروسته یو کوچنی ترمیم کړئ.

یو نهایی یادونه ... ډاډه اوسئ چې د سمبولونو ښودلو لپاره د HTML نهادونو کارول! یو څو مثالونه:

  • نرخ (")"
  • > دی>
  • > دی>

خوښ کوډینګ!

3 ها

  1. 1
  2. 2
  3. 3

    زه دلته د لیکلو اړتیا نلرم. تاسو کولی شئ مرسته کونکي ایډیټرېټرې وکاروئ. تاسو کولی شئ رنګ ، پوله او نور غوره کړئ.

ته څه فکر کوی؟

دا سایټ د سپیم کمولو لپاره Akismet کاروي. زده کړئ چې ستاسو د تبصرې ډاټا پراساس پروسس کیږي.