TSGB Myspace Tutorial-Extra Buttons

 


To Add Extra Buttons Under The Banner Image Such As Message, Add, Comment, Visit Website And Etc. Copy And Paste This Code Into The Bottom Of Your About Me Section, The Instructions Are Within The Code Itself:



<style> body { margin-top: 676px; } .tsgbbannercode {
position: absolute; top: 0;
width: 800px;
text-align:center;
margin-top: 0px;
margin-left: -390px;
left: 49%; }</style>
<div class="tsgbbannercode"><img src="Main Banner Image URL Here" alt='Code By TechSupportGoneBad' border="0" /></a><br />

<a href="URL That First Button Will Lead To Goes Here"><img src="URL To First Button" border="0" /></a>



Extra Help:
Please Note This Code Includes The Code You Need For The Main Banner So In The Main Code For The Myspace Layout Locate This Piece Of Coding:
<style>
.thebanner{
background-color:000000;
position: absolute;
left: 20%;
top: 600px;
width: 720px;
height: 200px;
margin-left: 0px;
overflow:hidden;
background-image: url("URLTOBANNER");
background-position:center left;
background-repeat:no-repeat;
border-width: 0px;
border-style: solid;
}


body table table td {padding-top:#px;}


div table table td {padding-top:0px;}
body table table table td {padding-top:0px;}
</style>
<div class="thebanner"></div>
...And Replace It With This Code. Having Both Codes There Will Result It In Not Working Correctly.

Copy And Paste The Last Line Of Code For Each Time You Want To Put A Button, So If You Want 4 Buttons, Copy And Paste The Code 4 Times, Then Fill In Each Part With The Required Information.

If Your Banner Isnt Where You Want It To Be, Locate The Word Position, Then Start Changing The Numbers Below It. Changing The Top, Margin-Top, Margin-Left, And Left Values Will Change The Position Of The Banner And The Extra Buttons Will Follow Along.