ثبت نام مستر کارت رایگان

برای ثبت نام بر روی تصویر کلیک نمایید

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

عنوان	پاسخ	بازدید	توسط
پیامک زیبای فلسفی	0	124	hengame
اس ام اس خنده دار برای تجدید روحیه	0	109	hengame
اس ام اس مهربانی	0	108	hengame
اس ام اس سرکاری ماه رمضان	0	100	hengame
اس ام اس تبریک روز نیروی انتظامی	0	97	hengame
نحوه ورود به حالت Safe Mode در اندروید	0	106	ghazal
من او را دوست می دارم...(مرتضی درویشی)	0	100	ghazal
خیال نرگس مستت، ببست خوابم را (سلمان ساوجی)	0	112	ghazal
داستان طنز: از فرصت ها استفاده کنید!	0	97	ghazal
داستان عاشقانه همکلاسی	0	85	ghazal
اس ام اس خنده دار و سرکاری جدید	0	111	gelare
پیامک فلسفی جدید	0	83	gelare
اس ام اس خنده دار تبریک تولد	0	87	gelare
اس ام اس عاشقانه مخصوص روزای بارونی	0	102	gelare
اس ام اس عاشورای حسینی	0	94	gelare
عاشق شدن پادشاه بر کنیزک رنجور ( مولوی )	0	93	yasamin
شعر شوق از فروغ فرخزاد	0	75	yasamin
داستان عشق و ثروت و موفقیت	0	85	yasamin
اس ام اس شهادت امام سجاد (ع)	0	85	yasamin
گفت‌وگویی پیرامون ازدواج (طنز)	0	90	yasamin
اس ام اس فلسفی و جملات قصار زیبا (8)	0	105	ziiba
اس ام اس روز عشق	0	76	ziiba
اس ام اس خنده دار و سرکاری تابستان	0	82	ziiba
اس ام اس ضد پسر	0	85	ziiba
اس ام اس ولادت امام موسی کاظم(ع)	0	83	ziiba
اس ام اس چهارشنبه سوری (2)	0	87	faranak
اس ام اس سرکاری ماه رمضان(2)	0	82	faranak
اس ام اس طنز و خنده دار (5)	0	97	faranak
اس ام اس فلسفی و جملات قصار زیبا (5)	0	82	faranak
اس ام اس خاطره های عاشقانه و غمگین	0	90	faranak

12 3 4 5 6 7 8 9...35 36 »

تنظیم خواص باکس ها Border , Margin , Padding

          Hadi 
            بازدید : 0
          چهارشنبه 16 بهمن 1392
           نظرات (0)
        

Border , Margin , Padding

در این بخش از آموزش css ، تنظیم خواص باکس ها را آموزش میدهیم. همه ی عناصری که در HTML تعریف میشوند میتوانند این ویژگی ها را داشته باشند.

این بخش یکی از مهمترین آموزش ها ، در سی اس اس و طراحی قالب سایت می باشد.

طول یک Element در واقع شامل مجموع مقدار تمامی این ویژگی ها به علاوه طول خود شی می باشد .
برای مثال جمع کل طول یک شی با ویژگی های زیر 300px میباشد.

width:250px; padding:10px; border:5px solid gray; margin:10px; === محاسبه کل طول ==== 250px (width) + 20px (left + right padding) + 10px (left + right border) + 20px (left + right margin) = 300px

تصویر زیر بیانگر کاربرد این ویژگی ها میباشد:

این ویژگی ها برای کسانی که طراحی سایت مبتدی هستند کمی پیچیده است.

تنظیم لیست ها CSS Styling List

          Hadi 
            بازدید : 0
          چهارشنبه 16 بهمن 1392
           نظرات (0)
        

لیست UL و LI در سی اس اس

در این بخش از آموزش css ، تنظیم لیست ها را آموزش میدهیم.

ویژگی هایی که برای یک لیست در css وجود دارد به ما این امکان را میدهد که List را در 3 حالت زیر نمایش دهیم.

تنظیم لیست یه صورت مرتب
تنظیم لیست به صورت نامرتب
تنظیم تصویر برای نشانگر لیست

در HTML دو نوع ار انواع لیست وجود دارد

unordered lists آیتم های لیست با یک نشانگرد گرد شکل مشکی ، نمایش داده میشوند
ordered lists آیتم های لیست با اعداد یا حروف ، نشانه گذاری میشوند.

Css این انعطاف پپذیری را به شما میدهد که نشانگر آیتم های لیست خود را به یک تصویر مدل دهید،که برای زیبایی طراحی سایت شما موثر میباشد.
با ویژگی list-style-type شما میتوانید marker لیست خود را به شکل مورد نظر خود تغییر دهید، این ویژگی شامل مقادیر زیر میباشد

ul.a {list-style-type: circle;} ul.b {list-style-type: square;} ol.c {list-style-type: upper-roman;} ol.d {list-style-type: lower-alpha;}

با ویژگی list-style-image شما میتوانید تصویر مورد نظر خود را برای نشانگر لیست تنظیم نمایید.

ul { list-style-image: url('sqpurple.gif'); }

این ویژگی ممکن است در تمام مرورگرها پشتیبانی نشود . در مثال زیر راه حل قطعی برای پشتیبانی تمام مرورگرها را میبینید.

ul { list-style-type: none; padding: 0px; margin: 0px; } ul li { background-image: url(sqpurple.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; }

برای اینکه تمام این ویژگی ها را در یک خط اعمال کنید از مثال زیر میتوانید استفاده کنید ، که به ترتیب 1 list-style-image -3 list-style-position -2 list-style-type مقداردهی میشوند.

ul { list-style: square url("sqpurple.gif"); }

تنظیم متن و نوشته CSS Styling Text

          Hadi 
            بازدید : 0
          چهارشنبه 16 بهمن 1392
           نظرات (0)
        

Text Color

در این بخش از آموزش css ، تنظیم متن و نوشته را آموزش میدهیم.

ویژگی color برای تنظیم رنگ متن استفاده میشود.این ویژگی با 3 روش زیر میتواند مقدار دهی شود

HEX : مثال : "#ff000"
RGB: مثال : (rgb(255,0,0
نام رنگ : مثال : red

رنگ پیش فرض در یک صفحه وب سایت بستگی به رنگ انتخاب شده در بدنه وب سایت شما دارد
مثال :

body {color:blue;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);}

با تغییر رنگ بدنه شما در واقع رنگ background صقحه را تغییر میدهید

Text Alignment
برای تنظیم متن در حالت افقی از این ویژگی استفاده میکنیم،این ویژگی میتواند با یکی ازمقادیر زیر مقداردهی شود

Center
Right
Justify
Left

با مقدار Justify تمامی خطوط عرض یکسانی خواهند داشت

h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;}

Text Decoration

این ویژگی بیشتر برای پاک کردن یا اضافه کردن فرم خاص به متن مورد استفاده قرار میگیرد

a {text-decoration:none;}

در این مثال در واقع اگر متن شما دارای فرمت خاصی مانند زیر خط (underline) یا هر فرمت دیگری بود ،این فرمت را پاک میکند.
مقادیری که میتواند این ویژگی بگیرد در مثال زیر آمده است

h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 {text-decoration:underline;} h4 {text-decoration:blink;}

صفحه قبل 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 صفحه بعد

تعداد صفحات : 134