Avatar Care Se Invarte La Mouse Over?

[+Andrei D.]

Salut PCT,

Am vazut ceva interesant pe max-cs. Cand intri intr-un topic si te duci cu sageata de la mouse pe avatarul unui utilizator, acesta se invarte. Cum pot face si eu la fel?

[Courage]

Look & Feel > tema ta > CSS > ipb_styles.css

Cauta

.ipsUserPhotoLink:hover .ipsUserPhoto

si adauga mai jos

-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);
o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);
transform: rotate(-360deg);

[+Fabi]

EU am incercat dar nu merge. Nu se intampla nimic.

[Courage]

Ai adaugat dupa "{" ?

[+Fabi]

Uite partea aceea, te rog fa-o tuc um trebuie:

	.ipsUserPhotoLink:hover .ipsUserPhoto {
		border-color: #5f5f5f;
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	}

[Courage]

 

Uite partea aceea, te rog fa-o tuc um trebuie:

	.ipsUserPhotoLink:hover .ipsUserPhoto {
		border-color: #5f5f5f;
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	}

 

Hmm, vad ca sunt 2x

.ipsUserPhotoLink:hover .ipsUserPhoto

in ipb_styles.css

 

Adauga sub cea care are deasupra

a.userNavPhoto:hover,

adica

	a.userNavPhoto:hover,
	.ipsUserPhotoLink:hover .ipsUserPhoto {
		opacity: 0.8;
-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);
o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
	}

La mine a mers. (Carbon blue)

[Andrei S.]

La mine a mers .

 

P.S:  am cautat :

.ipsUserPhotoLink:hover .ipsUserPhoto {

si am inlocuit cu

.ipsUserPhotoLink:hover .ipsUserPhoto {
opacity: 0.8;
-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);
o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

THX !

[Sf.]

Mersii mult eu am reusit