آموزش برنامه نویسی .CSS (ایجاد کادر)

درود،میهمان گرامی ورود ثبت نام لیست اعضا تقویم راهنما جستجو

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

موتورسیکلت یک مادربزرگ با سلیقه
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:1

تصاویری از حضور هنرمندان در مراسم ختم پدر پیمان معادی
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:1

عکس/ مادری‌درحال‌غسل‌دادن‌فرزندشهیدش
شروع کننده:hny!	آخرین ارسالhny!	پاسخ ها:0	مشاهده:2

موتور سیکلت یک چرخ
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:2

عکسی از موتورسیکلتی مجهز به توالت!!
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:2

11 مدلهای هیوندای+عکس
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:10	مشاهده:12

موتور سیکلت نامرئی
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:2

زن آمریکایی که خوردن سنگ را دوست دارد!+عکس
شروع کننده:hny!	آخرین ارسالhny!	پاسخ ها:0	مشاهده:2

یخمک (نوشته های طنز)
شروع کننده:دایی جان	آخرین ارسالsaeed_z	پاسخ ها:401	مشاهده:9533

تصاویر تنها موتور سیکلت ساخته شده توسط شرکت فراری
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:2

نوزادی که هنگام زایمان سرش در دهانه رحم گیر کرد و کنده شد+عکس
شروع کننده:khamosh	آخرین ارسالhny!	پاسخ ها:1	مشاهده:32

گفتگوی آزاد (3 )
شروع کننده:admin	آخرین ارسالsaeed_z	پاسخ ها:1058	مشاهده:9054

11 مدلهای هیوندای
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:1

وظایف دختر و پسر در دوران نامزدی
شروع کننده:گــلایــه	آخرین ارسالگــلایــه	پاسخ ها:0	مشاهده:4

رده بندی کیفی خودروهای داخلی
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

اخبار روزانه ویژه سیستم اعتبار مالی
شروع کننده:admin	آخرین ارسالadmin	پاسخ ها:52	مشاهده:1075

آغاز سیاست های جدید فیات در هند
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

چشم
شروع کننده:Ashna	آخرین ارسالگــلایــه	پاسخ ها:18	مشاهده:2756

اطلاعات سامانه هوشمند سوخت تا پايان خرداد تجميع مي شود
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

ظرفيت توزيع سي ان جي از 2 ميليون مترمکعب گذشت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:3

مزدا و فيات درباره مشارکت صنعتي گفتگو مي کنند
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

يک نوبت سوختگيري دارندگان کارت سوخت تا 25 خرداد ، ضروري است
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

ايساكو باز هم ركورد فروش بي‌سابقه‌اي بر جاي گذاشت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

