Hello, I'm using a Znoteaac layout, which has the Register / Account function, which when logging into your account the image changes, but the code itself does not work, you log into the account and the image remains as "Register". ?
Code:
Image:
Code:
.JoinUs {
position: relative;
display: block;
width: 255px;
height: 145px;
margin-top: -82px;
text-indent: -9999px;
}
#left .Register {
background: url(../images/HeaderBan.png) no-repeat 0 0px;
opacity: 1;
filter: alpha(opacity=100);
display: block;
width: 255px;
height: 145px;
}
#left .Register:after {
content: "";
position: absolute;
display: block;
width: 255px;
height: 145px;
background: url(../images/HeaderBan.png) no-repeat 0 -145px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
}
#left .Register:hover:after {
opacity: 1;
filter: alpha(opacity=100);
}
#left .Account {
background: url(../images/HeaderBan.png) no-repeat 0 -290px;
opacity: 1;
filter: alpha(opacity=100);
display: block;
width: 255px;
height: 145px;
}
#left .Account:after {
content: "";
position: absolute;
display: block;
width: 255px;
height: 145px;
background: url(../images/HeaderBan.png) no-repeat 0 -435px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
}
#left .Account:hover:after {
opacity: 1;
filter: alpha(opacity=100);
}
Image: