Change Who Is Online "text" CSS or JavaScript code.
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
Change Who Is Online "text" CSS or JavaScript code.
Greetings everyone,
Okay, so I've had multiple Issues with the Who Is Online text, of which I thought all was solved however It's not the case. I thank all that have helped with this Issue thus far.
Getting to the point, Is there a CSS or JavaScript code that will change the "Who Is Online" 'text' to something of my preference. Removing It has not been successful thus far, hence I would like to change the text. I know this Is possible for phpBB2. I'm running phpBB3.
Thanking you In advance.
Okay, so I've had multiple Issues with the Who Is Online text, of which I thought all was solved however It's not the case. I thank all that have helped with this Issue thus far.
Getting to the point, Is there a CSS or JavaScript code that will change the "Who Is Online" 'text' to something of my preference. Removing It has not been successful thus far, hence I would like to change the text. I know this Is possible for phpBB2. I'm running phpBB3.
Thanking you In advance.
inallsorts- Forumember
- Posts : 246
Reputation : 8
Language : English
Re: Change Who Is Online "text" CSS or JavaScript code.
Are you remove it? If yes can you give me code, for change text it is same code like for removing, with some changes.
Re: Change Who Is Online "text" CSS or JavaScript code.
Okay, this Is the JavaScript code that removed all the details (users online etc), and left only the Who Is Online text.Zyon wrote:Are you remove it? If yes can you give me code, for change text it is same code like for removing, with some changes.
- Code:
$(document).ready(function(){
$('img#i_whosonline').next('p').addClass('p_who_is_on');
$('div.h3:contains("WHO IS ONLINE?")').addClass('a_who_is_on');
$('div.h3:contains("Statistics")').addClass('a_statistiq');
$('.a_statisticq').next('.page-bottom').addClass('p_statisticue');
$('.a_statistq').next('.page-bottom').next('.page-bottom').addClass('p_statistq');
$('v').next('.page-bottom').next('.page-bottom').next('.page-bottom').addClass('p_statistici');
$('.p_statistq:eq(0)').addClass('p-bottom');
$('.p_statistq:eq(1)').addClass('p-bottom');
$('.p_statistq:eq(2)').addClass('p-bottom');
$('.p-bottom').wrapAll('<div class="p_statistici_toate">');
});
- Code:
a[href="/viewonline"]{
display:none !important;
}
inallsorts- Forumember
- Posts : 246
Reputation : 8
Language : English
Re: Change Who Is Online "text" CSS or JavaScript code.
So try this code:
- Code:
a[href="/viewonline"] {
content: 'NAME HERE' !important;
}
Re: Change Who Is Online "text" CSS or JavaScript code.
Tried It, and nothing changed. Thanks for your help though.Zyon wrote:So try this code:
- Code:
a[href="/viewonline"] {
content: 'NAME HERE' !important;
}
There must be a code that'll change It. Obviously It exists (Who Is Online), so obviously It can be changed.
inallsorts- Forumember
- Posts : 246
Reputation : 8
Language : English
Re: Change Who Is Online "text" CSS or JavaScript code.
I'm not shure, but try this one:
- Code:
a[href="/viewonline"] {
display: none !important;
}
a[href="/viewonline"]:after {
content: 'TEXT HERE';
}
Re: Change Who Is Online "text" CSS or JavaScript code.
Hello inallsorts,
You can try this CSS to hide the old text and write new texts.

EDIT:
I forgot to note that this will only display proper globally if this option is set:
Administration Panel > Users & Groups > Special Rights
User Status Display : Guests <= Is a must so view online displays as a link for All users.
Otherwise this selection is rendered useless => a[href="/viewonline"]

You can try this CSS to hide the old text and write new texts.
- Code:
div.h3 > a[href="/viewonline"]{
letter-spacing:-6px;
color:transparent;
}
div.h3 > a[href="/viewonline"]:after{
content:"Hello world!";
letter-spacing:0px;
float:left;
color:#09c;
}

EDIT:
I forgot to note that this will only display proper globally if this option is set:
Administration Panel > Users & Groups > Special Rights
User Status Display : Guests <= Is a must so view online displays as a link for All users.
Otherwise this selection is rendered useless => a[href="/viewonline"]

Re: Change Who Is Online "text" CSS or JavaScript code.
- Code:
$(function() {
var x = $('div.h3:has("a[href="/viewonline"]")')[0];
x.innerHTML = '<a href="/viewonline>New Text Who is On</a>';
});
Guest- Guest
Re: Change Who Is Online "text" CSS or JavaScript code.
Thank you so much Seth, particularly for pointing out the "Users status display" via the ACP.SethC1995 wrote:Hello inallsorts,
You can try this CSS to hide the old text and write new texts.If it works, the effect should be similar to this:
- Code:
div.h3 > a[href="/viewonline"]{
letter-spacing:-6px;
color:transparent;
}
div.h3 > a[href="/viewonline"]:after{
content:"Hello world!";
letter-spacing:0px;
float:left;
color:#09c;
}
EDIT:
I forgot to note that this will only display proper globally if this option is set:
Administration Panel > Users & Groups > Special Rights
User Status Display : Guests <= Is a must so view online displays as a link for All users.
Otherwise this selection is rendered useless => a[href="/viewonline"]
The code works perfectly

A big thanks to Zyon too for all your assistance. Good work guys.
Topic solved.
/Topic.
inallsorts- Forumember
- Posts : 246
Reputation : 8
Language : English
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum