Made by: Barbara Mc
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
I got the fireworks image from PB and edited it. I made the banner with PDN/PSP/Animation Shop. This layout was made to be used on individual MySpace profiles. Hotprofileplus, HotLayouts2u or any affiliate does not have my permission to use or post this
CLICK on “Continue reading” below for code & Preview button!
Myspace2
body {background-image:url(/bg.gif);
background-attachment:fixed; background-position:top left; background-repeat:repeat; background-color:000000;}
div#header, div#googlebar, #topnav {background-color:#911476;}
#topnav ul {border-right: 2px #000000 dotted;}
#topnav ul li {border-left: 2px #000000 dotted;}
#topnav ul li a:hover {background-color:#000000; color:#911476;}
div.moduleBody {background-color:#000000; color:#911476; font-size:12px; font-family:segoe print;font-weight:bold;text-align:left;}
div.module {background-color:#000000; border:1px solid #911476; padding:5;}
div.basicInfoModule div.basicInfoDetails h2 {background-image: url(""); background-color:#911476; font-family:segoe print; font-size:14px; color:#000000; text-transform:capitalize; font-weight:bold;text-align:center; border:1px solid #2d20a0; padding-left:2px; display: block; line-height:25px; letter-spacing:0;}
h3.moduleHead {background-color:#911476;background-image:url(""); font-family:segoe print; font-size:12px; letter-spacing:0; color:#000000; text-transform:capitalize; font-weight:bold; text-align:center; padding-left:3px; border:1px solid #2d20a0; display:block; line-height:15px;}
h4 {background-color:#911476; color:#000000;background-image:url(""); font-family:segoe print; font-size:12px; letter-spacing:0; text-transform:capitalize; border:1px solid #2d20a0; font-weight:bold;text-align:center; display:block; padding-left:4px; line-height: 15px;}
div.detailsModule li strong {background-color:#911476;background-image:url(""); color:#000000; font-family:segoe print; font-size:12px; letter-spacing:0; text-transform: capitalize; border:1px solid #2d20a0; font-weight:bold;text-align:center; display:block; float:left; width: 80px; line-height: 12px; margin-right:10px; padding-left:2px;}
div.moduleBody a, a:link, a:active, a:visited {color:#911476; font-family:segoe print; font-size:12px; letter-spacing:0; text-decoration:none; text-transform:capitalize; font-weight:bold;}
div.moduleBody a:hover, a:hover {color:#2d20a0; font-family:segoe print; font-size:12px; letter-spacing:0; text-decoration:none; text-transform:capitalize; font-weight:bold;}
moduleList .even, .moduleList .even {background-color:#000000; color:#911476; text-transform:capitalize; border:1px solid #911476;}
.moduleList .odd, .moduleList .odd{background-color:#000000; font-family:segoe print; font-size:12px;color:#911476; letter-spacing:0;text-transform:capitalize; border:1px solid #911476;}
strong, b, div.commentsModule p.datePosted, span.count {color:#2d20a0 font-size:12px; font-family:segoe print; font-weight:bold;}
ul.profileUserAlbum li {background-color:#transparent; padding:2px; border:0px solid #2d20a0;}
div.wrap {background-color:#000000;background-image:url("");
background-attachment:fixed; background-position:top left; background-repeat:repeat; border:3px solid #911476; width:800px;}
body{background-color:#000000;background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/4th2009/170x276.gif")}
div.wrap {width:800px;}
div.contentTop{background-color:#000000;background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/4th_July/750x262wm.gif");
height:262px;
background-position: center center;
background-repeat:no-repeat;
border-bottom:3px solid;
border-color:#911476;
border-top:3px solid;
border-color:#911476;}}
.katamari {zig-zag the comments}
div.commentsModule ul.moduleList li.odd div.user {float:right;}
div.commentsModule ul.moduleList li.odd div.userComment {margin-left:0px; margin-right: 15%;}
div.friendSpaceModule span.msProfileLink
a:hover {text-decoration:none;}
div.friendSpaceModule span.msProfileLink
a:hover span {_text-decoration:none;}
div.friendSpaceModule span.msProfileLink a span:hover{text-decoration:none;}
div.friendSpaceModule span.msProfileLink a:hover .pilDisplayName{color:#2d20a0;}
div.friendSpaceModule span.msProfileLink a .pilDisplayName:hover{color:#2d20a0;}
div.commentsModule div.user span.msProfileLink a:hover{text-decoration:none;}
div.commentsModule div.user span.msProfileLink a:hover span{_text-decoration:none;}
div.commentsModule div.user span.msProfileLink a span:hover{text-decoration:none;}
div.commentsModule div.user span.msProfileLink a:hover
.pilDisplayName{color:#2d20a0;}
div.commentsModule div.user span.msProfileLink a
.pilDisplayName:hover{color:#2d20a0;}
ul.contactLinks {position:relative; height: 90px; width:150px;}ul.contactLinks li.message {overflow:hidden;
background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/4th_July/150x90cb2.gif");
height:90px; width:150px;
position:absolute; top:0px; left:0px; }
ul.contactLinks li.addToFriends
{overflow:hidden;
height:30px; width:150px;
position:absolute; top:29px; left:0px;}
ul.contactLinks li.comment
{overflow:hidden; height:30px; width:150px;
position:absolute; top:70px; left:0px;}
ul.contactLinks li a
{display:block;
background-image:none;
padding-left:800px; width:150px;
height:30px;}
Designer Comments:
I got the fireworks image from PB and edited it. I made the banner with PDN/PSP/Animation Shop. This layout was made to be used on individual MySpace profiles. Hotprofileplus, HotLayouts2u or any affiliate does not have my permission to use or post this
Woah! Very cool animation and of course I love the purple :]
Lovely 2.0 too. 🙂