The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Code for avatar

View previous topic View next topic Go down

Solved Code for avatar

Post by Fr0st on June 6th 2011, 5:06 am

please give me css code to make user's avatar inclined
Like that: avatar
my forum is phpbb2


Last edited by Fr0st on June 6th 2011, 11:44 am; edited 1 time in total

Fr0st
Forumember

Male Posts : 34
Reputation : 10
Language : Vietnamese

Back to top Go down

Solved Re: Code for avatar

Post by Nera. on June 6th 2011, 9:31 am

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
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

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Code for avatar

Post by Fr0st on June 6th 2011, 11:43 am

Nice

Fr0st
Forumember

Male Posts : 34
Reputation : 10
Language : Vietnamese

Back to top Go down

Solved Re: Code for avatar

Post by Nera. on June 6th 2011, 11:52 am

Solved => Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum