آخرین ارسال ها

لیست برنامه ختم قرآن یاران منتظر ..:||:.. پروژه کرونا(COVID 19) ..:||:.. Ƹ̵̡Ӝ̵̨̄Ʒ سفره هفت سین امسال اعضای انجمن یاران منتظر Ƹ̵̡Ӝ̵̨̄Ʒ ..:||:.. تا حالا به لحظه تحویل سال 1450 فکر کردید!!؟؟ ..:||:.. Ƹ̵̡Ӝ̵̨̄Ʒ سفره هفت سین سال 1395 اعضای انجمن یاران منتظر Ƹ̵̡Ӝ̵̨̄Ʒ ..:||:.. اگر بفهمید بیشتر از یک هفته دیگر زنده نیستید، چی کار می کنید؟! ..:||:.. **متن روز پدر و روز مرد** ..:||:.. الان چتونه؟ ..:||:.. 🔻هدیه‌ تحقیرآمیز کِندی ..:||:.. ღ ღ ღتبریک ازدواج به دوست خوبم هستی2013 جان عزیز ღ ღ ღ ..:||:..

نوار پیام ها

( یسنا : ▪️خــداحافظ مُــــحَرَّم 😭 نمى دانم سال دیگر دوباره تو را خواهم دید یا نه؟!... 🖤اما اگر وزیدى و از سَرِ کوى من گذشتى، سلامَم را به اربابم برسان... ◾️ بگو همیشه برایَت مشکى به تَن مى کرد و دوست داشت نامَش با نام تو عجین شود!... ◾️بگو گرچه جوانى مى کرد، اما به سَرِ سوزنى ارادتش هم که شده، تو را از تَهِ دل دوست داشت... ◼️با چاى روضه تو و نذری ات، صفا مى کرد و سَرَش درد مى کرد براى نوکرى... 🏴 مُحَرَّم جان؛ تو را به خدا مى سپارم... و دلم شور مى زند براى \"صَفر\"ى که دارد از \"سَفَر\" مى رسد... # )

( سینا : حضرت فاطمه زهرا (سلام الله علیها): «ما جَعَلَ اللّه ُ بَعدَ غَدیرِخُمٍّ مِن حُجَّةٍ و لاعُذرٍ؛ خداوند پس از غدیرخم برای کسی حجّت و عذری باقی نگذاشت.» «دلائل الإمامَه، ص 122» )

( فاطمه 1 : ای روح دو صد مسیح محتاج دَمَت زهرایی و خورشید غبار قدمت کی گفته که تو حرم نداری بانو؟ ای وسعت دل‌های شکسته، حَرَمت. (شهادت حضرت زهرا تسلیت باد) )

( programmer : امام علی (ع):مردم سه گروهند: (1) دانشمندی خدایی، (2) دانش آموزی بر راه رستگاری (3) و پشه های دستخوش باد و طوفان و همیشه سرگردان، که از پی هر جنبنده و هر صدا می روند، و با وزش هر بادی، حرکت می کنند، نه از پرتو دانش، روشنی یافتند، و نه به پناهگاه استواری پناه گرفتند. )

( programmer : امام علی ع : عاقل ترین مردم کسی است که عواقب کار را بیشتر بنگرد. )

( programmer : امام علی (ع):دعوت کننده ای که فاقد عمل باشد مانند تیر اندازی است که کمان او زه ندارد. )

( programmer : امام علی(ع): در فتنه ها همچون بچه شتر باش که نه پشت دارد تا بر آن سوار شوند و نه پستانی که از آن شیر بدوشند )

( سینا : هزارها سال از هبوط آدم بر سیاره‌ی زمین گذشته است و هنوز نبرد فی ما بین حق و باطل بر پهنه‌ی خاك جریان دارد، اگرچه دیگر دیری است كه شب دیجور ظلم از نیمه گذشته است و فجر اول سر رسیده و صبح نزدیك است. )

( programmer : فتنه مثل یک مه غلیظ، فضا را نامشخص میکند؛ چراغ مه‌شکن لازم است که همان بصیرت است....(مقام معظم رهبری) )

( سینا : یاران! شتاب كنید ، قافله در راه است . می گویند كه گناهكاران را نمی پذیرند ؟ آری ، گناهكاران را در این قافله راهی نیست ... اما پشیمانان را می پذیرند )

( سینا : برای حفظ سلامتی، این دعا را هر صبح و شب بخوانید: اللَّهُمَّ صَلِّ عَلَى مُحَمَّدٍ وَ آلِ مُحَمَّدٍ**اللَّهُمَّ اجْعَلْنِي فِي دِرْعِكَ الْحَصِينَةِ الَّتِي تَجْعَلُ فِيهَا مَنْ تُرِيدُ. (سه ‌مرتبه) خداوندا، مرا در زره نگهدارنده و قوی خود _ که هر کس را بخواهی در آن قرار می‌دهی _ قرار بده! )

( فاطمه 1 : ای بهترین بهانه خلقت ظهور کن صحن نگاه چشم مرا پر ز نور کن +++ چشمم به راه ماند بیا و شبی از این پس‌کوچه‌های خاکی قلبم عبور کن +++ آقا بیا و با قدمی گرم و مهربان قلب خراب و سرد مرا گرم شور کن )

( سینا : دود می خیزد ز خلوتگاه من کس خبر کی یابد از ویرانه ام ؟ با درون سوخته دارم سخن کی به پایان می رسد افسانه ام ؟ )

مدیریت پیام ها

اگر این اولین بازدید شما از انجمن یاران منتظراست ، میبایست برای استفاده از کلیه امکانات انجمن عضو شوید و یا اگر عضو انجمن می باشید وارد شوید .

انجمن یاران منتظر » آموزش برنامه نویسی » css » :: آموزش CSS، جلسه پنجم:: (CSS background)

:: آموزش CSS، جلسه پنجم:: (CSS background)

آموزش CSS ، جلسه پنجم CSS backgrounds مشخصه های پس زمینه های css عبارتند از: background-color background-image background-repeat background-attachment background-position background-color : این مشخصه برای تعیین رنگ پس زمینه بکار می رود. مثال: <html> <head> <style> body { background-color:#fdcadb; } </style> </head> <body> <h1>My CSS web page</h1> <p>Hello my friends</p> </body> </html> در css یک رنگ به سه طریق مشخص می شود: مقدار هگزادسیمال ؛ مانند "#ff00dc" که در واقع از RRGGBB# گرفته شده، R ها نشان دهنده رنگ قرمز، G ها نشان دهنده رنگ سبز و B ها نشان دهنده رنگ آبی هستند برای مقدار دهی به این رنگ ها از عدد 0 تا F استفاده می شود که 0 کمترین و F بیشترین مقدار رنگ
:: Hl,ca CSST [gsi \k[l:: (CSS background)

امکان افزودن پاسخ به این موضوع وجود ندارد امکان افزودن موضوع در این بخش وجود ندارد

ابزار های موضوع

اطلاعات نویسنده

سه شنبه ۱ بهمن ۱۳۹۲ ۱۱:۵۲ بعد از ظهر

سپیده 313

بانو

شماره عضویت : 325

حالت :

ارسال ها : 420

محل سکونت : : ایران/رشت

جنسیت :

تعداد بازدیدکنندگان : 238

دعوت شدگان : 1

اعتبار کاربر : 6882

پسند ها : 395

حالت من :

تصویر مورد علاقه من : images/mms/yaran (26).jpg

تشکر شده : 694

مدال ها:4

مدال پشتکار

کاربران برتر

مدال 2 سالگی عضویت

مدال تخصص

آموزش CSS ، جلسه پنجم

CSS backgrounds

مشخصه های پس زمینه های css عبارتند از:

background-color

background-image

background-repeat

background-attachment

background-position

background-color :
این مشخصه برای تعیین رنگ پس زمینه بکار می رود. مثال:

<html>

<head>

<style>

body

{

background-color:#fdcadb;

}

</style>

</head>

<body>

<h1>My CSS web page</h1>

<p>Hello my friends</p>

</body>

</html>

در css یک رنگ به سه طریق مشخص می شود:

مقدار هگزادسیمال ؛ مانند "#ff00dc"

که در واقع از RRGGBB# گرفته شده، R ها نشان دهنده رنگ قرمز، G ها نشان دهنده رنگ سبز و B ها نشان دهنده رنگ آبی هستند
برای مقدار دهی به این رنگ ها از عدد 0 تا F استفاده می شود که 0 کمترین و F بیشترین مقدار رنگ را به خود اختصاص می دهد.
(9-8-7-6-5-4-3-2-1-0-f-e-d-c-b-a)

مقدار RGB ؛ مانند "rgb(255,50,0)" که r نشانه رنگ قرمز ، g نشانه رنگ سبز و b نشانه رنگ آبی است و از محدوده 0 تا 255 برای تعیین رنگ استفاده می شود.

نام رنگ ؛ مانند "pink"

<html>

<head>

<style>

{

background-color:#6495ed;

}

{

background-color:rgb(50,255,180);

}

div

{

background-color:orange;

}

</style>

</head>

<body>

<h1>CSS background-color example</h1>

<div>

This is a text inside a div element.

<p>This paragraph has its own background color.</p>

We are still in the div element.

</div>

</body>

</html>

Background Image
برای افزودن تصویر به پس زمینه به صورت زیر عمل می کنیم:

body {background-image:url('imagename.gif');}

در داخل پرانتز آدرس عکس مورد نظر را به همراه پسوند آن قرار می دهیم.

بطور پیش فرض تصویر repeat (تکرار) می شود بنابراین عکس تمام صفحه را در بر می گیرد.

<html>

<head>

<style>

body {background-image:url('bgc.jpg');}

</style>

</head>

<body>

<h1>Lovely Hearts</h1>

</body>

</html>

Background Image - Repeat Horizontally or Vertically

به طور پیش فرض، مشخصه background-image یک تصویر را به هر دو صورت افقی و عمودی تکرار (repeat) می کند.

اگر بخواهیم تصویر تنها به صورت افقی تکرار شود مشخصه background-repeat را برابر repeat-x و اگر بخواهیم تنها به صورت عمودی تکرار شود برابر repeat-y قرار می دهیم:

<html>

<head>

<style>

body {background-image:url('bgc.jpg');

background-repeat:repeat-x;}

</style>

</head>

<body>

<h1>Lovely Hearts</h1>

</body>

</html>

با انتخاب گزینه no-repeat در مشخصه background-repeat تصویر مورد نظر تکرار نخواهد شد و تنها یکبار در بالا و سمت چپ صفحه نمایش داده می شود.

اگر بخواهیم مکان تصویر را تغییر دهیم، مثلا تصویر در بالا و سمت راست نمایش داده شود می توانیم از مشخصه background-position استفاده نماییم و مقدار آن را right top قرار دهیم.

<htmll>

<head>

<style>

body {background-image:url('bgc.jpg');

background-repeat:no-repeat;

background-position: right top;}

</style>

</head>

<body>

<h1>Lovely Hearts</h1>

</body>

</html>

Background - Shorthand property
از مثال های بالا متوجه می شویم که مشخصات زیادی برای پس زمینه باید تعریف شود و کدها طولانی می شوند؛ برای کوتاه تر شدن کد ها می توانیم تنها از یک property (مشخصه) استفاده کنیم که shorthand property نامیده می شود.

<html>

<head>

<style>

body

{

background:#ffffff url('11.jpg') no-repeat right top;

margin-right:200px;

}

</style>

</head>

<body>

<h1>Flower</h1>

<p>Now the background image is only shown once, and it is also positioned away from the text.</p>

<p>In this example we have also added a margin on the right side, so that the background image will not disturb the text.</p>

</body>

</html>

در کدهای بالا کد margin-right:200px; را مشاهده می کنید؛ با استفاده از این کد متن طولانی که در پاراگراف قرار داده ایم روی تصویر قرار نمی گیرد و به خط پایین منتقل می شود. در واقع از سمت راست به اندازه 200 پیکسل فاصله قرار می دهد.

ویرایش موضوع توسط : سپیده 313
در تاریخ : چهارشنبه ۲ بهمن ۱۳۹۲ ۱۲:۰۷ قبل از ظهر

3 تشکر شده از کاربر سپیده 313 برای ارسال مفید :

admin , programmer , ,

می پسندم 1 0 1

تعداد پسند های ( 1 ) از این کاربر
تعداد آنلایک ها ( 0 ) از این کاربر

امضای کاربر : سپیده 313

امکان افزودن پاسخ به این موضوع وجود ندارد امکان افزودن موضوع در این بخش وجود ندارد

« :: آموزش CSS، جلسه چهارم:: (selector های id و class) | :: آموزش CSS، جلسه ششم:: (تنظیمات متن) »

انجمن یاران منتظر

چت روم یاران منتظر

چت روم و انجمن مذهبی امام زمان

هم اکنون 09:48 پیش از ظهر

آرشیو نقشه انجمن (Html - Xml) ارسال های روز (0) تماس با مدیریت تیم مدیریت انجمن پرش به بالای انجمن