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 to change this code?

5 posters

Go down

Solved How to change this code?

Post 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?
avatar
jarn
Forumember

Posts : 76
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: How to change this code?

Post 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!


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
avatar
Guest
Guest


Back to top Go down

Solved Re: How to change this code?

Post by jarn October 7th 2014, 8:16 pm

Nothing happened, unfortunately.
avatar
jarn
Forumember

Posts : 76
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: How to change this code?

Post by SLGray October 7th 2014, 8:28 pm

Did you change the u# part?


How to change this code? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51597
Reputation : 3527
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to change this code?

Post by jarn October 7th 2014, 8:58 pm

Yes.
avatar
jarn
Forumember

Posts : 76
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: How to change this code?

Post by Guest October 7th 2014, 9:06 pm

jarn wrote:Yes.
Hello Jarn,
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
avatar
Guest
Guest


Back to top Go down

Solved Re: How to change this code?

Post by Ramdaman October 7th 2014, 9:11 pm

Also, you didn't remove the "u" did you? Only replace the "#"
Ramdaman
Ramdaman
Active Poster

Male Posts : 1590
Reputation : 99
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: How to change this code?

Post 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 }
avatar
jarn
Forumember

Posts : 76
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: How to change this code?

Post by Ange Tuteur October 7th 2014, 10:03 pm

Jadster, you forgot to modify the last Rule's selector :
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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to change this code?

Post by Guest October 7th 2014, 10:18 pm

Oh ok! Thank you so much Ange! I completely missed over that.

-Jad
avatar
Guest
Guest


Back to top Go down

Solved Re: How to change this code?

Post by jarn October 7th 2014, 11:52 pm

Thanks, it works now!
avatar
jarn
Forumember

Posts : 76
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: How to change this code?

Post by Base October 8th 2014, 12:17 am

Solved => Archived
Base
Base
Forumaster

Male Posts : 10383
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Back to top

- Similar topics

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