HomeHow to change this code?
5 posters
Page 1 of 1
How to change this code?
by jarn October 6th 2014, 8:04 pm
- Code:
a span[style="color:#990099"] strong:hover:after {
content:"Moderator";
font-size:10px;
color:#000;
background:#FFF;
border:1px solid #EEE;
box-shadow:1px 1px 2px #000;
border-radius:4px;
padding:3px;
position:absolute;
bottom:5px;
right:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-25px;
}
a span[style="color:#990099"] strong { position:relative }
How do I change this code so that rather than groups, it can be used for individual users?
jarn- Forumember
- Posts : 76
Reputation : 1
Language : English -
Re: How to change this code?
by Guest October 6th 2014, 8:21 pm
Hello jarn,
Try adding this code to your CSS. Just be sure to change the "#" in the "u#" to the user number. You can find this number by clicking their profile and you can see it after your domain there should be a "/u#" and just copy that number and replace the "#" in the code and click save. If this doesn't work, let me know so I can make some adjustments!
Hope this helps!
-Jad
Try adding this code to your CSS. Just be sure to change the "#" in the "u#" to the user number. You can find this number by clicking their profile and you can see it after your domain there should be a "/u#" and just copy that number and replace the "#" in the code and click save. If this doesn't work, let me know so I can make some adjustments!
- Code:
a[href="u#"] strong:hover:after {
content:"Moderator";
font-size:10px;
color:#000;
background:#FFF;
border:1px solid #EEE;
box-shadow:1px 1px 2px #000;
border-radius:4px;
padding:3px;
position:absolute;
bottom:5px;
right:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-25px;
}
a span[style="color:#990099"] strong { position:relative }
Hope this helps!
-Jad
Guest- Guest
jarn- Forumember
- Posts : 76
Reputation : 1
Language : English -
Re: How to change this code?
by SLGray October 7th 2014, 8:28 pm
Did you change the u# part?
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.
SLGray- Administrator
-
Posts : 51567
Reputation : 3524
Language : English
Location : United States -
jarn- Forumember
- Posts : 76
Reputation : 1
Language : English -
Re: How to change this code?
by Guest October 7th 2014, 9:06 pm
Hello Jarn,jarn wrote:Yes.
Could you please provide us the code that you used so we can see if something went wrong with the code I provided you?
-Jad
Guest- Guest
Re: How to change this code?
by Ramdaman October 7th 2014, 9:11 pm
Also, you didn't remove the "u" did you? Only replace the "#"
Ramdaman- Active Poster
- Posts : 1590
Reputation : 99
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City -
Re: How to change this code?
by jarn October 7th 2014, 9:40 pm
- Code:
a[href="u1"] strong:hover:after {
content:"HEAD ADMIN";
font-size:10px;
color:#000;
background:#FFF;
border:1px solid #EEE;
box-shadow:1px 1px 2px #000;
border-radius:4px;
padding:3px;
position:absolute;
bottom:5px;
right:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-25px;
}
a span[style="color:#006E8A"] strong { position:relative }
jarn- Forumember
- Posts : 76
Reputation : 1
Language : English -
Re: How to change this code?
by Ange Tuteur October 7th 2014, 10:03 pm
Jadster, you forgot to modify the last Rule's selector :
I'll place it at the top so it's easier to find :
You can add it to your sheet too, jarn.
That rule helps keep the caption, or "tooltip" bound to the username. If the name is not Relative the tooltip will go to the edge of the screen.
- Code:
a span[style="color:#006E8A"] strong { position:relative }
I'll place it at the top so it's easier to find :
You can add it to your sheet too, jarn.
- Code:
a[href="/u1"] span strong { position:relative }
a[href="/u1"] span strong:hover:after {
content:"HEAD ADMIN";
font-size:10px;
color:#000;
background:#FFF;
border:1px solid #EEE;
box-shadow:1px 1px 2px #000;
border-radius:4px;
padding:3px;
position:absolute;
bottom:5px;
right:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-25px;
}
That rule helps keep the caption, or "tooltip" bound to the username. If the name is not Relative the tooltip will go to the edge of the screen.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania -
Re: How to change this code?
by Guest October 7th 2014, 10:18 pm
Oh ok! Thank you so much Ange! I completely missed over that.
-Jad
-Jad
Guest- Guest
jarn- Forumember
- Posts : 76
Reputation : 1
Language : English -
Base- Forumaster
- Posts : 10383
Reputation : 1695
Language : English and French
Location : United Kingdom, England -
Similar topics» Change Code: to something else
» Change code for YouTube
» i need to change the position of this code
» i need to change direction of this code
» [HELP]Change the Spoiler & Code Layout [????]
» Change code for YouTube
» i need to change the position of this code
» i need to change direction of this code
» [HELP]Change the Spoiler & Code Layout [????]
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
