In tutorialul de astazi am sa va arat cum puteti seta o opacitate pentru avatarele forumului dvs. Tot ce trebuie sa faceti este sa adaugati codul specific versiunii forumului tau in P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Phpbb3, Invision
Cod:
.postprofile dl dt a img {
opacity: 0.6;
-moz-transition-property: opacity;
-moz-transition-duration: 0.6s;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.6s;
-o-transition-property: opacity;
-o-transition-duration: 0.6s;
transition-property: opacity;
transition-duration: 0.6s;
filter:alpha(opacity=60);
}
.postprofile dl dt a img:hover {
opacity: 1.0;
filter:alpha(opacity=100);
}
PunBB
Cod:
.user a img {
opacity: 0.6;
-moz-transition-property: opacity;
-moz-transition-duration: 0.6s;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.6s;
-o-transition-property: opacity;
-o-transition-duration: 0.6s;
transition-property: opacity;
transition-duration: 0.6s;
filter:alpha(opacity=60);
}
.user a img:hover {
opacity: 1.0;
filter:alpha(opacity=100);
}
Phpbb2
Cod:
.postdetails a img {
opacity: 0.6;
-moz-transition-property: opacity;
-moz-transition-duration: 0.6s;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.6s;
-o-transition-property: opacity;
-o-transition-duration: 0.6s;
transition-property: opacity;
transition-duration: 0.6s;
filter:alpha(opacity=60);
}
.postdetails a img:hover {
opacity: 1.0;
filter:alpha(opacity=100);
}
Si ai reusit!
Tutorial scris de Erpel
Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.
multumim pentru codurile date,si felicitari
mr.frantaMar 22 Mai - 20:12