سی ایس ایس کے ساتھ تکنیک کو چالو کریں
اگر آپ کسی ویب سائٹ کو ڈیزائن کر رہے ہیں تو، آپ کو ایک مقررہ پس منظر تصویر یا ویب صفحہ پر واٹر مارک بنانے کا طریقہ سیکھنے میں دلچسپی ہوسکتی ہے. یہ ایک عام ڈیزائن علاج ہے جو کچھ وقت کے لئے آن لائن مقبول رہا ہے. یہ آپ کے ویب ڈیزائن بیگ میں چالوں کے لئے ایک مؤثر اثر ہے.
اگر آپ نے اس سے قبل یہ نہیں کیا ہے یا پہلے قسمت کے بغیر اس کی کوشش کی ہے تو، یہ عمل شاید خوفزدہ لگتا ہے، لیکن یہ واقعی بالکل مشکل نہیں ہے. اس مختصر ٹیوٹوریل کے ساتھ، آپ کو ایسی معلومات حاصل ہوگی جو آپ کو سی ایس ایس کے ذریعے منٹ کے معاملات میں ٹیکس کی مہارت حاصل کرنے کی ضرورت ہے.
شروع ہوا چاہتا ہے
پس منظر کی تصاویر یا واٹر مارک (جس میں واقعی بہت ہلکی پس منظر کی تصاویر ہیں) میں طباعت شدہ ڈیزائن میں ایک تاریخ ہے. دستاویزات نے ان پر ان پر پانی کی نشانیاں بھی شامل کی ہیں جن کاپی کرنے کے لۓ انہیں روکنے کے لئے. اضافی طور پر، بہت سے مسافروں اور بروشروں کو پرنٹ ٹکڑے کے لئے ڈیزائن کے حصے کے طور پر بڑے پس منظر تصاویر کا استعمال کرتے ہیں. ویب ڈیزائن میں پرنٹ اور پس منظر کی تصاویر سے لمبی قرضے والی شیلیوں نے ان قرضوں میں سے ایک شیلیوں میں سے ایک ہیں.
یہ بڑے پس منظر کی تصاویر مندرجہ ذیل تین سی ایس ایس سٹائل کی خصوصیات کا استعمال کرتے ہوئے تخلیق کرنا آسان ہے.
- پس منظر کی تصویر
- پس منظر دوبارہ
- پس منظر منسلک
- پس منظر کا سائز
پس منظر کی تصویر
اس تصویر کی وضاحت کرنے کیلئے آپ پس منظر کی تصویر استعمال کریں گے جو آپ کے واٹر مارک کے طور پر استعمال کیا جائے گا. یہ سٹائل آپ کی ویب سائٹ پر موجود تصویر کو لوڈ کرنے کے لئے ایک فائل کا راستہ استعمال کرتا ہے، شاید "تصاویر" نامی ڈائریکٹری میں.
پس منظر کی تصویر: url (/images/page-background.jpg)؛
یہ ضروری ہے کہ تصویر خود معمولی تصویر سے ہلکا یا زیادہ شفاف ہے. یہ وہ "واٹر مارک" نظر پیدا کرے گا جس میں ایک نیم شفاف تصویر متن، گرافکس، اور ویب صفحہ کے دیگر اہم عناصر کے پیچھے ہے. اس مرحلے کے بغیر، پس منظر کی تصویر آپ کے صفحے پر معلومات کے ساتھ مقابلہ کرے گا اور اسے پڑھنا مشکل ہے.
آپ پس منظر کی تصویر کسی ایڈورٹائزنگ پروگرام جیسے ایڈوب فوٹوشاپ میں ایڈجسٹ کر سکتے ہیں.
پس منظر
پس منظر دوبارہ دوبارہ جائیداد اگلا آتا ہے. اگر آپ چاہتے ہیں کہ آپ کی تصویر بڑی واٹر مارک طرز گرافک بنائے جائیں تو، آپ اس اثاثے کا استعمال کریں گے کہ اس تصویر کو صرف ایک بار دکھائے جائیں.
پس منظر دوبارہ: کوئی دوبارہ نہیں؛
بغیر "دو بار" جائیداد کے بغیر، پہلے سے طے شدہ یہ ہے کہ اس صفحے کو صفحہ پر بار بار بار بار بار بار بار دوبارہ کریں گے. یہ سب سے زیادہ جدید ویب صفحہ کے ڈیزائن میں ناپسندیدہ ہے، لہذا یہ انداز آپ کے سی ایس ایس میں ضروری سمجھا جانا چاہئے.
پس منظر - منسلک
پس منظر سے منسلک ایک پراپرٹی ہے جو بہت سے ویب ڈیزائنرز بھول جاتے ہیں. اس کا استعمال کرتے ہوئے آپ کی پس منظر کی تصویر اس جگہ پر رکھی جاتی ہے جب آپ "فکسڈ" پراپرٹی کا استعمال کرتے ہیں. وہی ہے جو اس تصویر کو ایک واٹر مارک میں صفحہ پر مقرر کرتا ہے.
اس پراپرٹی کیلئے ڈیفالٹ قدر "سکرال" ہے. اگر آپ پس منظر کے منسلک قیمت کی وضاحت نہیں کرتے ہیں، تو پس منظر باقی صفحات کے ساتھ سکرال کریں گے.
پس منظر سے منسلک: مقررہ؛
پس منظر کا سائز
پس منظر کا سائز ایک نئی سی ایس ایس پراپرٹی ہے. یہ آپ کو اس منظر میں دیکھے جانے والے بصیرت کا سائز مقرر کرنے کی اجازت دیتا ہے. یہ ذمہ دار ویب سائٹس کے لئے بہت مددگار ثابت ہے جو مختلف آلات پر مختلف سائزوں پر ظاہر کرے گا.
پس منظر کا سائز: کور؛
آپ اس پراپرٹی کے لئے استعمال کر سکتے ہیں دو مددگار اقدار میں شامل ہیں:
- کور - پس منظر کی پیمائش کرتا ہے تو یا تو مکمل چوڑائی یا مکمل اونچائی دکھائی دی گئی ہے. اس کا مطلب یہ ہے کہ تصویر کے کچھ حصوں پر اسکرین پر ظاہر نہیں ہوسکتا ہے لیکن پورے علاقے کا احاطہ کیا جائے گا.
- پر مشتمل ہے - تصویر کی پیمائش کرتا ہے لہذا پوری چوڑائی اور اونچائی کو اس علاقے میں دکھایا گیا ہے جس میں اسٹائل کیا جا رہا ہے. تصویر بند نہیں ہوئی ہے، لیکن الٹراہٹ یہ ہے کہ علاقے کے حصوں کو تصویر کی طرف سے احاطہ نہیں کیا جا سکتا ہے.
اپنے صفحے پر سی ایس ایس کو شامل کرنا
مندرجہ ذیل خصوصیات اور ان کے اقدار کو سمجھنے کے بعد، آپ ان شیلیوں کو اپنی ویب سائٹ میں شامل کر سکتے ہیں.
اگر آپ ایک صفحہ سائٹ بنا رہے ہیں تو آپ کے ویب صفحے کے سربراہ پر درج کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. اس ویڈیو پر غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے.
<سٹائل>
جسم {
پس منظر کی تصویر: url (/images/page-background.jpg)؛
پس منظر دوبارہ: کوئی دوبارہ نہیں؛
پس منظر سے منسلک: مقررہ؛
پس منظر کا سائز: کور؛
}
// ->
آپ کی پس منظر کی تصویر کے یو آر ایل کو مخصوص فائل نام اور فائل کا راستہ ملنے کے لئے آپ کی سائٹ سے متعلق ہے. اپنے ڈیزائن کے ساتھ ساتھ فٹ ہونے کے لئے کسی دوسرے مناسب تبدیلیوں کو بنائیں اور آپ کو واٹر مارک پڑے گا.
آپ مقام کی وضاحت کر سکتے ہیں، بہت
اگر آپ اپنے ویب صفحے پر ایک خاص مقام میں واٹر مارک رکھنا چاہتے ہیں، تو آپ اس کے ساتھ ساتھ کر سکتے ہیں. مثال کے طور پر، آپ کے صفحے کے وسط میں یا شاید کم کونے میں، چاہے ڈیفالٹ ہے، سب سے اوپر کونے کی مخالفت کر سکتے ہیں.
ایسا کرنے کے لئے، پس منظر کی حیثیت کی جائیداد کو اپنی طرز میں شامل کریں. یہ تصویر اس جگہ کو صحیح جگہ میں رکھتا ہے جسے آپ اسے پسند کرنا چاہتے ہیں. اس پوزیشننگ اثر کو حاصل کرنے کے لئے آپ پکسل اقدار، فی صد، یا سیدھ استعمال کرسکتے ہیں.
پس منظر کی پوزیشن: مرکز؛