This is a Hitskin.com skin preview
Install the skin • Return to the skin page
2 posters
Code for avatar
Fr0st- Forumember
- Posts : 34
Reputation : 10
Language : Vietnamese
- Post n°1
Code for avatar
Last edited by Fr0st on June 6th 2011, 11:44 am; edited 1 time in total
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
- Post n°2
Re: Code for avatar
Hi,
I'm not sure what is inclined. Do you mean like those backgrounds they have?
Go to your viewtopic_body template and find this
Replace it with this
Save and publish your template.
Than add this to your CSS
To make it move on hover add this to CSS.
I've just tried it on phpBB2, works perfectly.
Do not use the same code and colors. It wouldn't be nice towards author. It's only an example given to you.
I'm not sure what is inclined. Do you mean like those backgrounds they have?
Go to your viewtopic_body template and find this
- Code:
{postrow.displayed.POSTER_AVATAR}
Replace it with this
- Code:
<span class="avic">{postrow.displayed.POSTER_AVATAR}</span>
Save and publish your template.
Than add this to your CSS
- Code:
.avic img {
-moz-transform: rotate(-4deg);
background-color: beige;
border: 1px solid #FFCC33;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
max-width: 110px;
padding: 8px;
}
To make it move on hover add this to CSS.
- Code:
.avic img:hover {
-moz-transform: rotate(0deg);
}
I've just tried it on phpBB2, works perfectly.
Do not use the same code and colors. It wouldn't be nice towards author. It's only an example given to you.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
- Post n°4
Re: Code for avatar
Solved => Locked