Opacitate imagine.

Aş dori şi eu un cod Css pentru schimbarea opacităţii imaginilor. Ţin să precizez că doresc opacitate doar la imaginile forumurilor / cele din cadrul descrierilor, nu şi la restul.

Atribuiţi clasei dorite următorul cod:

Cod:


opacity:0.4;
filter:alpha(opacity=40);

A funcţionat. Mulţumesc frumos. Dar ce element mai poate fi adăugat cod-ului astfel încât doar imaginile de la descriere să fie transparente ?

Salut,
In foaia de stil CSS faceti o clasa noua:
.imagini / .descriere este la alegerea ta. Eu aleg, .descriere:

Cod:

.descriere{
opacity:0.4;
filter:alpha(opacity=40);}

Apoi in descrierea forumului puneti :

Cod:

<div class="descriere">  <img src="LINK IMAGINE"> </div>

Ok, acum:
Acel cod pe care vi-lam dat doar lasa imagina in "ceata", iar cand treceti cu mouse-ul pestea ea asa ramane. Acesta este efectul dorit? Sau atunci cand treceti cu mouse-ul peste ea, imaginea sa revina la opacitatea normala?

Hm, aş prefera ca atunci când pun mouse-ul peste ea, opacitatea să revină la normal.
Dar e posibil ca acest cod de opacitate să se înregistreze în css, aplicându-se la imaginea unei categori poziţionate în "Adresa imaginii" la crearea unui nou forum? Adică să se aplice îndividual acelei imagini dinaintea descrierii unui forum.

Dvs. trebuie să înlocuiţi toate icon-urile forumurilor cu acel cod, iar în zona unde scrie "LINK IMAGINE" să adăugaţi link-ul imaginii. Dacă ve-ţi face acest lucru pentru toate icon-urile, ele vor avea acelaşi efect, deoarece vor avea aceeaşi clasă..

Cod:


    .descriere: hover{
    opacity: 1.0
    filter:alpha(opacity=100);}

Adăugaţi în CSS pentru efectul de revenire al opacităţii la trecerea cu mouse-ul peste icon.

Asandra a scris:Hm, aş prefera ca atunci când pun mouse-ul peste ea, opacitatea să revină la normal.

Cod:

.descriere:hover {
opacity:100;
filter:alpha(opacity=100);}
.descriere {
opacity:0.4;
filter:alpha(opacity=40);}

Acesta este codul complet.

Asandra a scris:Dar e posibil ca acest cod de opacitate să se înregistreze în css, aplicându-se la imaginea unei categori poziţionate în "Adresa imaginii" la crearea unui nou forum? Adică să se aplice îndividual acelei imagini dinaintea descrierii unui forum.

Hmm, nu prea am inteles...Da, codul se aplica individual la fiecare imagine de la decriere.
Puteti adauga un alt cod care o sa puna in "ceata" imaginea de la Image URL : (ma rog..eu am P.A in engleza) . Dar in cazul acesta si imaginea de New Old Lock o sa fie in ceata.

Cod:

img {
opacity:0.4;
filter:alpha(opacity=40);
}
img:hover {
opacity:100;
filter:alpha(opacity=100);}

Mulţumesc pentru ajutor.
Se poate închide topicul.