ورود

**na3taran**

سلامی دوباره (:
یه سوال دیگه داشتم:
چطوری میتونم کاری کنم که قبل از اینکه با موس روی ستون قالبها برم ، رنگ کل ستون تیره باشه ولی وقتی که با موس روی ستون قالبها رنگش روشن بشه؟
مثل این http://amlove.ir/page/v1

**beggar-love** · 92-12-1، 03:10 صبح

با صفت opacity و مقدار 0.01
نمونه

کد: 

<style>

.Reza        { border-right: 12px solid #000; border-top: 12px solid #000; border-left: 12px solid #000; border-bottom: 12px solid #000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.1;box-shadow:0px 0px 5px 3px #555; }

.Reza:hover{ border-right: 12px solid#000; border-top: 12px solid#000; border-left: 12px solid#000; border-bottom: 12px solid#000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.9;box-shadow:0px 0px 22px 3px #fff;}

</style>

<div class="Reza">

<center><img src="http://www.tehranhost.com/files/banners/najva-weblog2site-468_60-6.gif"></center>

</div>

**na3taran** · 92-12-1، 05:09 عصر

(92-12-1، 03:10 صبح)beggar-love نوشته است: با صفت opacity و مقدار 0.01
نمونه

کد:

<style> .Reza { border-right: 12px solid #000; border-top: 12px solid #000; border-left: 12px solid #000; border-bottom: 12px solid #000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.1;box-shadow:0px 0px 5px 3px #555; } .Reza:hover{ border-right: 12px solid#000; border-top: 12px solid#000; border-left: 12px solid#000; border-bottom: 12px solid#000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.9;box-shadow:0px 0px 22px 3px #fff;} </style> <div class="Reza"> <center><img src="http://www.tehranhost.com/files/banners/najva-weblog2site-468_60-6.gif"></center> </div>

کدوم قسمت opacity رو 0.01 کنم؟
دقیقا کجای قالبو و چیاشو تغییر بدم؟

**شاهرخ** · 92-12-1، 06:12 عصر

دوستمون آقا رضا این کار رو انجام دادن شما فقط کد بالا رو کپی کنید پیش از <Head/> قالبتون

**na3taran** · 92-12-2، 01:02 صبح

(92-12-1، 06:12 عصر)شاهرخ نوشته است: دوستمون آقا رضا این کار رو انجام دادن شما فقط کد بالا رو کپی کنید پیش از <Head/> قالبتون

آخه آقا رضا اسم و بنز خودشون رو هم گزاشتن ، میخوام خودم یاد بگیرم بسازم تا اونا نباشن ...

**beggar-love** · 92-12-2، 02:51 صبح

شما محتوا رو عوض کن خواهر من
این بنر ک از من نیس :|
بنر بالای انجمنه
اینم کد خام بدون محتوا

کد: 

<style>

.Reza        { border-right: 12px solid #000; border-top: 12px solid #000; border-left: 12px solid #000; border-bottom: 12px solid #000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.1;box-shadow:0px 0px 5px 3px #555; }

.Reza:hover{ border-right: 12px solid#000; border-top: 12px solid#000; border-left: 12px solid#000; border-bottom: 12px solid#000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.9;box-shadow:0px 0px 22px 3px #fff;}

</style>

<div class="Reza">

<!---your text--->

</div>

**na3taran** · 92-12-2، 10:37 صبح

(92-12-2، 02:51 صبح)beggar-love نوشته است: شما محتوا رو عوض کن خواهر من
این بنر ک از من نیس :|
بنر بالای انجمنه
اینم کد خام بدون محتوا

کد:

<style> .Reza { border-right: 12px solid #000; border-top: 12px solid #000; border-left: 12px solid #000; border-bottom: 12px solid #000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.1;box-shadow:0px 0px 5px 3px #555; } .Reza:hover{ border-right: 12px solid#000; border-top: 12px solid#000; border-left: 12px solid#000; border-bottom: 12px solid#000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.9;box-shadow:0px 0px 22px 3px #fff;} </style> <div class="Reza">  </div>

مرسی
+ این رو پیش از <Head/> بزارم که ستون قالبهام اون جوری نمیشه ... Sad

**beggar-love** · 92-12-2، 09:44 عصر

این قسمت رو

کد: 

.Sara        { border-right: 12px solid #000; border-top: 12px solid #000; border-left: 12px solid #000; border-bottom: 12px solid #000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.1;box-shadow:0px 0px 5px 3px #555; }

 .Sara:hover{ border-right: 12px solid#000; border-top: 12px solid#000; border-left: 12px solid#000; border-bottom: 12px solid#000;border-top-right-radius: 1em;border-bottom-right-radius: 1em ;border-top-left-radius: 1em;border-bottom-left-radius: 1em; font-family: Tahoma, sans-serif, sans-serif; direction: rtl; background: #;BACKGROUND: #fff url('') repeat center;transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;opacity:0.9;box-shadow:0px 0px 22px 3px #fff;}

رو بجای

کد: 

.post{---------------for example--------------}

توی استایل قالبت بذار
البته کد بالا یه مثاله
تو قالبتون دنبال چنین کدی نگردید Big Grin

میخواستم فقط بگم ک اول کد با .post شروع میشه Smile

و توی div ک اجرا میکنی ب جای

کد: 

<div class="post">

بنویس

کد: 

<div class="Sara">

آموزشم خیلی مبتدی بود Big Grin

موفق باشی

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک