The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Code for avatar

2 posters

Go down

Solved Code for avatar

Post by Fr0st 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
Fr0st
Forumember

Male Posts : 34
Reputation : 10
Language : Vietnamese

Back to top Go down

Solved Re: Code for avatar

Post by Nera. 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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: Code for avatar

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

Nice
Fr0st
Fr0st
Forumember

Male Posts : 34
Reputation : 10
Language : Vietnamese

Back to top Go down

Solved Re: Code for avatar

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

Solved => Locked
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Back to top

- Similar topics

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