Css code for who's Online
3 posters
Page 1 of 1
Css code for who's Online
How would you do a custom css background for the Who's Online section? What is the Css code for the section I know the basic css code is
- Code:
body {background-image:url('imagelink.png');
Background-repeat: no-repeat;
Last edited by Nape4 on November 5th 2013, 1:40 am; edited 1 time in total
Guest- Guest
Re: Css code for who's Online
Hello Nape4,
The CSS selectors and ID's differ across forum versions. If possible, can you please provide us the version of your forum?
The CSS selectors and ID's differ across forum versions. If possible, can you please provide us the version of your forum?
Re: Css code for who's Online
Hi,
Please provide us your forum URL, thank you.
Or is it this one? http://lucario-domain.ogamebattle.com/forum
Regards,
Sir Chivas?
Please provide us your forum URL, thank you.
Or is it this one? http://lucario-domain.ogamebattle.com/forum
Regards,
Sir Chivas?
Re: Css code for who's Online
http://lucario-domain.ogamebattle.com/forum is the one yes the type is phpbb 2 (subsilver) the css codes for the categorys work fine as you can see on my site. I also checked my site for malwere with a free scan for malwere on other scan for malwere site.Sir Chivas wrote:Hi,
Please provide us your forum URL, thank you.
Or is it this one? http://lucario-domain.ogamebattle.com/forum
Regards,
Sir Chivas?
Guest- Guest
Re: Css code for who's Online
Most of the classes are universal: forumline, row1, 2, ect..Who is online table is using forumline and row1 however, we can apply a unique class to the who is online table with some JS, so we can style those cells specifically:
Administration Panel > Modules > HTML & JAVASCRIPT > Javascript codes management
Create a new script, tick only 'in the homepage', paste the code below and save.
Administration Panel > Modules > HTML & JAVASCRIPT > Javascript codes management
Create a new script, tick only 'in the homepage', paste the code below and save.
- Code:
$(function() {
$('.forumline:contains("Who is online?")').addClass('whoIs');
});
- Code:
table.forumline.whoIs td.row1{
background-image:url('IMG SRC');
background-color:#fff;/*Remove if only using img*/
}
Re: Css code for who's Online
umm the way you said it sound like java.SethC1995 wrote:Most of the classes are universal: forumline, row1, 2, ect..Who is online table is using forumline and row1 however, we can apply a unique class to the who is online table with some JS, so we can style those cells specifically:
Administration Panel > Modules > HTML & JAVASCRIPT > Javascript codes management
Create a new script, tick only 'in the homepage', paste the code below and save.Then add this to CSS for styling:
- Code:
$(function() {
$('.forumline:contains("Who is online?")').addClass('whoIs');
});
- Code:
table.forumline.whoIs td.row1{
background-image:url('IMG SRC');
background-color:#fff;/*Remove if only using img*/
}
the way I do css is the following
Admin Control Panel,Display,Colors then Css style sheet
all i want is a simple css code for the style sheet not some extra java script. aslo is the code all for css or is it java then css code
- Code:
table .forumline.whois td.row 1{ background-image:url('Img src');
background-repeat: no-repeat
Last edited by Nape4 on November 5th 2013, 1:35 am; edited 1 time in total
Guest- Guest
Re: Css code for who's Online
JavaScript:
- Code:
$(function() {
$('.forumline:contains("Who is online?")').addClass('whoIs');
});
- Code:
table.forumline.whoIs td.row1{
background-image:url('IMG SRC');
background-color:#fff;/*Remove if only using img*/
}
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.
Re: Css code for who's Online
this subject is completed thanks I will do this as soon as I can on my site .
Guest- Guest
Re: Css code for who's Online
Topic Solved & Locked
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
» When i paste a long code via [code][/code] the page expands
» Who is online code
» Looking code during online forum.
» Whos Viewing What
» Code: Select Content for code box
» Who is online code
» Looking code during online forum.
» Whos Viewing What
» Code: Select Content for code box
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum