Opacitate imagine.

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Opacitate imagine.

Mesaj Scris de Asandra la data de Lun 6 Aug - 11:53

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.


Ultima editare efectuata de catre Asandra in Mar 7 Aug - 4:26, editata de 1 ori

Asandra
Membru Forumgratuit

feminin

Mesaje : 238
Data de inscriere : 29/07/2009
Multumiri : 0
1 avertisment

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Keir la data de Lun 6 Aug - 12:01

Atribuiți clasei dorite următorul cod:
Cod:

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

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Asandra la data de Lun 6 Aug - 12:25

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 Fericit ?

Asandra
Membru Forumgratuit

feminin

Mesaje : 238
Data de inscriere : 29/07/2009
Multumiri : 0
1 avertisment

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Alexader la data de Lun 6 Aug - 13:51

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?

Alexader
Membru onorific
Membru onorific

masculin

Mesaje : 4637
Varsta : 19
Localizare : România
Data de inscriere : 27/06/2012
Multumiri : 90
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Asandra la data de Lun 6 Aug - 14:09

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.

Asandra
Membru Forumgratuit

feminin

Mesaje : 238
Data de inscriere : 29/07/2009
Multumiri : 0
1 avertisment

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Keir la data de Lun 6 Aug - 14:14

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ă.. A face cu ochiul

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.

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Alexader la data de Lun 6 Aug - 14:18

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] 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.
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] 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);}



Alexader
Membru onorific
Membru onorific

masculin

Mesaje : 4637
Varsta : 19
Localizare : România
Data de inscriere : 27/06/2012
Multumiri : 90
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Asandra la data de Lun 6 Aug - 14:47

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

Asandra
Membru Forumgratuit

feminin

Mesaje : 238
Data de inscriere : 29/07/2009
Multumiri : 0
1 avertisment

Sus In jos

Rezolvat Re: Opacitate imagine.

Mesaj Scris de Vizitato la data de Mar 7 Aug - 11:21

topic rezolvat

Vizitato
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum