The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Name Glow!

View previous topic View next topic Go down

In progress Name Glow!

Post by Touch on 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?

Touch
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

In progress Re: Name Glow!

Post by Ange Tuteur on 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:

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Name Glow!

Post by Touch on 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?

Touch
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

In progress Re: Name Glow!

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

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


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


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Name Glow!

Post by J0k3R^ on 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^
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 on 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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