View Full Version : Adding a border around a username??
Cloverfield
05-30-2011, 02:59 PM
Okay so a premium member kept asking me to change their username to white because they thought it would look cool. I have done it but it is very hard to see on the main index page. This is how it looks on his profile (http://www.futuramaff.com/member.php?u=4381) as you can see it's easily read there but harder when smaller. Is it possible to add a black border around the name so that it can be easily readable? Many thanks.
Lynne
05-30-2011, 03:17 PM
You have:
<span style="font-weight:bold;color:#FFFFFF;background: url(images/fffsparkly.gif)">nacirema</span>
Just add the border in there:
<span style="font-weight:bold;color:#FFFFFF;background: url(images/fffsparkly.gif); border: 1px black solid;">nacirema</span>
You may want to add some padding also.
Cloverfield
05-30-2011, 03:21 PM
Hmm, I added the 2nd code and the username totally disappeared :(
Lynne
05-30-2011, 03:45 PM
You need to only add the first span part, not the whole thing.
Cloverfield
05-30-2011, 03:49 PM
I added this into the first part
<span style="font-weight:bold;color:#FFFFFF;background: url(images/fffsparkly.gif); border: 1px black solid;">
and
</span>
into the 2nd part.
Lynne
05-30-2011, 03:52 PM
I can see nothing wrong with that code.
Cloverfield
05-30-2011, 03:55 PM
If it helps, when I press update and go BACK to the HTML markup I just saved, this is in the first box
<span style="font-weight:bold;color:#FFFFFF;background: url(images/fffsparkly.gif); border: 1px blac
Nothing else :S
Lynne
05-30-2011, 03:57 PM
Ah, it looks like it only takes xx characters. Best thing to do then is just use a class and put the properties in the class definition.
Cloverfield
05-30-2011, 03:59 PM
You've lost me now lol
Lynne
05-30-2011, 04:05 PM
.hisclass {font-weight:bold;color:#FFFFFF;background: url(images/fffsparkly.gif); border: 1px black solid;}
<span class="hisclass">
</span>
Cloverfield
05-30-2011, 04:18 PM
Thanks, whereabouts do I put that CSS?
Lynne
05-30-2011, 04:31 PM
On the bottom of the Main CSS page. There is a box to add additional css.
Cloverfield
05-30-2011, 05:15 PM
I tried it and it just made the username the default 'registered members' colour :(
Lynne
05-30-2011, 05:22 PM
Then you did something wrong. However, I can't tell what since you removed what you did.
Looking at your css here - http://www.futuramaff.com/clientscript/vbulletin_css/style-8e0326bf-00005.css - does not show me that css added anywhere. So, my guess would be that is the problem.
Cloverfield
05-30-2011, 06:07 PM
I've added it again.
--------------- Added 1306782579 at 1306782579 ---------------
Actually nevermind. I meant a border around the actual text. Not the text in a box. Don't think it's possible anyway :(
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.