Log in

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 :(