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.

How can I modify this chatbox CSS code for PunBB?

2 posters

Go down

Solved How can I modify this chatbox CSS code for PunBB?

Post by Van-Helsing February 25th 2015, 1:06 am

Hello,
How can I modify the following chatbox CSS code for PunBB?

Code:


/*Staff Icons*/
/*Admins*/
.user[style="color:#FF0000"] span:before, #chatbox_members span[style="color:#FF0000"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/1a_1.png)!important;
  margin-left:-16px !important;
  vertical-align: Bottom!important;
 
}
/*Mods*/
.user[style="color:#993A0E"] span:before, #chatbox_members span[style="color:#993A0E"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/vqg1.png)!important;
  margin-left:-4px !important;
  vertical-align:Bottom !important;
}
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I modify this chatbox CSS code for PunBB?

Post by _Twisted_Mods_ February 25th 2015, 3:22 am

that should work you can try adding #chatbox to beginning 


Code:


/*Staff Icons*/
/*Admins*/
#chatbox .user[style="color:#FF0000"] span:before, #chatbox #chatbox_members span[style="color:#FF0000"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/1a_1.png)!important;
  margin-left:-16px !important;
  vertical-align: Bottom!important;
 
}
/*Mods*/
#chatbox .user[style="color:#993A0E"] span:before, #chatbox #chatbox_members span[style="color:#993A0E"] span:before {
  content:url(http://i722.photobucket.com/albums/ww222/Apechat/vqg1.png)!important;
  margin-left:-4px !important;
  vertical-align:Bottom !important;
}
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2106
Reputation : 333
Language : English
Location : Ms

View user profile http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I modify this chatbox CSS code for PunBB?

Post by Van-Helsing February 25th 2015, 10:55 am

Hello @_Twisted_Mods_,
Its not working, probably the element is different.
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I modify this chatbox CSS code for PunBB?

Post by _Twisted_Mods_ February 25th 2015, 11:02 am

no i checked on my test forum its universal same element in all versions

have you tried putting it at the top of your css?
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2106
Reputation : 333
Language : English
Location : Ms

View user profile http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I modify this chatbox CSS code for PunBB?

Post by Van-Helsing February 25th 2015, 11:18 am

Update:
@_Twisted_Mods_,
I have fixed the JScript code, the only thing which it is remaining is that is not displaying the icon in chatbox memberlist (online/away) do you now which is the element?
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I modify this chatbox CSS code for PunBB?

Post by _Twisted_Mods_ February 26th 2015, 1:06 am

Code:
#chatbox_members ul li span[style*="color:#990012"] span before { content:url(http://i722.photobucket.com/albums/ww222/Apechat/1a_1.png)!important; margin-left:-16px !important; vertical-align: Bottom!important; }
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2106
Reputation : 333
Language : English
Location : Ms

View user profile http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I modify this chatbox CSS code for PunBB?

Post by _Twisted_Mods_ February 26th 2015, 1:06 am

Topic solved and archived
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2106
Reputation : 333
Language : English
Location : Ms

View user profile http://liquidcode.forumotion.com

Back to top Go down

Back to top


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