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.

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}

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.

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

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; }

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.

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.

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

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

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;

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.

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

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.

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

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.

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.

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

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?

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

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.

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

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