Code for avatar  Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
2 posters

    Code for avatar

    Fr0st
    Fr0st
    Forumember


    Male Posts : 34
    Reputation : 10
    Language : Vietnamese

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


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

    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.
    Fr0st
    Fr0st
    Forumember


    Male Posts : 34
    Reputation : 10
    Language : Vietnamese

    Solved Re: Code for avatar

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

    Nice
    Nera.
    Nera.
    Energetic


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

    Solved Re: Code for avatar

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

    Solved => Locked