Choose from our various pricing plans. There is a package for everyone!


Animated username

View previous topic View next topic Go down

Animated username

Post by noway on Sun Jan 12, 2014 6:47 am

please share us the Animated user name like this forum having.
avatar
noway
Member
Member

Age : 37
Posts : 19
Join date : 2014-01-04
Forum Version : PunBB
Reputation : 5

View user profile

Back to top Go down

Re: Animated username

Post by Dusan on Sun Jan 12, 2014 9:39 am

You can go to your CSS and put this code:
Code:
a[href="/u14"] span{color:#F00;animation:svcolor 1s infinite;-moz-animation:svcolor 1s infinite;-webkit-animation:svcolor 1s infinite;}
$keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
$-moz-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
$-webkit-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}

Go to user profile , get his ID and change href="/u14" to whatever number is that user.

And swap the dollar symbols for an @ symbol.

Or if you don't like that,delete CSS and go to Javascript and post this code.
Code:
    $.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function(){
    $('a[href="/u1"] strong').rainbow({
    colors: [
    '#FF0000',
    '#f26522',
    '#fff200',
    '#00a651',
    '#28abe2',
    '#2e3192',
    '#6868ff'
    ],
    animate: true,
    animateInterval: 100,
    pad: false,
    pauseLength: 10,
    });
    });

Again switch "/u1" to whatever number is that user.
avatar
Dusan
Member
Member

Age : 22
Posts : 711
Join date : 2012-06-08
Forum Version : PunBB
Reputation : 36

View user profile http://www.csshelp.net

Back to top Go down

Re: Animated username

Post by noway on Sun Jan 12, 2014 1:38 pm

thanks a lot working cool this code not affect in chat box, any idea to change username background in chat box?
avatar
noway
Member
Member

Age : 37
Posts : 19
Join date : 2014-01-04
Forum Version : PunBB
Reputation : 5

View user profile

Back to top Go down

Re: Animated username

Post by Dusan on Sun Jan 12, 2014 1:47 pm

Don't really know how.
avatar
Dusan
Member
Member

Age : 22
Posts : 711
Join date : 2012-06-08
Forum Version : PunBB
Reputation : 36

View user profile http://www.csshelp.net

Back to top Go down

Re: Animated username

Post by Hancki on Mon Feb 03, 2014 10:29 pm

Can you tell me the method or code you used, told by @Dusan?
Maybe we can use the code with diferent attributes.
Like: 
Code:
ul.online-users li a[href="/u14"] {
/* code here */
}
Give me the code you used, I write it again to the chatbox.

Hancki
avatar
Hancki
Member
Member

Age : 21
Posts : 4
Join date : 2014-02-03
Forum Version : PunBB
Reputation : 0

View user profile

Back to top Go down

Re: Animated username

Post by Mati™ on Wed Feb 19, 2014 2:54 pm

Hello, do you still need help with this.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Re: Animated username

Post by noway on Tue Mar 04, 2014 3:26 pm

now i am using for chat box

Code:

#chatbox > p span.user > span strong {
          display: none;
        }
        #chatbox > p span.user > span:after {
          content: url(http://i.imgur.com/EkEdEve.gif);


this reflect in chat box before the username. i need to hide user name in chat box and need only gif in chat  box but in forum post name should appear.
avatar
noway
Member
Member

Age : 37
Posts : 19
Join date : 2014-01-04
Forum Version : PunBB
Reputation : 5

View user profile

Back to top Go down

Re: Animated username

Post by Jadster on Thu May 01, 2014 2:43 pm

No Reply in 2 weeks -- Considered Solved!
avatar
Jadster
Support Moderator
Support Moderator

Age : 20
Posts : 141
Join date : 2012-08-27
Forum Version : PunBB
Reputation : 16

View user profile http://www.adminvortex.com

Back to top Go down

Re: Animated username

Post by Sponsored content


Sponsored content


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