Chatbox: Icons Not working 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.
3 posters

    Chatbox: Icons Not working

    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Chatbox: Icons Not working Empty Chatbox: Icons Not working

    Post by Bones! October 27th 2014, 3:27 am

    So in the chatbox I had this code to make icons appear before the name in the "Members" section of the chatbox. Here's the code I had: 

    #chatbox_members a[href="/u1"]{ 
    padding-left: 20px;   
    background: url("http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-wormhole-icon.png")no-repeat left; }
    #chatbox_members a[href="/u2"]{
    padding-left: 20px;
    background: url("https://2img.net/h/oi62.tinypic.com/wkrzmb.jpg")no-repeat left;}
    #chatbox_members a[href="/u3"]{
    padding-left: 20px;
    background: url("https://2img.net/h/i1256.photobucket.com/albums/ii486/BeastsOfHavoc/badge28.png")no-repeat left;}
    #chatbox_members a[href="/u4"]{
    padding-left: 20px;
    background: url("https://2img.net/h/oi60.tinypic.com/2m2ifm0.jpg")no-repeat left;}
    #chatbox_members a[href="/u5"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/danrabbit/elementary/16/Star-grey-icon.png")no-repeat left;}
    #chatbox_members a[href="/u6"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/zeusbox/halloween/16/skull-icon.png")no-repeat left;}
    #chatbox_members a[href="/u7"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/wwalczyszyn/iwindows/16/Music-Library-icon.png")no-repeat left;}
    #chatbox_members a[href="/u8"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/aha-soft/torrent/16/virus-icon.png")no-repeat left;}
    #chatbox_members a[href="/u9"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/shwz/disney/16/mickey-mouse-icon.png")no-repeat left;}
    #chatbox_members a[href="/u10"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/kalangozilla/skrynium-black/16/zelda-triforce-icon.png")no-repeat left;}
    #chatbox_members a[href="/u11"]{
    padding-left: 20px;
    background: url("https://2img.net/h/oi59.tinypic.com/20p25om.jpg")no-repeat left;}
    #chatbox_members a[href="/u12"]{
    padding-left: 20px;
    background: url("https://i.servimg.com/u/f39/18/86/31/73/questi10.png")no-repeat left;}
    #chatbox_members a[href="/u13"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Mushroom-Spring-icon.png")no-repeat left;}
    #chatbox_members a[href="/u14"]{
    padding-left: 20px;
    background: url("https://i.servimg.com/u/f39/18/86/31/73/questi10.png")no-repeat left;}
    #chatbox_members a[href="/u15"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/yellowicon/tmnt/16/Katana-icon.png")no-repeat left;}
    #chatbox_members a[href="/u17"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/iconcreme/halloween/16/Mummy-icon.png")no-repeat left;}
    #chatbox_members a[href="/u18"]{
    padding-left: 20px;
    background: url("https://2img.net/h/oi58.tinypic.com/2iafxg4.jpg")no-repeat left;}
    #chatbox_members a[href="/u38"]{
    padding-left: 20px;
    background: url("https://i.servimg.com/u/f39/18/86/31/73/untitl15.png")no-repeat left;}
    #chatbox_members a[href="/u39"]{
    padding-left: 20px;
    background: url("http://icons.iconarchive.com/icons/live-pencil/halloween/16/Bone-icon.png")no-repeat left;}  

    Now I recently converted from Pbb3 or whatnot to Invision. Is the code different between them?

    Or perhaps is there a code preventing this?
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Chatbox: Icons Not working Empty Re: Chatbox: Icons Not working

    Post by _Twisted_Mods_ October 27th 2014, 3:47 am

    try this

    Code:

    #chatbox_members a[href*="/u1"] span strong{
    padding-left: 20px; 
    background: url("http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/leaf-wormhole-icon.png")no-repeat left; }
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Chatbox: Icons Not working Empty Re: Chatbox: Icons Not working

    Post by SLGray October 27th 2014, 7:17 am

    Please in the future when you are posting codes use the code tags.



    Chatbox: Icons Not working Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.