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

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

نوار پیام ها

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:: آموزش CSS، جلسه شانزدهم :: (css padding)

آموزش css جلسه شانزدهم css padding padding منطقه ای از اطراف محتوا را پاک می کند (داخل border) <html> <head> <style> p { background-color: yellow; } p.padding { padding-top: 25px; padding-right: 50px; padding-bottom: 25px; padding-left: 50px; } </style> </head> <body> <p>This is a paragraph with no specified padding.</p> <p class="padding">This is a paragraph with specified paddings.</p> </body> </html> در این مثال برای پاراگراف اول padding در نظر گرفته نشده است؛ بنابراین مشاهده می کنید که به صورت معمول نمایش داده می شود اما در پاراگراف دوم که class آن را با نام padding نام گذاری کردیم 4 تا padding در نظر گرفتیم:
:: Hl,ca CSST [gsi ahkcnil :: (css padding)

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

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

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

یکشنبه ۳ اسفند ۱۳۹۳ ۱۰:۱۰ بعد از ظهر

سپیده 313

بانو

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

حالت :

ارسال ها : 420

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

جنسیت :

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

دعوت شدگان : 1

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

پسند ها : 395

حالت من :

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

تشکر شده : 694

مدال ها:4

مدال پشتکار

کاربران برتر

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

مدال تخصص

آموزش css جلسه شانزدهم

css padding

padding منطقه ای از اطراف محتوا را پاک می کند (داخل border)

<html>
<head>
<style>
p {
    background-color: yellow;
}

p.padding {
    padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;
}
</style>
</head>
<body>

<p>This is a paragraph with no specified padding.</p>
<p class="padding">This is a paragraph with specified paddings.</p>

</body>
</html>

در این مثال برای پاراگراف اول padding در نظر گرفته نشده است؛ بنابراین مشاهده می کنید که به صورت معمول نمایش داده می شود

اما در پاراگراف دوم که class آن را با نام padding نام گذاری کردیم 4 تا padding در نظر گرفتیم:

; padding-top: 25px از بالا به اندازه 250پیکسل فاصله ایجاد می کند

; padding-bottom: 50px از پایین به اندازه 50 پیکسل فاصله ایجاد می کند

; padding-right: 25px از سمت راست به اندازه 25 پیکسل فاصله ایجاد می کند

; padding-left: 50px از سمت چپ به اندازه 50 پیکسل فاصله ایجاد می کند

ما می تونیم 4 خط بالا را در یک خط نیز خلاصه کنیم
در نتیجه با خطوطی کمتر توانسته ایم مانند مثال بالا برای پاراگراف خود padding ایجاد کنیم.

الگوی اصلی به این صورت است:
;padding: top right bottom left

مثال
;padding: 25px 50px 25px 50px

<html>
<head>
<style>
p {
background-color: yellow;
}

p.padding {
padding: 25px 50px 25px 50px;
}
</style>
</head>
<body>

<p>This is a paragraph with no specified padding.</p>
<p class="padding">This is a paragraph with specified paddings.</p>

</body>
</html>

تفاوت margin و padding:
از padding برای ایجاد فاصله بین یک مطلب و خط مرزی همون مطلب استفاده میکنیم ولی از margin برای ایجاد فاصله بین خط مرزی یک مطلب با خط مرزی (border) مطلب یا باکس دیگر.
margin شفاف است اما padding دارای رنگ می باشد.

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

محمدELE , صبا , سید ,

می پسندم 3 0 3

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

پاسخ با بیشترین پسند

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

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

:: آموزش CSS، جلسه شانزدهم :: (css padding)

یکشنبه ۳ اسفند ۱۳۹۳ ۱۰:۱۹ بعد از ظهر

[1]

محمدELE

مدیر انجمن انجمن دفاع مقدس

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

حالت :

ارسال ها : 3460

جنسیت :

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

اعتبار کاربر : 72225

پسند ها : 2031

حالت من :

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

تشکر شده : 2670

یه سوال داشتم:اینکه چطوری از روی کد هگزا یا 0-255میتونیم رنگ انتخاب کنیم یعنی جدول یا راهنمایی داره که بفهمیم کدوم کد کدوم رنگه
ممنون

می پسندم 1 0 1

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

امضای کاربر : محمدELE

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

:: آموزش CSS، جلسه شانزدهم :: (css padding)

دوشنبه ۴ اسفند ۱۳۹۳ ۱۲:۵۱ قبل از ظهر

[2]

سپیده 313

بانو

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

حالت :

ارسال ها : 420

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

جنسیت :

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

دعوت شدگان : 1

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

پسند ها : 395

حالت من :

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

تشکر شده : 694

سلام خواهش میکنم

برای دیدن کدهای هگزا به سایت زیر برید:
http://www.w3schools.com/tags/ref_colorpicker.asp

و برای کدهای RGB همونطور که گفتین مقادیر 0 تا 255 میگیرن باید به این صورت عمل کنید
قبلش این توضیح رو بدم که R مربوط به رنگ قرمز ، G مربوط به رنگ سبز و B مربوط به رنگ آبی است که با تغییر مقدار 0 تا 255 میتونید با مخلوط این رنگها به رنگ های مورد نظرتون برسید
ممکنه در کدها به قسمتی برسید که بخواهید براش color تعیین کنید
بر فرض مثال کد background-color را در قسمتی تایپ کردید، پس از آن دو نقطه (:) را قرار می دهید و منویی مانند شکل زیر باز می شود

روی گزینه color کلیک کنید

سپس روی آیکن رنگی (آیکونی که موس روی آن قرار دارد) کلیک کنید

در این بخش شما کدهای rgb یا همون red , green , blue را مشاهده می کنید
می بینید که در این تصویر، به رنگ سبز بالاترین مقدار یعنی 255 را دادم و دو رنگ آبی و قرمز صفر هستند بنابراین تنها رنگ انتخابی سبز خالص است
با تغییر این مقادیر رنگهای مختلفی را میتونید ایجاد کنید

می پسندم 2 0 2

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

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

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

:: آموزش CSS، جلسه شانزدهم :: (css padding)

دوشنبه ۴ اسفند ۱۳۹۳ ۱۰:۵۳ قبل از ظهر

[3]

محمدELE

مدیر انجمن انجمن دفاع مقدس

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

حالت :

ارسال ها : 3460

جنسیت :

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

اعتبار کاربر : 72225

پسند ها : 2031

حالت من :

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

تشکر شده : 2670

ممنون

می پسندم 1 0 1

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

امضای کاربر : محمدELE

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

برچسب ها

ویرایش / افزودن

آموزش ، CSS، ، جلسه ، شانزدهم ، (css ، padding) ،

« :: آموزش CSS، جلسه پانزدهم :: (css margin) | ...خالی... »

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

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

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

هم اکنون 05:41 بعداز ظهر

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