vB4 WCF - Enhanced Avatar +Shadow

  • Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Radio

    ven0m

    Administrator
    Staff member
    Administrator
    Moderator
    Platinum
    xenForo 2.x.x
    xenForo 1.x.x
    Contributor
    vBulletin All Access Pass
    The Chest
    Verified
    Ultra Platinum VIP
    Platinum VIP
    Gold VIP
    Silver VIP
    Premium
    Member
    Jul 17, 2005
    20,497
    7,735
    321
    localhost
    Heisenberg submitted a new resource:

    - WCF - Enhanced Avatar +Shadow

    vB Version: 4.1.10

    Pretty self explanatory. Most people probably already know how to do this but for those who don't...

    Just makes the avatars look a little nicer. Feel free to edit/style to fit your needs.

    Add the following code to additional.css

    Code:
    a.postuseravatar img,.primary img{border:1px solid #D5D5D5;background:white;padding:4px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 2px...

     
    Last edited:

    ven0m

    Administrator
    Staff member
    Administrator
    Moderator
    Platinum
    xenForo 2.x.x
    xenForo 1.x.x
    Contributor
    vBulletin All Access Pass
    The Chest
    Verified
    Ultra Platinum VIP
    Platinum VIP
    Gold VIP
    Silver VIP
    Premium
    Member
    Jul 17, 2005
    20,497
    7,735
    321
    localhost
    Darker styles use:

    Code:
    a.postuseravatar img,.primary img{border:1px solid #D5D5D5;background:white;padding:2px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:5px 5px 5px rgba(0,0,0,0.5);border-image:initial;}
    a.postuseravatar img:hover,.primary img:hover{border:1px solid #7D7D7D;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;box-shadow:5px 5px 5px #999;}