منو اصلی
  صفحه اصلی
  تبلیغات
  تماس با ما
تبلیغات
موسیقی بی کلام
ابزار وب مسترها
  ابزار مجله در وبلاگ
  گوگل پلاس در وبلاگ
  شمارنده مطالب
  پازل وبلاگ
  تولبار حرفه ای
  ابزار پرش به بالا
  ذکر ایام هفته
  استخاره آنلاین
  سخنان بزرگان
  نمایش رتبه گوگل
  وضعیت آب و هوا
  اوقات شرعی
  فونت های زیباسازی
  کدهای زیباسازی فلش
  فال روزانه
  فال حافظ
  فال کلیکی
  فال انبیا
  طالع بینی ازدواج
  طالع بینی هندی
  عشق سنج آنلاین
  موسیقی لایت در وبلاگ
  ساخت موسیقی آنلاین
  ساعت های فلش
  ابزار فرم تماس با ما
  چت روم
  تصاویر تصادفی
  تصاویر زیباسازی
  لودینگ وبلاگ
  جستجوگر گوگل
  تعیین وضعیت یاهو
  ساخت ایمیل آیکون
  تقویم رومیزی
  تغییر شکل موس
  نمایشگر آی پی
  تعبیر خواب
  نمایش تاریخ
  بارش برف در وبلاگ
  پرواز بادکنک در وبلاگ
  پرواز حباب در وبلاگ
  قطرات شبنم در وبلاگ
  ابزار مبدل تاریخ ها
  جملات عاشقانه تصادفی
  جملات تصادفی شریعتی
  حدیث تصادفی
  اس ام اس تصادفی
  دانستنی های تصادفی
  مترجم گوگل
  معرفی وبلاگ به دوستان
  سرویس whois دامنه
  ابزار ار اس اس ریدر
  کد آپلود عکس
  دیکشنری آنلاین
  ساخت صفحات پاپ آپ
  ساخت تصاویر ثابت
  روزنما با مناسبت ها
  لحظه شمار غیبت امام زمان
  کدهای کاربردی
آرشیو قالب ها

rss rss rss

لوگو اسپانسر
رپورتاژ ها
  علل اصلی خرابی گیربکس s5 چیست؟
  بروکر آلپاری
  دانستنی های مهاجرت به قبرس شمالی و اروپایی
  خشکسالی کشاورزی در ایران
  استخراج ارز دیجیتال چیست و چگونه انجام می‌شود؟
  پارمیس تولید کننده نرم افزارهای مالی و اداری در ایران
  با بررسی تخصصی دوربین آیفون 15 پرو شناخت کاملی از آن خواهید داشت!
  مهاجرت به قبرس شمالی از طریق خرید ملک
  رفع ارور خطا در بازی خدای جنگ یک
  5 مرحله ایجاد کسب و کار آنلاین
  قبرس، مقصدی ایده آل برای مهاجرت
  كامپوزيت ونير
  فستیوال های قشم
  معرفی نرم افزارهای مالی و حسابداری پارمیس



پنل اس م اس رایگان

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

کادر (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

کادر (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”>برای این کادر
عرض ۳۰۰ پیکسل تعیین شده است.</div>

نتیجه به این صورت خواهد بود:

برای این کادر عرض ۳۰۰ پیکسل تعیین شده است.


border-width

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

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

    <div style=”border-style:solid; border-width:10px”>این
    کادر ۱۰ پیکسل ضخامت دارد</div>

    این هم کادر به دست آمده:
     

    این کادر ۱۰ پیکسل ضخامت دارد

  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>
این کادر به رنگ سبز خواهد بود.



 

دسترسی سریع
قالب های 3 ستونه
قالب های 2 ستونه
ابزار وبلاگ نویسان
آموزش وبلاگ نویسی
گالری عکس
آپلود عکس
بازی آنلاین
موسیقی لایت
بازی آنلاین

بازی آنلاین 660 بازی
بازی های دخترانه 16 بازی
بازی های ورزشی 97 بازی
بازی های تیراندازی 124 بازی
بازی های فکری 209 بازی
بازی های اکشن 126 بازی
بازی های مسابقه ای 50 بازی
بازی های متفرقه 38 بازی
بازی های محبوب

لینک ها
بک لینک شما در این مکان
کلیه حقوق متعلق به سایت نایت اسکین می باشد © Night-Skin.com 2004-2011