Issue with adding social links after logo

[wootriffic]

So i'm trying to add simplistic text urls after my logo in list format
Will be the main twitter account, retweet account, and facebook.

I went into templates header, and tried adding my coding to the area, however it screwed up everything after the header image.
The coding i'm pasting is the following

<ul><li>Twitter <a href="http://twitter.com/U_S_N>@U_S_N</a></li><li>USN <a href="http://facebook.com/unitedstreamers.net>Facebook</a></li><li>ReTweet <a href="http://twitter.com/streamerrt>@StreamerRT</a></li></ul>

Not sure what i'm doing wrong. Little guidance?

[TheLastSuperman]

Add this to the header template, I believe your placing the code in the wrong area... there are two in fact, one for logged in users and one for those not logged in so it will need to be placed in both <ul> areas, look for:

		<vb:if condition="$show['member']">
			<ul class="isuser">
TONS OF CODE HERE THEN THE CODE BELOW COMES UP
		<vb:else />
			<ul class="nouser">

You want to add your social links to the navbar, by adding them below the <ul class=isuser"> OR under the <ul class="nouser"> they will show last in the links of <li>'s despite being directly below the ul code because it displays them top to bottom in last to first order by way of coding. Now I do know that the nouser area is defined by a certain size css where the login boxes comes into play - so if you happen to insert it there for whatever reason further adjustments will need to be made. Also please make note that this area is in fact also the toplinks css area so you could get the mini social links <li>'s into place then if the toplinks are uip too high you can move them using the standard css by adjusting the default values or overwriting them in additional.css.

Edit: Add the social links in the toplinks, otherwise you need to create some custom css and a div class="name" area to house the code IF you want to show it in a position where something else already "exist" otherwise it will as you said, screw things up naturally.

[wootriffic]

Seems my coding is what screwed everything up.
simply doing <li> then the url </li> did the trick
addition of <ul> broke everything
The actual coding (its sloppy to get it how i wanted it, but works)

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
	<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="United Streamers" /><img src="http://unitedstreamers.net/digitalvb/morbid/misc/usn-header-logo-r.png" border="0" alt="United Streamers"></a><font color="#cdcdcd">|||||||||||||||||||||||||||||||</font>
<li><font color="#cdcdcd">||||||</font> <font size="2"><a href="http://twitter.com/U_S_N" rel="nofollow"> @U_S_N</a></font></li>
<li><font color="#cdcdcd">||||||</font> <font size="2"><a href="http://facebook.com/unitedstreamers.net" rel="nofollow"> USN Facebook</a></font></li>
<li><font color="#cdcdcd">||||||</font> <font size="2"><a href="http://twitter.com/streamerrt" rel="nofollow"> ReTweet Service</a></font></li><font color="#cdcdcd">|||||||||||||||||||||||||||||||</font>

so now it looks like this