Code for avatar
2 posters
Page 1 of 1
Fr0st- Forumember
- Posts : 34
Reputation : 10
Language : Vietnamese
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 : -
Re: Code for avatar
Solved => Locked
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Similar topics
» Last Poster's Avatar Code
» Avatar box code
» Show avatar code ?
» Code for avatar border in CSS?
» Set Avatar Image using CSS Code?
» Avatar box code
» Show avatar code ?
» Code for avatar border in CSS?
» Set Avatar Image using CSS Code?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum