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.

Sparkle username

View previous topic View next topic Go down

Sparkle username

Post by KingOfSpades on January 2nd 2013, 5:34 pm

How do I get a sparkly username? The one in the tut is only for usergroups. I need one for specific users.
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 5:37 pm

for specific users use this...

Code:
a[href="/u1"]{css here}

change the /u1 to whatever that specific users url is. now if you want multiple users with the same remember not to overflow your CSS with a bunch of selectors instead do like so
Code:
a[href="/u1"],a[href="/u2"],a[href="/u4"],a[href="/u10"]{css here}
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by KingOfSpades on January 2nd 2013, 5:40 pm

nextlevelgaming wrote:for specific users use this...

Code:
a[href="/u1"]{css here}

change the /u1 to whatever that specific users url is. now if you want multiple users with the same remember not to overflow your CSS with a bunch of selectors instead do like so
Code:
a[href="/u1"],a[href="/u2"],a[href="/u4"],a[href="/u10"]{css here}

It doesn`t work, and I don`t really understand you.
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 5:44 pm

what part don't you understand KingOfSpades? Please put forth a total effort. Are you talking about the second part? If say you have 10 users who you want to have a glittery name, well instead of doing this::

Code:
a[href="/u1"]{css here}
a[href="/u2"]{css here}
a[href="/u3"]{css here}
a[href="/u4"]{css here}
a[href="/u5"]{css here}
a[href="/u6"]{css here}
a[href="/u7"]{css here}
a[href="/u8"]{css here}
a[href="/u9"]{css here}
a[href="/u10"]{css here}
And they have all the same CSS do it like so=
Code:

a[href="/u1"],a[href="/u2"],a[href="/u3"],a[href="/u4"],a[href="/u5"],a[href="/u6"],a[href="/u7"],a[href="/u8"],a[href="/u9"],a[href="/u10"]{css here}

Now as far as the CSS here part, place the CSS from the groups code inside those brackets {}


Last edited by nextlevelgaming on January 2nd 2013, 5:45 pm; edited 1 time in total
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by Kaizer Lee on January 2nd 2013, 5:44 pm

Is it kind of like this?

Code:
a[href="/u1"]{ text-decoration: none !important; text-shadow: 0 0 0.2em yellow, 0 0 0.2em yellow, 0 0 0.2em yellow; }
avatar
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 5:46 pm

Yeah exactly Kaizer Lee, thank you for understanding what I mean. Now the OP said he has a code but only works for the groups link. So instead place it into the CSS brackets.
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by KingOfSpades on January 2nd 2013, 5:48 pm

Ok, I used this code

Code:
a[href="/g387-forumotion-administrators"] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
But it only works for the usergroups, and only on the legend of the forum.
I need a code that does the same thing, but works for a user, and on his posts.
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 5:51 pm

ok like I said you have the correct code for any a href that you want man. Change the /g387-blahh blah to /u1
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by KingOfSpades on January 2nd 2013, 5:53 pm

nextlevelgaming wrote:ok like I said you have the correct code for any a href that you want man. Change the /g387-blahh blah to /u1

I did. And it won`t work. NM. YAY It works! Thanks
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 5:55 pm

ok place !important right before that ; in your css code

so like backgroundimage.png') !important;
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by Kaizer Lee on January 2nd 2013, 5:57 pm

What NLG said; moreover, apart from the sparkle I provided, there are other varieties but different look. I'll provide one of them. This code is a bit more darker than the one I provided but should be effective:

Code:
 }a[href="/u#"] span
{
 color:{COLOR} !important;
}

When completed, here's the output:

Code:
a[href="/u376"] { background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");}

There are so many ways of styling it Smile.
avatar
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 6:05 pm

hey Kaizer why do you have an ending bracket before the a? and you know you may be right about using the extra selector span. a[href="/u1"] span {}

I know there is a span inside it so yeah that may be why the OP can't get it Wink

Totally forgot about the inner span
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by KingOfSpades on January 2nd 2013, 6:15 pm

nextlevelgaming wrote:hey Kaizer why do you have an ending bracket before the a? and you know you may be right about using the extra selector span. a[href="/u1"] span {}

I know there is a span inside it so yeah that may be why the OP can't get it Wink

Totally forgot about the inner span

Hmm... I can`t make it work for more than 1 person.
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 6:17 pm

why not? Can you post the CSS you are using so we can see if maybe there is an issue. Also just tested on my site, take the span out Wink
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by KingOfSpades on January 2nd 2013, 6:20 pm

No no no.... The CCS works fine. The Java script is the not working one.
Code:
$.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function(){
$('a[href="/u30"] strong').rainbow({
colors: [
'#FF0000',
'#f26522',
'#fff200',
'#00a651',
'#28abe2',
'#2e3192',
'#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
});
});

That`s the code I`m using.
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by KingOfSpades on January 2nd 2013, 6:40 pm


I have the CCS and it works. My problem is the Java codes. because It only lets me make ONE user with rainbow name.
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 7:03 pm

um no no no...tutorial here for rainbows

http://www.easybbtutorials.com/t136p15-how-to-make-glow-around-title-of-the-topic-and-other-buttons-on-forum#765

I have to update the code but use this

Code:
$.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function(){
$('a[href="/u1"] strong').html(function(){
$(this).rainbow({
    colors: [
        '#FF0000',
        '#f26522',
        '#fff200',
        '#00a651',
        '#28abe2',
        '#2e3192',
        '#6868ff'
    ],
    animate: true,
    animateInterval: 100,
    pad: false,
    pauseLength: 100,
});
});
});

I'll make it so you can select multiple names
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 7:32 pm

Rideem??? Ckeditor with username glitters?
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 7:44 pm

also you can use this OP I fixed my original code to have multiple names and no need to use the CSS

Code:
 $.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function(){
  var a = $('a[href="/u33"]');
    var b = $('a[href="/u1"] strong');
  a.closest('a').addClass('rainbow');
    b.addClass('rainbow');
 $('.rainbow').html(function(){
$(this).wrap('<strong />').rainbow({
colors: [
    '#FF0000',
    '#f26522',
    '#fff200',
    '#00a651',
    '#28abe2',
    '#2e3192',
    '#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
});
});
});​


I thought that you may have done that lol I was going to say Wink

Updated again, since my users some did not have that Strong tag, some do. You will have to try both, because if not it will unwrap everything and look like a huge mess. Anyone who has strong tags place them in var b who ever doesn't add them to var a


Last edited by nextlevelgaming on January 2nd 2013, 8:14 pm; edited 3 times in total
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sparkle username

Post by KingOfSpades on January 2nd 2013, 7:49 pm

Doesn`t work.
avatar
KingOfSpades
Forumember

Male Posts : 215
Reputation : 8
Language : EN

http://roleplaymachugas.forumotion.com/

Back to top Go down

Re: Sparkle username

Post by nextlevelgaming on January 2nd 2013, 7:53 pm

KingOfSpades I updated a post for you this does work btw Wink
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.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