باڈی پس منظر کی تصاویر آسانی سے ہو گئیں

HTML

ایک اچھی خصوصیت جو آپ کو بہت ساری سائٹوں پر پائے گی وہیں مرکز کا جزبہ اس صفحے کے پیچھے ڈراپ شیڈو کے ساتھ دکھائے دیتا ہے۔ آپ کے بلاگ کو کسی ایک پس منظر کی شبیہہ کے ساتھ اچھا (یا دوسری ویب سائٹ) دیکھنے کے ل actually یہ دراصل ایک آسان سا طریقہ ہے۔

یہ کیسے کیا جاتا ہے؟

  1. معلوم کریں کہ آپ کا مواد کتنا وسیع ہے۔ مثال: 750px۔
  2. اپنی مثال کے ایپلی کیشن میں ایک امیج بنائیں (میں Illustrator استعمال کرتا ہوں) مواد کے ایریا سے زیادہ وسیع۔ مثال: 800px۔
  3. شبیہہ کے پس منظر کو اس پس منظر پر سیٹ کریں جس کی آپ چاہتے ہیں بلاگ کے ہر طرف۔
  4. پس منظر میں ایک سفید خطہ شامل کریں۔
  5. سفید خطے پر سایہ لگائیں جو اس خطے کے دونوں اطراف سے نکل جاتا ہے۔
  6. اونچائی میں فصل کے رقبے کی چوڑائی 1 پکسل مقرر کریں۔ اس سے امیج کو ڈاؤن لوڈ کرنے کی سہولت ملے گی۔
  7. تصویر کو آؤٹ پٹ کریں۔

یہ ہے کہ میں نے Illustrator کے استعمال سے اس کی تعمیر کیسے کی ہے (نوٹ کریں کہ میرے پاس فصل کا رقبہ بہت لمبا ہے… بس اتنا ہے کہ آپ دیکھ سکتے ہیں کہ میں کیا کر رہا ہوں):
مصنف کے ساتھ پس منظر

پس منظر کی شبیہہ کے ساتھ آؤٹ پٹ کس طرح نظر آئے گا اس کی ایک مثال یہ ہے:
پس منظر کی تصویر کی مثال

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

پس منظر: # B2B2B2 url ('images / bg.gif') ریپیٹ وائی سینٹر؛

پس منظر کے انداز کے ٹیگ کا اختتام یہ ہے:

  • # B2B2B2 - صفحہ کے مجموعی پس منظر کا رنگ متعین کرتا ہے۔ اس مثال میں ، پس منظر کی شبیہہ پر بھوری رنگ کا مقابلہ کرنا سرمئی ہے۔
  • url ('images / bg.gif') - اس پس منظر کی تصویر کو سیٹ کرتی ہے جسے آپ استعمال کرنا چاہتے ہیں۔
  • ریپٹ - وائی - Y محور پر اعادہ کرنے کے لئے تصویر کا تعین کرتا ہے۔ تو پس منظر کی تصویر صفحے کے اوپر سے نیچے تک دہرائے گی۔
  • مرکز - صفحے کے بیچ میں تصویر سیٹ کرتا ہے۔

اچھا اور آسان… ایک تصویر ، ایک اسٹائل ٹیگ!

۰ تبصرے

  1. 1
  2. 2

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

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