Blue Orbs div layout

Made by: Speed

A nice clean myspace layout using CSS pop ups for the information about you and image rollovers on each of the orbs for the links.

About Me:

table div div, table div font {display: none;} table table div div {display: block;} table table div font {display: inline;}

embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;}

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .friendSpace, .friendsComments, 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;}

a.blk { 
display:block; 
background-position:top left; 
height:99px; 
width:99px; 
background-image:url(http://img170.imageshack.us/img170/5647/blockng3.png);} 
a.blk:hover {background-position: bottom right;}

a.addie { 
display:block; 
background-position:top left; 
height:99px; 
width:99px; 
background-image:url(http://img259.imageshack.us/img259/5141/addak4.png);} 
a.addie:hover {background-position: bottom right;}

a.msg101 { 
display:block; 
background-position:top left; 
height:99px; 
width:99px; 
background-image:url(http://img261.imageshack.us/img261/6920/mailds2.png);} 
a.msg101:hover {background-position: bottom right;}

a.infolo { 
display:block; 
background-position:top left; 
height:99px; 
width:99px; 
background-image:url(http://img263.imageshack.us/img263/9607/infocy4.png);} 
a.infolo:hover {background-position: bottom right;}

a.homeie { 
display:block; 
background-position:top left; 
height:99px; 
width:99px; 
background-image:url(http://img259.imageshack.us/img259/1658/homekk2.png);} 
a.homeie:hover {background-position: bottom right;}

body {background-color:black; 
background-image:url('http://img408.imageshack.us/img408/7867/skybackgroundkr6.jpg'); 
background-attachment:scroll; 
background-repeat:no-repeat; 
background-position:top center;}

a{color:silver!important; 
font-size:12px; 
font-family:garamond; 
text-decoration:none;}

a:hover{color:silver!important; 
background-color:transparent; 
font-size:12px; 
font-family:garamond; 
text-decoration:none;}

a:link, 
a:visited, 
a:active{ 
color: silver; 
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: 165px; 
left:50%; 
width:125px; 
height:75px; 
padding: 0px; 
margin: -63px; 
z-index: 1; 
color: pink; 
background: blue; 
filter:none; 
font-size: 12px; 
font-family: arial, verdana, tahoma, sans-serif; 
text-align: left; 
text-decoration:none; 
}

.popup1{ 
position: absolute; 
top: 175px; 
left: 50%; 
margin-left: -50px; 
height: 100px; _height: 10px; 
width: 100px; _width: 100px; 
border: 0px solid red; 
padding: 0px; 
font-family: garamond; 
font-size: 12pt; 
color: Silver; 
background-color: transparent; 
z-index:1; 
}

.home { 
position:absolute; 
top:175px; 
width:10px; 
height:900px; 
margin-left: -315px; 
padding:0px; 
border:0px solid red; 
z-index:1; 
background-color:transparent;}

.mail { 
position:absolute; 
top:175px; 
width:10px; 
height:10px; 
margin-left: -165px; 
padding:0px; 
border:0px solid red; 
z-index:1; 
background-color:transparent;}

.add { 
position:absolute; 
top:175px; 
width:10px; 
height:10px; 
margin-left: 165px; 
padding:0px; 
border:0px solid red; 
z-index:1; 
background-color:transparent;}

.block { 
position:absolute; 
top:175px; 
width:10px; 
height:10px; 
margin-left: 315px; 
padding:0px; 
border:0px solid red; 
z-index:1; 
background-color:transparent;} 
</style>

Who I'd Like to Meet:

Search Divs

Featured Layout

Myspace & Blog

Blog Group Profile

Categories

Latest Divs

Latest Tutorials

Affiliates