HomeCalendarFAQSearchMemberlistUsergroupsRegisterLog in

























Latest topics
» The lazy... is lazy! (Open)
Thu Jul 23, 2015 3:30 pm by Aurora Gazer

» Realm of Zero
Sat Jul 18, 2015 12:07 am by xXNoxaXxFate

» My Application
Sun Jul 12, 2015 3:46 am by Sosuke Aizen

» Tengen Ichigama [W.I.P]
Mon Jul 06, 2015 5:13 pm by Santiago Sarushin

» Zetsumei Tenshi (Death's Angel) [Done]
Sat Jul 04, 2015 11:11 pm by Ryu Uchiyama

» Aurora Gazer
Sat Jul 04, 2015 10:44 pm by Vision

» Sanji(FIN)
Sat Jul 04, 2015 10:42 pm by Vision

» Santiago Sarushin [Done]
Sat Jul 04, 2015 4:03 pm by Vision

» Sima Zhao
Sat Jul 04, 2015 3:56 pm by Vision

Top posting users this month
Statistics
We have 54 registered users
The newest registered user is lynlfurgdg

Our users have posted a total of 658 messages in 194 subjects
Word Counter
Word Length: 0

Share | 
 

 Forum Multi Colored Username

View previous topic View next topic Go down 
AuthorMessage
Arturo
avatar

Posts : 105
Yen : 133
Reputation : 0
Join date : 2015-06-05
Age : 22

PostSubject: Forum Multi Colored Username   Mon Jun 08, 2015 5:36 pm

So if you are like me, you are probably really into designs and what not. Well I recently learned on my own how to change the color and design of a username if you aren't fond of your group color. And this is for forums struggling to figure this out, so far this is just for solid colors, I am still figuring out glows and all that but for now this should suffice. I will use my username as an example.

Code:
a[href="/u4"] span strong { font-size:0 }
a[href="/u4"] span strong:before {
  font-size:11px;
  content:"Arturo ";
  color:#700a9f;
  text-shadow:#313132;
}
a[href="/u4"] span strong:after {
  font-size:11px;
  content:"Vela";
  color:#000000;
  text-shadow:#313132;
 }

Now what does this mean? Well the first part being
Quote :
a[href="/u4"] span strong { font-size:0 }
simply means it is taking the original look of my username and making it 0 size font making it hard to see. The second part being
Quote :
a[href="/u4"] span strong:before {
font-size:11px;
content:"Arturo ";
color:#700a9f;
text-shadow:#313132;
simply means I am adding new words to the username that being Arturo in a colored font at size 11, this is the first color. The second color will be seen in
Quote :
a[href="/u4"] span strong:after {
font-size:11px;
content:"Vela";
color:#000000;
text-shadow:#313132;
}
where I added a last name being Vela in a different color.

Unfortunately the shadows are not working right now I will figure that out but if done right you should get something like how my username is set up now

Note: If you want to make you First name multicolored just backspace the space in the first username like where it says "Arturo " just backspace and it should look like "Arturo"

Now then here is the code to use it yourself be sure to copy and past it into the CSS part of your admin panel. To get there, Admin Panel->displays->Colors->CSS

Code:
a[href="/u(number of your user)"] span strong { font-size:0 }
a[href="/u(number of your user)"] span strong:before {
  font-size:11px;
  content:"Words here ";
  color:#color here;
  text-shadow:#color here;
}
a[href="/u(number of your user)"] span strong:after {
  font-size:11px;
  content:"Words Here";
  color:#color here;
  text-shadow:#color here;
 }

ENJOY!
Back to top Go down
View user profile
Arturo
avatar

Posts : 105
Yen : 133
Reputation : 0
Join date : 2015-06-05
Age : 22

PostSubject: Re: Forum Multi Colored Username   Mon Jun 08, 2015 5:44 pm

If you want a custom colored username you may request one first five requests free the rest will be 1,000 Yen
Back to top Go down
View user profile
Reika
Fullbringer Rank
avatar

Posts : 42
Yen : 58
Reputation : 0
Join date : 2015-06-07
Age : 22

PostSubject: Re: Forum Multi Colored Username   Mon Jun 08, 2015 6:47 pm

I want a rainbow username if possible. If not, I'll just take pink and sky blue :3
Back to top Go down
View user profile
Arturo
avatar

Posts : 105
Yen : 133
Reputation : 0
Join date : 2015-06-05
Age : 22

PostSubject: Re: Forum Multi Colored Username   Mon Jun 08, 2015 6:54 pm

Rainbow is possible but it be a pain and It might require some experimentation so for now Pink and Sky blue
Back to top Go down
View user profile
Arturo
avatar

Posts : 105
Yen : 133
Reputation : 0
Join date : 2015-06-05
Age : 22

PostSubject: Re: Forum Multi Colored Username   Wed Jun 10, 2015 1:01 am

Update! I found out how to add a glow and make it visible on both chatbox and forum. I will use my code of Reika as an example.

Code:
span[data-user]:before, span[data-user]:after { font-size:14px !important }
a[href="/u10"] span strong, span[data-user="10"] { font-size:0 }
a[href="/u10"] span strong:before, span[data-user="10"]:before {
  font-size:11px;
  content:"Rei";
  color:#f568e9;
  text-shadow:0 0 1px #313132;
}
span[data-user]:before, span[data-user="10"]:after { font-size:14px }
a[href="/u10"] span strong:after, span[data-user="10"]:after {
  font-size:11px;
  content:"ka";
  color:#6eddf1;
  text-shadow:0 0 1px #313132;
}

Hold on that is more confusing than the last time, well let me break it down for you.

Quote :
span[data-user]:before, span[data-user]:after { font-size:14px !important }
This is simply the code to make it visible on the cbox, I chose 14px because in the cbox it is about 14px that or 13px this will be entirely dependent on your own opinion.

Quote :
a[href="/u10"] span strong:before, span[data-user="10"]:before {
font-size:11px;
content:"Rei";
color:#f568e9;
text-shadow:0 0 1px #313132;
}

The first part is giving the ID of the user you want to give the color to. the ID is u{number of your account upon activation on the site here, rekia's case, u10} The font is for the size of the font you want it to be visible to show up on the forum. Content:"username here "
Now for the template to use on your own.

Code:

span[data-user]:before, span[data-user]:after { font-size:14px !important }
a[href="/uID"] span strong, span[data-user="ID"] { font-size:0 }
a[href="/uID"] span strong:before, span[data-user="ID"]:before {
  font-size:11px;
  content:"Name ";
  color:#HTML or CSS COLOR;
  text-shadow:0 0 1px #HTML or CSS COLOR;
}
span[data-user]:before, span[data-user="10"]:after { font-size:14px }
a[href="/uID"] span strong:after, span[data-user="ID"]:after {
  font-size:11px;
  content:"Name or words here";
  color:#HTML or CSS COLOR;
  text-shadow:0 0 1px #HTML or CSS COLOR;
}
Back to top Go down
View user profile
Vision
avatar

Posts : 19
Yen : 10023
Reputation : 0
Join date : 2015-06-03

PostSubject: Re: Forum Multi Colored Username   Sun Jun 14, 2015 11:45 pm

I'll add in the code myself, but I'm requesting a multi colored username~
Back to top Go down
View user profile
Ichbin Schnell Tod
avatar

Posts : 65
Yen : 10073
Reputation : 0
Join date : 2015-06-04

PostSubject: Re: Forum Multi Colored Username   Sun Jun 14, 2015 11:51 pm

Can I get both o.o I want the Old Quincy Color back, and lets go with a Red of some sort, More like the Gotei 13 Red and black Glow if possible o.o will code myself if need be


Back to top Go down
View user profile
Arturo
avatar

Posts : 105
Yen : 133
Reputation : 0
Join date : 2015-06-05
Age : 22

PostSubject: Re: Forum Multi Colored Username   Mon Jun 15, 2015 12:33 am

Till my coding is fixed there will be no color adding.
Back to top Go down
View user profile
Sponsored content



PostSubject: Re: Forum Multi Colored Username   

Back to top Go down
 
Forum Multi Colored Username
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» My wolves, that are in a pack and if you want to rp with me just ask and ill be glad too!
» Invisible War: The Five to Change and The Five to Aid
» Forum Game!
» The longest discussion on forum?
» Do You Have Any Suggestions For The Forum?

Permissions in this forum:You cannot reply to topics in this forum
Bleach Lucid Dreams :: Extras and General Information :: Coding Discussions-