-
ساخت فرم "تماس با ما" با سی اس اس
شنبه 13 شهریورماه سال 1389 12:07
کسانی که با استفاده از جدول (Table) به طراحی سایت میپردازند، هنوز باور ندارند که همه امکانات جدول در طراحی با CSS نیز میتوانند اجرا شوند. در انجمن های مختلفی که در رابطه با طراحی در آنها بحث میشوند یکی از دلایل استفاده نکردن از CSS را نحوه جایگیری عناصر مینامند و در اکثر مواقع نیز طراحی یک فرم تماس را مثال میزنند....
-
مثالهایی برای Background
جمعه 27 فروردینماه سال 1389 10:54
شما می توانید با شناسه background تصاویر زمینه کادر را تنظیم نمایید. این کار هم با تعیین موقعیت و هم با تعیین در صد امکان پذیر می باشد. شما می توانید با این شناسه در 9 جهت موقعیت تصویر خود را تغییر دهید. TOP background:#fff url(medadrangi.jpg) no-repeat scroll top left background:#fff url(medadrangi.jpg) no-repeat...
-
فیلتر در CSS
سهشنبه 15 دیماه سال 1388 09:01
برای مشاهده انواع فیلتر ها در سی اس اس اینجا را کلیک نمایید.
-
کد های html
سهشنبه 15 دیماه سال 1388 08:57
HTML Codes تگها توضیحات NN IE <!--...--> وارد کردن نظریه 3.0 3.0 <!DOCTYPE> تعیین DTD <a> ساخت لینک 3.0 3.0 <abbr> تعیین کلمات مختصر شده 6.2 <acronym> تعیین کلمات مخفف شده 6.2 4.0 <address> وارد کردن یک آدرس 4.0 4.0 <area> تعیین یک ناحیه از نقشه تصویری 3.0 3.0 <b> نوشتن...
-
تنظیم ظاهر لینک ها در صفحه
دوشنبه 14 دیماه سال 1388 12:51
اعمال تغییر بر روی لینکها در صفحه با استفاده از CSS با استفاده از CSS می توانیم نحوه نمایش دادن لینکها را در صفحه تنظیم کنیم. به صورتی که استفاده از جاوا اسکرپت در صفحه تا حد زیادی کم می شود. از طریق استفاده از استایل می توانیم رنگ لینکها، اندازه فونت آنها، زیر خط لینکها، رنگ زمینه هر لینک و بسیاری دیگر از خواص لینکها...
-
تغییر نشانگر ماوس
دوشنبه 14 دیماه سال 1388 11:52
تغییر شکل نشانگر ماوس با استفاده از CSS با استفاده از استایل این امکان وجود دارد که شکل نشانگر ماوس را وقتی روی قسمت مشخصی از صفحه قرار می گیرد تغییر دهیم. به این منظور می توانیم از ویژگی زیر در استایل مربوط به تگ مورد نظر استفاده کنیم: cursor: نوع نشانگری که مورد نظر ماست برای مثال فرض کنید می خواهیم وقتی نشانگر ماوس...
-
تنظیم رنگ, تصویر وموقعیت تصویر زمینه با css
دوشنبه 14 دیماه سال 1388 11:19
کار با رنگ و تصویر زمینه در طراحی صفحات با CSS Background ما با استفاده از شناسه BACKGROUND در تگ BODY می توانستیم برای صفحه تصویر زمینه مشخص کنیم. اما با استفاده از استایل می توانیم کنترل بیشتری بر این تصویر زمینه داشته باشیم چه این تصویر زمینه برای کل صفحه استفاده شود چه برای قسمت مشخصی از صفحه. برای مثال می توانیم...
-
تنظیم رنگ متن با CSS
یکشنبه 13 دیماه سال 1388 16:03
نحو تغییر رنگ متن با استفاده از CSS color از ویژگی color برای تغییر رنگ متن قسمتهای مختلف صفحه استفاده می شود. برای مثال می توانید رنگ متن یک جدول را تغییر دهیم و یا قسمتی از متن صفحه را که با تگ SPAN مشخص کرده ایم با رنگ متفاوتی با بقیه متن نمایش دهیم. این تگ از آن جهت که کاربرد تگ <FONT> و در نتیجه شناسه color...
-
تنظیم فونت با CSS
یکشنبه 13 دیماه سال 1388 16:02
تنظیم فونت صفحه با استفاده از استایل Font در این قسمت به روش تنظیم فونت متن با استفاده از استایل می پردازیم. بسیاری از اعمالی را که قبلاً با تگ <font> انجام می دادیم می توانیم با استایل انجام دهیم. font-family ویژگی font-family مشخص می کند که متن با چه فونتی باید نشان داده شود. این ویژگی در حقیقت جانشین شناسه...
-
کار با متن ها (۲)
یکشنبه 13 دیماه سال 1388 15:45
ویژگیهای مربوط به متن در CSS در این قسمت به ادامه ویژگیهایی که بر روی متن ها اثر می گذارند می پردازیم. text-transform این ویژگی مشخص می کند که متن با استفاده از حروف بزرگ نوشته شود یا حروف کوچک و یا به صورت معمولی البته بدون آنکه در حروفی که تایپ شده است تغییری به وجود آورید. با این روش اگر خواستید قسمتی از متن مثلاً...
-
کار با متن ها (۱)
یکشنبه 13 دیماه سال 1388 15:44
ویژگیهای متن در CSS در این قسمت برخی از ویژگیهای متن را که در CSS استفاده می شوند به شما معرفی می کنیم. با کمک این ویژگیها می توانیم نحوه قرار گرفتن متن در صفحه، فاصله بین حروف و بسیاری از خواص یک متن را تغییر دهیم. letter-spacing ین ویژگی به ما اجازه می دهد تا فاصله میان حروف یک کلمه را در یک متن تعیین کنیم. این...
-
تعیین موقعیت عناصر صفحه
یکشنبه 13 دیماه سال 1388 15:32
تغییر موقعیت عناصر صفحه با استفاده از CSS position ویژگی position به ما اجازه می دهد تا تعیین کنیم که آیا می خواهیم موقعیت یک عنصر در صفحه مشخص شود یا نه. اگر می خواهیم آن عنصر موقعیت مشخصی داشته باشد موقعیت عنصر را در صفحه تعیین می کند. چندین مقدار را می توان برای این ویژگی قرار داد. در اینجا می توانید این مقادیر را...
-
حاشیه و تو رفتگی عناصر صفحه
یکشنبه 13 دیماه سال 1388 11:05
تنظیم حاشیه و فاصله از لبه در عناصر صفحه Margin & Padding margin-left این گزینه به ما اجازه وی دهد تا برای هر یک از اجزای صفحه حاشیه چپ مشخصی را تعیین کنیم. در حقیقت این گزینه مقدار فاصله اجزا را از سمت چپ صفحه مشخص می کند. به یک مثال در این مورد توجه کنید: <div style="margin-left:200px;...
-
ایجاد کادر برای عناصر
یکشنبه 13 دیماه سال 1388 10:28
نحوه ایجاد کادر برای عناصر صفحه با استفاده از استایل Border border-style با استفاده از استایل ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم. با استفاده از پارامتر border-style می توانیم مشخص کنیم که آیا می خواهیم کادر داشته باشیم یا نه، و اگر می خواهیم نوع کادری را که می خواهیم ایجاد کنیم مشخص کنیم. در اینجا می...
-
تنظیم عرض و ارتفاع عناصر
شنبه 12 دیماه سال 1388 11:29
تنظیم عرض، ارتفاع، و overflow با CSS Width & Height Width این مشخصه به ما امکان می دهد تا عرض یک بخش از صفحه را تعیین کنیم. برای مثال می توانیم با آن عرض یک DIV را تعیین کنیم. در مثال زیر برای DIV عرضی معادل 200 پیکسل تعیین می کنیم: <div style="width:200px">این جمله پس از اینکه عرض آن از 200 پیکسل...
-
فایل css خارج از صفحه
شنبه 12 دیماه سال 1388 11:12
استفاده از استایل خارجی برای طراحی صفحات HTML فرض کنید می خواهیم برای چندین صفحه از یک سری استایل استفاده کنیم که در همه صفحات مشابه هستند. در این مورد می توانیم از یک فایل استایل خارجی استفاده کنیم تا نیازی به چندین بار نوشتن استایلها نباشد. برای شروع با استفاده از یک ویرایشگر متن مانند Notepad در ویندوز یک فایل متنی...
-
css در head صفحه
شنبه 12 دیماه سال 1388 11:11
تعریف کردن استایل در بخش head صفحه HTML استفاده از استایلها می تواند به ما کمک کند تا از دوباره نویسی فرمانها جلوگیری کنیم. برای انجام این کار ما می توانیم یک Style را در بخش HEAD در متن HTML خود تعریف کنیم. یک استایل در HEAD با تگ <STYLE> آغاز می شود و با <STYLE/> به پایان می رسد. در قسمت زیر می توانید یک...
-
استفاده از شناسه استایل
جمعه 11 دیماه سال 1388 17:26
وارد کردن CSS در تگهای HTML با استفاده از شناسه Style ساده ترین راه برای افزودن استایل به یک صفحه استفاده از شناسه style در تگهای HTML است. برای افزودن استایل به یک تگ باید عبارت " "=style را وارد تگ مربوطه کنیم و ویژگیهای مورد نیاز خود را بین دو دابل کوت ( " ) وارد می کنیم. مثلاً فرض کنید می خواهیم به...
-
اصول نوشتن کدهای css
جمعه 11 دیماه سال 1388 16:33
معرفی کتابهای مربوط به CSS مطالعه کتاب های پایین را به شما توصیه می کنم این کتابها که به صورت PDF می باشد شما می توانید از لینکهای مورد نظر دانلود نمایید.کافیست جهت دانلود کتاب بر روی تصاویر کلیک نمایید.موفق باشید. استفاده از class و id در طراحی صفحات با CSS سلکتور Class با استفاده از کلاس می توانیم برای یک تگ HTML...
-
مقدمه آموزش css
جمعه 11 دیماه سال 1388 16:31
آموزش کار با استایل (CSS) CSS یا همان C ascading S tyle S heet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML . از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و...