نویسنده: پويا صادقى , 623 روز پیش , آموزش CSS
باکس سایه دار با CSS3 ( برای کروم / سافاری / فایرفاکس ) با این کد میتونید برای المنت هاتون سایه بذارید وبرای اینکار دیگه نیازی به استفاده از تصاویر نیست از ویژگی های این کد تنظیم بلور ، رنگ و مکان سایه است: box-shadow: 10px 10px 5px #888; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; ده پیکسل پایینتر ، 10 پیکسل به راست ، 5 پیکسل بلور ، رنگ خاکستری
ادامه…نویسنده: پويا صادقى , 623 روز پیش , آموزش CSS
گرادیان در Border این خاصیت فقط در موزیلا فایرفاکس پشتیبانی میشه (البته فعلا) این کد بوردر رو به صورت گرادیان نمایش میده. کاربران فایرفاکس کد زیر رو اینجوری میبینن: border: 8px solid #000; -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; padding: 5px 5px 5px 15px; ...
ادامه…نویسنده: پويا صادقى , 623 روز پیش , آموزش CSS
قبلا یه روش برای ایجاد باکس های گوشه گرد با CSS/HTML آموزش داده بودم. حالا همین کار رو با CSS3 خیلی راحت ترمیتونیم انجام بدیم: border-radius برای گرد کردن گوشه ها (بدون هیچ دنگ و فنگی) معرفی شده. البته به خاطر این که بعضی مرورگرها (مثل IE ) مثل اینکه زیاد از CSS خوششون نمیاد (!!) و کدهای جدید رو پشتیبانی نمیکنن، Webkit و Gecko کدهای اختصاصی واسه خودشون درست کردن: برای ...
ادامه…نویسنده: پويا صادقى , 623 روز پیش , آموزش CSS
( این لینک برای اونایی که نمیدونن CSS چیه ) با توجه به اینکه اکثر مرورگرها دارن خودشونو با نگارش سوم CSS هماهنگ میکنن ، بهتره که سلکتور هایی که در این نسخه معرفی شده رو بشناسیم و ازشون استفاده کنیم css 3 : attributes شناسایی Attribute (ویژگی) این ویژگی در CSS 2 معرفی شد که میشه تشخیص داد که آیا تگ ها از Attribute مورنظر استفاده میکنن یا نه: img[alt=picture]{border:2px solid #FF0000;} در کد ...
ادامه…نویسنده: پويا صادقى , 624 روز پیش , آموزش CSS
این ترفند برای ساخت باکس هایی با گوشه گرد با استفاده از CSS استفاده میشه. تفاوت این روش با روش CSS3 و Border-radius اینه که حتی تو اینترنت اکسپلورر 6 هم مشکل نداره! این روش بدون استفاده از عکس یا جی کوئری و با استفاده از چهار Element با Margin های متفاوت انجام میشه و در همه مرورگر ها ( حتی IE ) کار می کنه. اول یک Div کلاس box ایجاد می کنیم ...
ادامه…نویسنده: پويا صادقى , 624 روز پیش , آموزش CSS
برای ستون بندی محتوا از جدول استفاده میکنید؟ برای هر ستون یه Div میذارید ؟ اگه محتوا متغییر باشه چی؟ کد css برای موزیلا فایرفاکس: -moz-column-width: 13em; -webkit-column-width: 13em; کد بالا Div شما رو به ستون هایی با طول 13em تقسیم میکنه. فاصله بین ستون ها: -moz-column-gap: 1em; -webkit-column-gap: 1em; تعداد ستون ها: -moz-column-count: 3; -webkit-column-count: 3; ایجاد خط بین ستون ها: -moz-column-rule: 1px solid black; -webkit-column-rule: 1px solid black;
ادامه…نویسنده: پويا صادقى , 675 روز پیش , پاسارگاد گرافیک
برای تبادل لینک با پاسارگاد گرافیک: 1 - پیج رنک شما حداقل 2 باشه 2 - موضوع سایت یا وبلاگتون "گرافیک" ، "فناوری اطلاعات" یا "اینترنت" باشه 3 - رتبه الکسای شما کمتر از 300.000 باشه 4 - لینک پاسارگاد گرافیک در همه صفحههای سایت قرار بگیره این وبلاگ رو با عنوان پاسارگاد گرافیک و با آدرس http://www.pasargad-graphic.com لینک کنید، در پایین همین صفحه آدرس سایت یا وبلاگتون رو بذارید ، تا 48 ساعت بعد لینک ...
ادامه…