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.

Name Glow!

4 posters

Go down

In progress Name Glow!

Post by Touchè July 3rd 2013, 8:17 am

Hello everyone, so I was trying to add a nameglow to my rank on my forums and can't seem to do it, I used the turt that's already posted on here but that only made the legend glow and not my name Legend - > http://prntscr.com/1da5hx , can someone give me the code so I can make it go for my name as well, and choose different glows?
avatar
Touchè
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

In progress Re: Name Glow!

Post by Ange Tuteur July 3rd 2013, 10:34 pm

For adding multiple styles to a rank I like to use a hook in the rank title.

Example:
Code:
<span class="las">L'Ange Sanglant</span>
"las" is my selector; when entered in the stylesheet, styles added to "las" will only take place between the span tags.

Below is an example of the rank style:
Code:
.las {
  color: #cc0000;
  font-weight: bold;
  text-shadow: 0px 0px 6px #ff0000;
}
When placed and saved into the stylesheet the style will be added to the text of the rank title.

For your name to glow you will need to modify this code:
Code:
a[href="/u1"], a[href="/u1"] span, a[href="/u1"] span strong {
  color: #A200FF;
  font-weight: bold;
  text-shadow: 0px 0px 6px #B000FF;
}
You will have to edit [href="/u1"] to your UID number which can be found via a users url. Text shadow modifies the positioning, softness, and color of the shadow. Font weight adjusts the boldness of your name and color adjusts your color. You can use hex, RGB, or text to define a color.

The result of my codes is this:
Name Glow! Captur10
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Name Glow!

Post by Touchè July 4th 2013, 2:56 am

Holy crap dude, that's boss, but how do I change the glow, like is there different codes somewhere I could use?
avatar
Touchè
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

In progress Re: Name Glow!

Post by SLGray July 4th 2013, 3:00 am

Change this part for different shadows:
Code:
 text-shadow: 0px 0px 6px #B000FF;


Name Glow! 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 : 51463
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: Name Glow!

Post by J0k3R^ July 4th 2013, 7:29 am

look here: http://myplanet.forumgreek.com/h6-page
these codes are for all links but if u want only in Groups u must follow this:

Templates > General > Index_Body > find this line

Code:
{LEGEND} : {GROUP_LEGEND}</p>

and make it

Code:
{LEGEND} : <span class="GlowGroups">{GROUP_LEGEND}</span></p>

Save & Publish, then go to the CSS and put this:

Code:
GlowGroups:hover {
  color:#FF0000;
  text-shadow: 0px 0px 3px #ffffff;
  }

Submit and :wouhou: 

• P.S: u can change the color with what u like.
• P.S: i havent tried that so if u have any problem tell me.
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

In progress Re: Name Glow!

Post by Ange Tuteur July 4th 2013, 12:12 pm

Touchè wrote:Holy crap dude, that's boss, but how do I change the glow, like is there different codes somewhere I could use?
SLGray wrote:Change this part for different shadows:
Code:
 text-shadow: 0px 0px 6px #B000FF;

I explained before how the values worked for text shadow. Use the information provided below and experiment at your own leisure. Wink

text-shadow: 0px=left/right 0px=bottom/top 0px=softness #000000=shadow color

left and bottom are applied through negative values(i.e. -1px) You can also apply styles for when you hover over your title/name simply by adding :hover after the selector. (.las:hover)

You can view an example of the username/ranking effects here: http://angestesting.forumotion.com/t3-example

Mainly a hover transition color change, but you can do much, much more. Razz
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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