استایل کم رنگ کردن عکس

[3245 10]

سلام

دوستان من میخوام در قسمتی از فالب (توسط ماژول html دستی) عکسهایی بزارم که وقتی موس میره روش، 100 درصد روشن بشه، اما وقتی موس روش نیست، 70درصد روش باشه،

حالا من کد CSS*رو میخوام که بزارم توی template.css و مثلا در هرجای جوملا عکس گذاشتم ایدی رو بدم و این استایل روی اون عکس اجرا بشه،

ممنون میشم دوستان حرفه ای کمک کنند.

با تشکر.gift

[3245 10]

همجنان منتظر دوستان حرفه ای.... :auau:

[amin.poorsaeed 26]

برای مثال از کد زیر استفاده کنید ، این کد در صورتی کار می کنه که id تصویر رو opacity بنویسید ،البته توجه کنید این کد تو مرورگر های ie زیر 8 کار نمی کنه و باید از jquery استفاده کنید

img#opacity{
opacity:0.7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
img#opacity:hover{
opacity:1;
}

[3245 10]

ممنون، اما وقتی در مطالب ID عکس رو میزارم opacity و ذحیره میکنم، چیزی در کدها اضافه نمیشه، حتی بصورت دستی هم مینویسم ID="opacity" اما باز هم بعد از ذخیره میبینم که پاک شده،

ممنون میشم دوستان راهنمایی کنند.

ارادت:a2d3:

[3245 10]

همچنان منتظر نظر دوستان.

ممنون

[mortaza_max 13]

خب از فیلتر استفاده کن.

opacity: 0.8;

filter:alpha(opacity=50);

[3245 10]

خب از فیلتر استفاده کن.

opacity: 0.8;

filter:alpha(opacity=50);

اون کد CSS رو بزارم توی template.css

سپس کد شما را بزارم توی مطلب که میخوام عکسش اینجوری بشه؟

ممنون

[mortaza_max 13]

برای مثال:

img{ background: url(../images/mypic.png) no-repeat;

}

img:hover{

opacity: 0.8;

filter:alpha(opacity=50);

}

[amin.poorsaeed 26]

همچنان منتظر نظر دوستان.

ممنون

مرتضای جان کد های css رو با این جایگزین کن

img.opacity{
opacity:0.7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
img.opacity:hover{
opacity:1;
}

بعد کلاس تصویر رو بنویس opacity به احتمال زیاد حل بشه

[3245 10]

برای مثال:

img{ background: url(../images/mypic.png) no-repeat;

}

img:hover{

opacity: 0.8;

filter:alpha(opacity=50);

}

این کدها رو باید در html مطلب کپی کنم؟ وقتی کپی میکنم، کدها رو نمایش میده بجای عکس

[3245 10]

مرتضای جان کد های css رو با این جایگزین کن

img.opacity{
opacity:0.7;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
img.opacity:hover{
opacity:1;
}

بعد کلاس تصویر رو بنویس opacity به احتمال زیاد حل بشه

امین جان گذاشتم،اما وقتی ایدی رو میدم توی عکس، ذخیره نمیشه حتی دستی هم توی html مطلب میدم، اما ذخیره نمیشه

[mortaza_max 13]

نه عزیز تو قالب. به جای img ها باید نام پوزیشن قالب رو بنویسی