Efectul de transparenţă pentru imagini - Scripturi și teme pentru ucoz

Pentru a accesa toate paginile forumului

te rugăm să te înregistrezi

[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]

Pagina 1 din 1
1

Efectul de transparenţă pentru imagini

Stapanul

Data: Marţi, 2012-06-05, 3:05 PM | Mesaj # 1

Total mesaje: 279

Vezi premiile: 10

După poziționarea cursorului pe imagine, imaginea devine clară. În cazul din mesajul doi e invers.

Pasul 1: Panoul de control - Design - Administrarea design-ului (CSS) - adăugăm stilurile:

Code

/* ----////// Efect de transparenţă /////------- */

#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);
}

Pasul 2: Unde dorim imaginea cu efectul respectiv, adaugăm acest cod:

Code

Rezultatul:

OmulPaianjen

Data: Sâmbătă, 2012-08-18, 8:24 PM | Mesaj # 2

Total mesaje: 210

Vezi premiile: 6

Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați stilurile:

Code

/*Efect imagine*/
a:hover img {
                 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
                 -moz-opacity: 0.5; /* Mozilla 1.6 */
                 -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
                 opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
                 filter: alpha(opacity=50); /* IE 5.5+*/
}

Efectul de transparenţă pentru imagini

Pagina 1 din 1
1