Made by: Barbara Mc
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
I made this layout with scraps by Sheer Elegance Scraps and http://misfitsscrapz.blogspot.com/. I made and animated the layout's banner, bg, comment box and headers 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 layout or any images used in this layout on their website and neither does any other website.
CLICK on “Continue reading” below for code & Preview button!
Myspace2
.a {set up rounded corners with chosen border and background colors}
div.moduleTop, div.moduleTop div, div.moduleBottom, div.moduleBottom div
{background-color:transparent; background-image:url(http://profile.myspace.com/rc.ashx?bg=transparent&r=6&w=2000&s=791f10&sw=1);}
.a {border style for all modules}
.a {change only the color values all to the same value}
div.moduleTop div div {border-top: 2px solid #791f10;}
div.moduleBottom div div {border-bottom: 2px solid #791f10;}
div.moduleMid {border-left: solid 2px #791f10;}
div.moduleMid1 {border-right: solid 2px #791f10;}
.a {background color for all modules}
div.module div.moduleTop div div,
div.module div.moduleBottom div div,
div.module div.moduleMid {background-color:#transparent;}
.a {set the margin and height of the top and bottom div for each module}
.a {probably best not to modify these values}
div.moduleTop div div { height:5px; margin: 0px 5px;}
div.moduleBottom div div { height:5px; margin: 0 5px;}
div.moduleMid2 {margin: 0 5px;}
.a {do not modify these values}
div.moduleTop div {background-position: top right;}
div.moduleBottom {background-position: bottom left;}
div.moduleBottom div {background-position: bottom right;}
div.moduleTop div div, div.moduleBottom div div
{background-image:none;}
div#gbltopnav,
div#gblheader div#gbltopnav ul li a,
#gbltopnav li.dropdown ul.gblsubMenu li
{background-color: #ccd099 !important;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2010/Autumn_Spring/200x200tbbg.gif");
background-repeat: repeat;
background-position: center;
background-attachment: scroll;
color: #791f10;
font-weight:bold;
}
#gbltopnav a,
#gbltopnav li.dropDown ul.gblsubMenu a /*NavBar Text*/
{background-color: transparent;}
#gbltopnav,
#gbltopnav ul,
#gbltopnav ul li,
#gbltopnav ul li a,
#gbltopnav ul.gblsubMenu
{border: none;}
#gblleftNav li.dropdown ul.gblsubMenu li a {
color: #ffffff;
}
#gbltopnav li.dropdown:hover ul.gblsubMenu a:hover {
color: #ffffff;
}
#gbltopnav ul li a:hover,
div#gblheader div#gbltopnav ul#gblleftNav li a:hover,
div#gblheader div#gbltopnav ul li a:hover
{background-color:#233705 ! important;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/scenic/2010/Summers_End/200x200tbbg.png");
background-repeat: repeat;
background-position: center;
background-attachment: scroll;
color: #608e1a;
font-weight:bold;
}
.ie #gbltopnav {
filter:alpha(opacity=00);
}
div.moduleBody {background-color:#transparent; color:#791f10; font-size:12px; font-family:georgia;font-weight:bold;}
div.module {background-color:#transparent; border:0px solid #791f10 ; padding:5;}
div.basicInfoModule div.basicInfoDetails h2 {background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2010/Autumn_Spring/100x100tt.gif"); background-color:#791f10; font-family:kristen itc; font-size:14px; color:#ccd099; text-transform:capitalize; font-weight:bold;text-align:center; border:1px solid #cc6311; padding-left:2px; display: block; line-height:25px; letter-spacing:0;}
h3.moduleHead {background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2010/Autumn_Spring/100x100tt.gif"); background-color:#791f10; font-family:kristen itc; font-size:12px; letter-spacing:0; color:#ccd099;text-align:center; text-transform:capitalize; font-weight:bold; text-align:center; padding-left:3px; border:1px solid #cc6311; display:block; line-height:12px;}
h4 {background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2010/Autumn_Spring/100x100tt.gif"); background-color:#791f10; color:#ccd099; font-family:kristen itc; font-size:14px; letter-spacing:0; text-align:center;text-transform:capitalize; border:1px solid #cc6311; font-weight:bold; display:block; padding-left:2px; line-height: 20px;}
div.detailsModule li strong {background-image: url(""); background-color:#transparent; color:#cc6311; font-family:kristen itc; font-size:14px; letter-spacing:0; text-align:center; text-transform: capitalize; border:0px solid #791f10; font-weight:bold; display:block; float:left; width: 80px; line-height: 20px; margin-right:10px; padding-left:2px;}
div.moduleBody a, a:link, a:active, a:visited {color:#791f10; font-family:kristen itc; font-size:12px; letter-spacing:0; text-decoration:none; text-transform:capitalize; font-weight:bold;}
div.moduleBody a:hover, a:hover {color:#cc6311; font-family:kristen itc; font-size:12px; letter-spacing:0; text-decoration:none; font-weight:bold;}
.moduleList .even, .moduleList .even {background-color:#transparent; font-family:kristen itc; color:#791f10; text-transform:capitalize; border:0px solid #791f10;}
.moduleList .odd, .moduleList .odd{background-color:#transparent; font-family:kristen itc; font-size:12px;color:#791f10; letter-spacing:0;text-transform:capitalize; border:0px solid #791f10;}
strong, b, div.commentsModule p.datePosted, span.count {color:#cc6311; font-size:12px; font-family:kristen itc; font-weight:bold;}
ul.profileUserAlbum li {background-color:#transparent; padding:2px; border:0;}
div.wrap {background-color:#transparent !important;background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2010/Autumn_Spring/200x200tbbg.gif"); background-repeat:repeat; background-attachment:fixed; background-position:center center; border:3px solid #791f10; width:800px;}
body{background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2010/Autumn_Spring/600x400ani2wm.gif"); background-attachment:fixed;
background-color:#ccd099;
background-repeat:repeat;
background-position: top left;}
div.wrap {background-color:#ccd099;}
div.wrap {width:800px;}
div.contentTop{background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2010/Autumn_Spring/800x300wm2.gif");
height:300px;
background-position: center center;
background-repeat:repeat;
border-bottom: 3px solid;
border-color:#791f10;
border-top: 3px solid;
border-color:#791f10;}
.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:#cc6311;}
div.friendSpaceModule span.msProfileLink a .pilDisplayName:hover{color:#cc6311;}
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:#cc6311;}
div.commentsModule div.user span.msProfileLink a
.pilDisplayName:hover{color:#cc6311;}
Designer Comments:
I made this layout with scraps by Sheer Elegance Scraps and http://misfitsscrapz.blogspot.com/. I made and animated the layout's banner, bg, comment box and headers 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 layout or any images used in this layout on their website and neither does any other website.
Continue reading →
