Chatbox: Icons Not working
3 posters
Page 1 of 1
Chatbox: Icons Not working
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?
#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?
Re: Chatbox: Icons Not working
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; }
Re: Chatbox: Icons Not working
Please in the future when you are posting codes use the code tags.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Chatbox changes not working on phpbb3 CSS
» Staff icons still not working
» New Posts Icons not working
» Chatbox autorefresh is not working.
» Chatbox Autorefresh Not Working
» Staff icons still not working
» New Posts Icons not working
» Chatbox autorefresh is not working.
» Chatbox Autorefresh Not Working
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum