دیتالایف انجین فارسی

افکت شفافیت برای تصاویر

تاریخ انتشار: 19 دی 1387
ارسال کننده: FantasticShadow
افکت شفافیت برای تصاویر


توضیح: حتما در خیلی از سایت ها دیدید که تمام تصاویر یکجوری کم رنگ هستند و وقتی با موس روی آنها میرویم از حالت کم رنگی در میآیند. به این نوع افکت ها میگن افکت شفافیت. شما هم در ادامه می توانید یک چیزی همانند آنها خلق کنید.

کد زیر را در main.tpl بین تگ و قرار دهید:
<style type="text/css">

<!--

#banners a img {

opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);

}



#banners a:hover img {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);

}

-->

</style>


حالا نیاز به یک کدی داریم که تصاویرمون رو در آن قرار دهیم:
<div id="banners">

<a href="#"><img src="cnt.gif" width="88" height="31" border="0"></a>

<a href="#"><img src="cycounter.gif" width="88" height="31" border="0"></a>

<a href="#"><img src="hit.gif" width="88" height="31" border="0"></a>

<a href="#"><img src="img.gif" width="88" height="31" border="0"</a>

</div>


شما از این کد می توانید در هر جا که مایل باشید استفاده کنید. حتی با کمی دستکاری در فایل style.css قالبتون می توانید کاری کنید هر تصویری که در سایتتون هست به این شکل دربیایند.
    14 نفر (14 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
    تشکر
    عضو سایت
    19 دی 1387 - 23:28
    داداش.کاش می شد تمام عکس های آپلود شده اینطور شه تا ما نریم 2 ساعت عکس ها رو تو کد قرار ندیم
    عضو سایت
    19 دی 1387 - 23:35
    omrdabakhte,
    این چیزی که شما میگین امکان پذیر هست اما خیلی پیشرفته میشه و میشه اسمش رو گذاشت ماژول. این کدی که من دادم css هست و خیلی ساده می باشد. و با css هم نمیشه همچین کارایی کرد.
    عضو سایت
    20 دی 1387 - 00:16
    امشب دیتالایف انجین چه پر بار شده!!!!!!!!!!!!!


    happy
    مدیر بازنشسته
    20 دی 1387 - 01:01
    sarayemusic,
    آقا Alex ترکوندن دیگه ! wink love flower pray
    عضو سایت
    20 دی 1387 - 12:00
    Dear.Alexm,جان بازم ممنون
    عضو سایت
    20 دی 1387 - 13:55
    omrdabakhte,
    Arash.N,
    sarayemusic,
    خواهش می کنم دوستان عزیزم.[/center]
    عضو سایت
    21 دی 1387 - 17:08
    من توسیستمم بی نهایت اسکریپت های جالب دارم اما وقت نمی کنم که معرفی کنم sad

    --------------------
    عضو سایت
    21 دی 1387 - 21:10
    ممنون
    عضو سایت
    15 دی 1389 - 17:28
    FantasticShadow,

    آقا من منظورتونو از این جمله نمی فهمم!
    کد زیر را در main.tpl بین تگ و قرار دهید:

    بین و چی قرار بدیم؟ question
    عضو سایت
    29 دی 1389 - 14:47
    منم نفهمیدم باید کجا قرار بدیم!!! belay
    جهت ارسال نظر، فرم زیر را تکمیل نمائید:
    نام:*
    ایمیل:*
    متن نظر:

     
    پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
    کد امنیتی: *