The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I modify this chatbox CSS code for PunBB?

View previous topic View next topic Go down

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

Post by Van-Helsing on 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
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by _Twisted_Mods_ on 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_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

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 on February 25th 2015, 10:55 am

Hello @_Twisted_Mods_,
Its not working, probably the element is different.

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by _Twisted_Mods_ on 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_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

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 on 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
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by _Twisted_Mods_ on 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_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

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_ on February 26th 2015, 1:06 am

Topic solved and archived

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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