با انجام این روش که مربوط به css ها میشه . عکسهایی که لینک دار هستن . مثل تبلیغات و یا .... به صورت کم رنگ ( تار ) هستند و زمانی که با موس روش برید به رنگ اولیه خودشون بر میگردن
فایل style.css قالب رو باز کنید کد زیر رو درونش قرار بدید ( در خط آخر )
#opacity a img {
border:none;
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#opacity a:hover img {
border:none;
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
حالا به توضیح زیر توجه کنید :
در div و یا td تعریف شده در قالب و مربوط به قسمتی که عکس درونش قرار داره بعد از این گزینه ها از تگ زیر استفاده کنید :
id="opacity"
مثال :
<td id="opacity">
<a href="#"><img alt="" height="60" src="/Untitled-1.gif" width="120" /></a>
<a href="#"><img alt="" height="60" src="/Untitled-2.gif" width="120" /></a>
<a href="#"><img alt="" height="60" src="/Untitled-3.gif" width="120" /></td>
اگه میخواید عکسهایی هم که لینک ندارند هم کم رنگ بشه از کد زیر استفاده کنید :
#opacity img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=50);
تاریخ انتشار: 22 فروردين 1388
ارسال کننده: SalaR
برچسب ها: رنگ, روش, ویرایش فایل, alt, hrefimg, height, width, مربوط, قالب, خودشون, انجام, قرار, درونش, banners, لینک
Amirali، saron و Arash.N و 19 نفر دیگر تشکر کردهاند.
تبليغات
اطلاعات