Boxing div layout

Made by: Mike

Quite a nice boxing layout. Simple two column with a header design.

About Me:

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, td div  {display:none;}
div td div, span.text div {display:block;}
div td div div {position:absolute!important; z-index:9; left:50%; margin-left:1px!important;}
div td div {position:absolute!important; z-index:9; left:50%; margin-left:-364px!important;}
.blurbs {visibility:hidden;}
.blurbs span.text, .blurbs span.text * {visibility:visible;}
div table div form {display:none!important}
div table div select {display:none!important}
div table div .mslogo {display:none!important}
div div table div li {display:none!important}
div table div .profile {display:none!important}
table.rail {position:absolute; top:-100px !important;}
div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}

table table embed{position:absolute; top:70; left:50%; margin-left:-150px;}

.div1 { 
position:absolute; 
top:478px; 
left:50%; 
margin-left:-256px; 
width:232px; 
height:213px; 
z-index:2; 
padding:0px; 
border:0px solid red; 
background-color:transparent; 
}

.div2 { 
position:absolute; 
top:478px; 
left:50%; 
margin-left:24px; 
width:232px; 
height:213px; 
z-index:2; 
padding:0px; 
border:0px solid red; 
background-color:transparent; 
}

.mikespage { 
position:absolute; 
top:0px; 
left:50%; 
margin-left:-503px; 
width:1006px; 
height:800px; 
z-index:1; 
padding:0px; 
border:0px solid black; 
background-color:000000; 
background-image:url('background url');  background-position:center center;  background-repeat:no-repeat;  background-attachment:scroll; 
}

.comments { 
position:absolute; 
top:700px; 
left:50%; 
margin-left:-400px; 
width:800px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
}

.x{This file is a replacement for the visible friends css document already included in the about me file up for download. 
If you use this, do not merely add it to the code; you have to replace the old css with this. 
It will be towards the end of the file, and will begin and end in the exact same way as this file. 
The different code is in the first block; it hides the friends list, view friends link, etc.

You are free to remove this comment.}

td.text td.text table table table, 
td.text td.text table br, 
td.text td.text table .orangetext15, 
td.text td.text .redlink, 
td.text td.text span.btext {display:none;} 
td.text td.text table {background-color:transparent;} 
td.text td.text table td, 
td.text td.text table {width:700px;padding:0;border:0;} 
td.text td.text table table td {padding:3;background-color:transparent; border:0px solid black;} 
td.text td.text table table br {display:inline;} 
.redtext{color:ffffff;} 
.blacktext10{color:ffffff;}

.x{This defines the background of the entire page.} 
body { 
background-color:000000; 
background-image:url('If you want a background behind your tables, place the url here!'); 
background-position:bottom left; 
background-repeat:repeat; background-attachment:fixed; 
border-width:0px; 
border-color:000000; 
border-style:solid; 
} 
.x{This defines the tables.} 
table table table { 
background-image:url('If you put an image here, it will appear in all of your tables.'); 
background-color:000000; 
border:0px solid black; 
}

.x{This section defines the text.} 
td, 
.whitetext12, 
.lightbluetext8, 
.blacktext12, 
.btext,  
.text, 
.orangetext15, 
.nametext, 
.redbtext, 
.redtext, 
A:link, 
A:visited, 
A:active, 
a.redlink:link, 
a.redlink:active, 
a.redlink:visited,  
a.searchlinksmall:link, 
a.searchlinksmall:active, 
a.searchlinksmall:visited, 
a.searchlinksmall:hover, 
a.font, 
table td div div font, 
div table tr td font 
{ 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:8pt; 
color:ffffff; 
}

a.navbar, 
a.navbar:link, 
a.navbar:active, 
a.navbar:visited{ 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:7pt; 
color:ffffff; 
} 
a.navbar:hover{ 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:7pt; 
color:ffffff; 
} 
a.redlink:hover, 
A:hover{ 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:8pt; text-decoration:none; 
color:ff0000; 
}

.x{Comment Text; makes it look neater.} 
.blacktext10 { 
color:000000; 
font-size:8pt; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
border:0px; 
border-top:2px solid black; 
display:block; 
width:500px; 
background-color:000000; 
}

.x{You shouldn't change anything past here unless you know what you're doing.} 
input {background-color:red;} 
img{border:0px}

table, tr, td {background:transparent;border:0px;} 
table table table table {border:0px;} 
table table td.text table, table table td.text table td {width:100%;} 
table table table table div {width:298px;}

td.text td.text table table table td a img {width:100px;} 
td.text td.text table table table td div img {width:80px;} 
td.text td.text table table td img {width:260px; max-width:260px; width:auto;} 
td.text td.text table table td div img {width:80px;} 
* html td.text td.text table table td img {width:100px;} 
* html td.text td.text table table td a img {width:80px;} 
* html td.text td.text table table td div img {width:80px; 
</style>

Search Divs

Categories

Affiliates

Myspace & Blog

Boxing div layout

About Me:

Who I'd Like to Meet:

Featured Layout

Useful Links