Tutorials-OWN
Bun venit pe Tutorials-OWN . In aceasta comunitate puteti gasi diverse tutoriale pentru diferite programe folositoare.Va invit sa va inregistrati pentru forma o comunitate cat mai mare cu ajutorul dumneavoastra. Multumesc !

Imagine cu opacitate [Toate Versiunile]

Vezi subiectul anterior Vezi subiectul urmator In jos

Imagine cu opacitate [Toate Versiunile]

Mesaj Scris de Winsome la data de Dum Mai 29, 2011 1:54 am

Bine v-am gasit la noul tutorial. Astazi veti afla despre opacitatea unor imagini prin CSS sau prin HTML. Intr-asa fel puteti sa va micsorati/mariti opacitatea unui imagini cand treceti cu cursorul deasupra.

Aveti 2 metode indicate mai jos:
1. Prin HTML.
2. Prin CSS.

Exemplu 1:
Cod:

<img src="http://r22.imgfast.net/users/2214/12/36/51/avatars/3-13.jpg" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40">

Exemplu 2:
Cod:

<span class="opacitateimg"><img src="http://r22.imgfast.net/users/2214/12/36/51/avatars/3-13.jpg"></span>

La exemplu 1 va trebui sa introduceti tot codul in acelasi loc.

La exemplu 2 va trebui sa introduceti acel cod undeva, apoi sa mergeti la Foaia de stil CSS si sa introduceti codul indicat de mai jos ca sa functioneze:
Cod:

.opacitateimg:hover{
  /* Pentru Internet Explorer */
  filter:alpha(opacity=40);
  /* CSS3 Standard */
  opacity:0.4;
}

Desigur, poate fi setata opacitatea dupa dorinta modificand 4.0 si 40


Dansez de unul singur pe strada

Tin in mine tot, durerea mea nu o sa se vada

Dansez cu pozele vechi, incepe sa mi se faca dor

De cum eram cand eram copil atunci credeam ca pot sa zbor

Vad oameni cunoscuti in poze langa mine in decor

Imi amintesc de ei dar imi scapa numele lor

Viata mea are traseu dar nu se stie unde duce

In statie unii coboara altii se pregatesc sa urce

Au plecat iam iertat da pot fi numit tampit

Ca inca mie dor de fata care odata ma mintit.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]Sasha Lopez & Broono - All My People
avatar
Winsome
Administrator
Administrator

<b>Mesaje</b> Mesaje : 134
<b>Data de inscriere</b> Data de inscriere : 20/05/2011
<b>Varsta</b> Varsta : 20
<b>Localizare</b> Localizare : Teleorman
<b>Joburi/Distractii</b> Joburi/Distractii : Play 4 Fun
<b>Stare de spirit</b> Stare de spirit : BuNNNNNNNa
<b>Respectarea Regulamentului</b> Respectarea Regulamentului :

Vezi profilul utilizatorului http://tutorials-own.forumhit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum