آپ کے بلاگ پر کوڈ کیلئے سی ایس ایس انداز

سی ایس ایس

میرے ایک دوست نے مجھ سے پوچھا کہ میں نے اپنے آخری بلاگ اندراج پر کوڈ کے علاقے کیسے بنائے۔ میں نے اصل میں کوڈ ریجن کو ایک سٹائل کا استعمال کرتے ہوئے 'جعلی' کیا۔ بلاگر کے اندر ، آپ اپنے سانچے میں ترمیم کر سکتے ہیں۔ میں نے مندرجہ ذیل سٹائل شامل کیا:

پی کوڈ {فونٹ-کنبہ: کورئیر نیا؛ فونٹ سائز: 8pt؛ بارڈر طرز: inset؛ سرحد کی چوڑائی: 3px؛ بھرتی: 5px؛ پس منظر کا رنگ: #FFFFFF؛ لائن اونچائی: 100؛؛ مارجن: 10px}

اگلا مرحلہ میرا ٹیگ 'HTML میں ترمیم کریں' کے موڈ میں ترمیم کرنا ہے۔ میں آسانی سے ٹیگ بنا کر اپنے نئے طرز کی طرف اشارہ کرتا ہوں۔ Voila! شیلیوں کو توڑنا:

  • فونٹ کو کورئیر نیو پر سیٹ کریں… ایک عمومی کوڈ ایڈیٹر کی طرح لگتا ہے
  • صحیح نظر آنے کے لئے فونٹ کا سائز 8pt پر رکھیں
  • پیراگراف بارڈر اسٹائل کو 'inset' پر سیٹ کریں۔ اس سے پیج پر ٹیکسٹیریا کی طرح دکھائی دیتا ہے۔
  • سرحد کی چوڑائی کو 2 یا 3 پکسلز پر سیٹ کریں۔ اس سے اندرونی حد کا انداز صحیح نظر آتا ہے۔
  • پیڈنگ سرحد اور اندر کے متن کے درمیان فاصلہ طے کرتی ہے۔
  • پس منظر کا رنگ… اسے سفید پر مقرر کریں (#FFFFFF)
  • لائن اونچائی - میں نے اسے 100 to میں ایڈجسٹ کیا کیونکہ میرے بلاگر تھیم میں موجود کچھ دیگر اسٹائلوں نے میری لائن کی اونچائی کو تقریبا 200 made بنا دیا
  • مارجن 10 px پر سیٹ کریں۔ اس سے پیراگراف (p ٹیگ) ہر چیز سے 10 پکسلز دور ہوتا ہے۔

بس اتنا ہی ہے! ایک نوٹ: ایڈیٹر جو بلاگر کے ساتھ آتا ہے اس کی نمائش کرنے کے قابل نہیں ہے جیسے یہ آپ کے بلاگ میں ظاہر ہوگا۔ لیکن یہ کام کرتا ہے اور بہت اچھا لگتا ہے!

ایک اور نوٹ… ٹیگ میں ترمیم کرنے کے بعد ، بلاگر ایڈیٹر اسے بے ترتیب طور پر آپ کی پوسٹ میں کہیں اور استعمال کرنا پسند کرتا ہے۔ یہ تھوڑا سا پریشان کن ہے! میرا مشورہ یہ ہوگا کہ آپ اپنی پوری پوسٹ لکھیں اور پھر ایک چھوٹی سی ترمیم کریں۔

ایک حتمی نوٹ… اپنے علامتوں کو ظاہر کرنے کے لئے HTML اداروں کو ضرور استعمال کریں! اس کی ایک دو مثالیں:

  • حوالہ جات (")"
  • > ہے>
  • > ہے>

کوڈنگ مبارک ہو!

۰ تبصرے

  1. 1
  2. 2
  3. 3

    مجھے تو لکھنے کی ضرورت نہیں ہے۔ آپ مددگار ایڈیٹرز استعمال کرسکتے ہیں۔ آپ رنگ ، بارڈر وغیرہ کا انتخاب کرسکتے ہیں۔

آپ کا کیا خیال ہے؟

سپیم کو کم کرنے کے لئے یہ سائٹ اکزمیت کا استعمال کرتا ہے. جانیں کہ آپ کا تبصرہ کس طرح عملدرآمد ہے.