CSS pop ups Brick Wall div layout

Made by: Speed

A nice gray layout that looks like a brick wall. This layout uses what we call css pop ups and should only be used by people who know what they are doing.

About Me:

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

a:link, 
a:visited, 
a:active{ 
color: ff0000; 
font-family:arial, verdana, tahoma, sans-serif; 
font-size:12px; 
text-decoration:none; 
} 
a span{ 
display:none; 
} 
a:hover span { 
display: block; 
position: absolute; 
top:-175px; 
left:50%; 
width:412px; 
height:390px; 
padding: 3px; 
margin: -220px; 
z-index: 5; 
color: silver; 
background: black; 
filter:none; 
font-size: 12px; 
font-family: arial, verdana, tahoma, sans-serif; 
text-align: left; 
text-decoration:none; 
}

.popup1{ 
position: absolute; 
top: 645px; 
left: 50%; 
margin-left: -230px; 
height: 28px; _height: 28px; 
width: 456px; _width: 456px; 
border: 0px solid Silver; 
padding: 3px; 
font-family: garamond; 
font-size: 12pt; 
color: Silver; 
background-color: transparent; 
z-index: 4; 
}

.popup2{ 
position: absolute; 
top: 645px; 
left: 50%; 
margin-left: -125px; 
height: 28px; _height: 28px; 
width: 246px; _width: 246px; 
border: 0px solid Silver; 
padding: 3px; 
font-family: garamond; 
font-size: 12pt; 
color: Silver; 
background-color: transparent; 
z-index: 5; 
}

.popup3{ 
position: absolute; 
top: 645px; 
left: 50%; 
margin-left: -2px; 
height: 28px; _height: 28px; 
width: 0px; _width: 0px; 
border: 0px solid Silver; 
padding: 3px; 
font-family: garamond; 
font-size: 12pt; 
color: Silver; 
background-color: transparent; 
z-index: 6; 
}

.hoverover { 
position:absolute; 
top:246px; 
left:50%; 
margin-left:-220px; 
width:420px; 
height:400px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
background-color:black; 
}

.pics { 
position:absolute; 
top:213px; 
left:50%; 
margin-left:-185px; 
width:120px; 
height:50px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
background-color:transparent; 
}

.vids { 
position:absolute; 
top:213px; 
left:50%; 
margin-left:-120px; 
width:120px; 
height:50px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
background-color:transparent; 
}

.message { 
position:absolute; 
top:213px; 
left:50%; 
margin-left:-60px; 
width:120px; 
height:50px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
background-color:transparent; 
}

.add { 
position:absolute; 
top:213px; 
left:50%; 
margin-left:0px; 
width:120px; 
height:50px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
background-color:transparent; 
}

.comt { 
position:absolute; 
top:213px; 
left:50%; 
margin-left:65px; 
width:120px; 
height:50px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
background-color:transparent; 
}

.block { 
position:absolute; 
top:213px; 
left:50%; 
margin-left:130px; 
width:120px; 
height:50px; 
z-index:3; 
padding:0px; 
border:0px solid black; 
background-color:transparent; 
}

.mikespage { 
position:absolute; 
top:0px; 
left:50%; 
margin-left:-503px; 
width:1006px; 
height:800px; 
z-index:2; 
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:690px; 
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:silver;} 
.blacktext10{color:silver;}

.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:silver; 
}

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

.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:white;} 
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>

Who I'd Like to Meet:

<a href="http://mikethedj4.piczo.com/"><img src="http://i.myspace.com/site/images/clear.gif" width="80" height="28" border="0"/><span>About Me Text Here</span></a>

</div>

<a href="http://mikethedj4.piczo.com/"><img src="http://i.myspace.com/site/images/clear.gif" width="118" height="28" border="0"/><span>Interests Text Here</span></a>

</div>

</div>

<center><font face="impact"><font size="12"><font color="white">Hover Over</font></font></font><br><img src="http://www.thecrownjewelsandgemstones.com/down-arrow.gif"></center>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

Search Divs

Featured Layout

Myspace & Blog

Blog Group Profile

Categories

Latest Divs

Latest Tutorials

Affiliates

CSS pop ups Brick Wall div layout

About Me:

Who I'd Like to Meet:

Search Divs

Featured Layout

Myspace & Blog