اسکار وایلد (Oscar Fingal O'Flahertie Wills Wilde)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:5

لئو نیکلایویچ تولستوی (Лев Никола́евич Толсто́й)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

پائولو کوئلیو ( Paulo de Almeida Coelho)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

یک مربی لیگ برتری ممنوع الفعالیت شد
شروع کننده:kingpayam	آخرین ارسالadel	پاسخ ها:1	مشاهده:15

اگه با نفر قبلی توی آسانسور گیر کنی چیکار میکنی ؟
شروع کننده:kingpayam	آخرین ارسالkingpayam	پاسخ ها:10	مشاهده:103

کافی شاپ آواکسی ها
شروع کننده:adel	آخرین ارسالadel	پاسخ ها:100	مشاهده:1138

لیلة الرغائب شب آرزوها
شروع کننده:elina_mn	آخرین ارسالelina_mn	پاسخ ها:1	مشاهده:36

عکس یادگاری با فردوسی پور در ساعت یک بامداد
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:28

معرفی کتاب "شرق بهشت"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:11

معرفی کتاب "تاریخ بیهقی"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب مفهوم زمان
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب " اسماعیلیه"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

معرفی کتاب عرفان و شریعت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب پشت پرده وهابیت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "زن تسخیر شده"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

معرفی کتاب از پشت سایه ها
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب طوفان دیگری در راه است
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "زر باران"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب بنده ی خوب خدا
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "روی پله های کنسرواتوار"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معریف کتاب فلسفه علم
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب استاد عشق
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب فرزندان ایرانیم (داستان طنز)
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:11

معرفی کتاب "یوشی و درولین"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:8

معرفی کتاب خداحافظ کرخه
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:10

معرفی کتاب نامی برای همیشه: نگاهی به تاریخ خلیج فارس
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

مرثیه ای برای شکسپیر
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب "رد پای زن اسطوره ای در سینما"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:7

معرفی کتاب از به
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب به سوی تو
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "آفتاب در حجاب"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب مردی که خواب نمی دید
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب "نظام حکومت در اسلام"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب من او
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب عروج تا بی نهایت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "دین و آزادی"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "درختی‌که حرف می‌زد"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب" شب بی ستاره: خاطرات سردار علی فضلی"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب" قبله مایل به تو"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب "پسران زره‌پوش"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

چند اثر از چارلز دیکنز
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:4	مشاهده:22

معرفی کتاب "چگونه با نوجوانم صحبت کنم؟"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "پدر و دختر"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب "مسخ "
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "قدیس"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب" درختی‌که حرف می‌زد"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "پاییز 59"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "لیلی،نام تمام دختران زمین است"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب " الأصنام"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:7

معرفی کتاب "پوتین های مریم"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:8

معرفی کتاب "زن تسخیر شده"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:7

معرفی کتاب "رستاخیز جان"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب " سازمان آدم كشان /جک لندن"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:2	مشاهده:19

معرفی کتاب "سیر و سلوک"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:8

شعر سیب حمید مصدق و جواب ها
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:3	مشاهده:21

غفلت والدين، مرگ پسر بچه 5 ساله سبزواري را رقم زد
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:11

قطار مرگ زوجي را در سالگرد ازدواجشان رقم زد
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:10

جستجو در این موضوع نحوه نمایش امکانات امکانات مدیر آموزش برنامه نویسی .CSS (ایجاد کادر)
نویسنده	پیام

MoonLover

نمایش پروفایل کاربر

نمایش همه ارسالهای کاربر

نمایش همه تاپیکهای کاربر

ارسال پیغام خصوصی

ناظم ارشد انجمن

ارسال ها: 18,519

تاریخ عضویت: 29 December 2008

امتیاز: 147

تشکرهای ارسالی : 16674
تشکرهای دریافتی : 26116

اعتبار: 202 واحد

آموزش برنامه نویسی .CSS (ایجاد کادر)

    نحوه ایجاد کادر برای عناصر صفحه با استفاده از استایل

    کادر (Boder)

    border-style

    با استفاده از استایل ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم. با استفاده از پارامتر border-style می توانیم مشخص کنیم که آیا می خواهیم کادر داشته باشیم یا نه، و اگر می خواهیم نوع کادری را که می خواهیم ایجاد کنیم مشخص کنیم. در اینجا می توانید برخی از مقادیری را که می توانیم برای border-style استفاده کنیم را ببینید:

    البته لازم به ذکر است که من اینجا نمیتونم کادر هارو براتون بکشیم
    رنگ ها رو هم نمیتونم بزارم

       1. none
          با استفاده از این مقدار تعیین می کنیم که نمی خواهیم کادر داشته باشیم. در صورتی که مقداری غیر از none تعیین شود کادر خواهیم داشت.
       2. solid

          This DIV have a solid border
       3. dashed

          This DIV have a dashed border
       4. dotted

          This DIV have a dotted border
       5. double

          This DIV have a double border
       6. groove

          This DIV have a groove border
       7. hidden

          This DIV have a hidden border
       8. inset

          This DIV have a inset border
       9. outset

          This DIV have a outset border
      10. ridge

          This DIV have a ridge border

    همانطور که می بینید عرض این کادرها بیش از آن چیزی است که ما نیاز داریم چون ما برای این کادرها عرضی مشخص نکردیم. اگر بخواهیم عرض این کادرها به اندازه مشخصی باشد باید از پارامتر width که قبلاً با آن آشنا شدیم استفاده کنیم. به مثال زیر توجه کنید:
    کد:
    <div style="width:300px; border-style:solid">برای این کادر عرض 300 پیکسل تعیین شده است.</div>

    نتیجه به این صورت خواهد بود:
    برای این کادر عرض 300 پیکسل تعیین شده است.

    border-width

    این پارامتر به ما اجازه می دهد تا میزان ضخامت کادرها را تعیین کنیم. این پارامتر می تواند مقادیر زیر را داشته باشد:

       1. مقدار عددی بر حسب پیکسل
          در این روش می توانیم مقدار ضخامت کادر را بر حسب پیکسل تعیین کنیم. به مثال زیر توجه کنید:

          این هم کادر به دست آمده:
          این کادر 10 پیکسل ضخامت دارد
       2. thin
          این مقدار باعث خواهد شد تا کادر ما باریک باشد. مانند زیر:
          کد:
          <div style="border-style:solid; border-width:thin">ضخامت این کادر thin در نظر گرفته شده است.</div>

          این هم کادر به دست آمده:
          ضخامت این کادر thin در نظر گرفته شده است.
       3. thick
          این مقدار به ما یک کادر ضخیم خواهد داد. به مثال زیر توجه کنید:
          کد:
          <div style="border-style:solid; border-width:thick">ضخامت این کادر thick در نظر گرفته شده است.</div>

          نتیجه به صورت زیر خواهد بود:
          ضخامت این کادر thick در نظر گرفته شده است.

    border-color

    شما می توانید در صورت تمایل رنگ کادرهای خود را تغییر دهید. برای این کار باید از پارامتر border-color استفاده کنید. برای مقدار این پارامتر می توانید از نام رنگها استفاده کنید. در صورتی که از نام رنگها استفاده کنید فقط می توانید از تعداد کمی از رنگها استفاده کنید. راه دیگری که برای انتخاب رنگ وجود دارد استفاده از معادل هگزادسیمال رنگها است که نسبت به نام رنگها انعطاف پذیری بیشتری دارد.
    به یک نمونه برای تغییر رنگ کادر توجه کنید:
    استفاده از نام رنگها:
    کد:
    <div style="border-style:solid; border-color:green">این کادر به رنگ سبز خواهد بود.</div>

    این کادر به رنگ سبز خواهد بود.
    استفاده از معادل هگزا دسیمال رنگها:
    کد:
    <div style="border-style:solid; border-color:#008000">این کادر به رنگ سبز خواهد بود.</div>

    این کادر به رنگ سبز خواهد بود.

امضاء گاهی باید فراموش کرد..
به زودی میام..امتحان دارم فعلا!

Sunday 12 September 2010 17:30

موضوع های مرتبط با این موضوع...
موضوع:		نویسنده	پاسخ:	بازدید:	آخرین ارسال
	برنامه نویسی	مؤمنه	1	498	Friday 15 April 2011 11:39 آخرین ارسال: user
	آموزش کامل و همه چیز درمورد ویروس Blaster	MenDark	0	334	Friday 08 April 2011 18:19 آخرین ارسال: MenDark
	آشنایی با رابط کاربردی برنامه نویسی API	حسام الدین	0	322	Wednesday 30 March 2011 12:40 آخرین ارسال: حسام الدین
	اصول برنامه نویسی تحت وب	onlinelife	1	410	Saturday 19 February 2011 17:41 آخرین ارسال: M3YS4M 1
	آموزش HTML	DUSKY	40	5,814	Saturday 06 November 2010 11:50 آخرین ارسال: admin

پرش به انجمن:

کاربرانِ درحال بازدید از این موضوع: 1 مهمان

زمان کنونی: Thursday 24 May 2012, 16:43


آموزش پرورش اندام در 90 روز	دستبندوگوشواره ماه تولد شما	آموزش افزایش قد (کتاب و سی دی)	جدیدترین روش بستن شال و روسری	برنامه مشاهده همه شبکه های دنیا