HTML Code for Myspace
'about me' section

Instructions
1. copy all the code
2. paste it to notepad (or something)
3. change the solid background,
transparent front layer, and pictures
4. then paste it to the 'about me section' at myspace



<STYLE type="text/css"> 

 /* --TABLES EXTRA --*/
table, tr, td { 
background-color:transparent; 
border:none; border-width:0
 }

table {
background-color:transparent !important; 
border:none; border-width:0;
font-family:Arial !important; 
font-size:12px !important; 
font-weight:bold !important
 }

 /* -- MAIN BACKGROUND-- */
body {
background-color:transparent !important;
background-image:url('SOLIDBACKGROUND/FILE1.jpg');
background-attachment: fixed !important;
background-repeat:repeat !important;
background-position:bottom left !important
 }

 /* -- MAIN TABLES BACKGROUND ETC. --*/
table table table {
	border-style:groove !important;
	border-width:4px !important;
	border-color:BLACK !important;
background-color:transparent !important;
background-image:url('TRANSPARENTFRONT/FILE1a.gif');
background-repeat:repeat !important;
background-position:bottom left !important
 }


 /*--YOUR EXTENDED NETWORK PIC--*/
.blacktext12 { 
font-family:arial !important; 
color:WHITE !important; 
font-size:12px !important; 
background-color:transparent !important;
background-image:url('PICTURES/FOLDER/FILE.gif');
background-repeat:no-repeat !important;
background-position:center center !important;
width:435px !important; 
height:300px !important; 
visibility:visible !important;
display:block !important 
  } 

 /*-- CONTACT TABLE PICTURE --*/
.contactTable { 
background-color:transparent !important;
background-image:url('PICTURES/FOLDER/FILE.gif');
background-repeat:no-repeat !important;
background-position:top left !important; 
 width:300px !important; height:150px !important; 
padding:0px !important
 } 

 /* -- FRIENDS COMMENTS PICTURE --*/
.friendsComments {
background-color:transparent !important;
background-image:url('PICTURES/FOLDER/FILE.gif');
background-repeat:no-repeat !important;
background-position:top center !important; 
width:300px !important; height:350px !important; 
padding:0px !important;
 }

 /*-- TABLES --*/
table table { border:0px !important; 
border-color:transparent !important
 }

table table table td {border:0px !important;
  background-color:transparent !important;
 }

table table table table{border:0px !important;
 background-color:transparent !important
 }

 /*-- START TEXT FONTS --  */

table, tr, td, li, p, div { 
font-family:Arial !important; 
color:WHITE !important; 
font-size:12px !important; 
font-weight:bold !important 
 } 

a, .text, .btext, .blacktext10, .lightbluetext8, .orangetext15, .redtext, .redbtext, .whitetext12, .lightbluetext8label 
{ 
font-family:Arial !important; 
color:WHITE !important; 
font-size:12px !important;
text-decoration:none !important; 
text-transform:none !important; 
font-style:normal !important;
font-weight:bold !important 
 } 


/*-- MAIN NAME ON PAGE --*/
.nametext { 
font-family:Comic Sans MS !important; 
color:WHITE !important; 
text-indent: .3cm;  
font-size: 28px !important
 }

 /* -- END TEXT FONTS --*/
</STYLE>

You can change some-or all of these in the code:
SOLIDBACKGROUND/FILE1.jpg
TRANSPARENTFRONT/FILE1a.gif
PICTURES/FOLDER/FILE.gif


And these are to edit the fonts (the text):
Change the COLOR, and FONT FAMILY
in the code.
color:WHITE !important;
font-family:ARIAL !important;

 

Have fun!


=============== EXTRAS =============== 


/*-- THE SEARCH BOX AT THE TOP OF THE PAGE --*/

form{
background-color:PINK;
border-width:5px;
border-style:DASHED;
border-color:ORANGE; }



/*-- ALSO THE SEARCH BOX AT THE TOP --*/
/*-- THE PART TO TYPE IN STUFF THAT CHANGES COLOR --*/

input {
background-color:YELLOW; }



/*-- TO CHANGE USER DETAILS TABLE --*/

.userProfileDetail{
background-color:CYAN !important;
background-image:url('FILENAME.JPG') }



/*-- TO CHANGE TOP PANEL --*/

DIV, DIV TR TD {
background-color:GREEN !important;
background-image:url('FILENAME.JPG') }



/*-- TO MAKE WIDER PAGES --*/

.ExtendedNetwork  {width:700px !important; height:300px !important; } 
 .LatestBlogEntry {width:700px !important; height:200px !important; } 
 .Blurbs {width:700px !important; height:250px !important; } 
 .FriendSpace {width:700px !important; height:300px !important; } 
 .FriendsComments {width:800px !important; height:350px !important; }

 




©2010