Made by: Barbara Mc
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
(Edited for dang IE) I made this layout with a free desktop. I made and animated the banner, bg, comment box and headers with PDN/PSP/Animation Shop and Gimp. This layout was made to be used on individual profiles. No other website has my permission to host this layout or the images used in the layout.
CLICK on “Continue reading” below for code & Preview button!
Myspace1
body{
background-color: #34160e;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/scenic/2011/at_peace/185x588bgst.png");
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
color: #444c3f;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;}
.redtext,
.redbtext,
a:link,
a:active,
a:visited,
a.redlink:link,
a.redlink:active,
a.redlink:visited,
.userProfileURL a,
#footerWarpper a {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
color: #34160e !important;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
a.redlink:hover,
a:hover {
color: #444c3f !important;
text-decoration: underline;
font-size: 12px;
}
.btext,
.lightbluetext8{
font-weight: bold;
font-size: 12px !important;
color: #444c3f !important;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
}
table, td, tr {
background-color: transparent;
border: none;
}
#header,
#topnav ul li a.open,
#subnav ul li a {
background-color:#34160e !important;
background-repeat: ;
background-position: ;
background-attachment:;
color:#e6bb4e;
}
#topnav ul li a,
#subnav ul li a {
color: #f0cf64 !important;
font-size: 12px !important;
}
.rail {
background-color: #f0cf64;
}
#topnav ul li a:hover,
#subnav ul li a:hover {
background-color:#e6bb4e !important; background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/scenic/2011/at_peace/70x35tt.gif") !important;
background-repeat: ;
background-position:;
background-attachment:;
color: #34160e !important;
}
#footerWarpper,
#profileV1main{
background-color:transparent ; background-image: url("none");
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
padding-left: 8px;
background-color:#34160e !important;
}
#profileV1main{
border: 3px inset #444c3f;
box-shadow: inset 0 0 8px #ddc69d;
padding-right: 8px;
}
.contactTable .whitetext12{
display: none !important;
}
.contactTable a img{
visibility: hidden;
}
.contactTable a {
display:block;
height:28px;
width:120px;
}
.contactTable {
height: 150px;
width: 300px;
background-color: #fcf3a7;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/scenic/2011/at_peace/300x150wmani1.gif");
background-repeat: ;
background-attachment: ;
border: 3px solid #444c3f;
box-shadow: inset 0 0 8px #ddc69d;
padding: 0px;
}
note{EN}
span.blacktext12 {
background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/scenic/2011/at_peace/435x326ani2_2_20_15.gif");
font-size: 12px !important;
color: #34160e !important;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
background-color: #e6bb4e;
background-repeat:no-repeat;
background-position:top center;
padding-top: 326px;
display:block !important;
text-align: center!important;
margin: -4px;
_margin: -1px;
border: 3px solid #444c3f;
box-shadow: inset 0 0 8px #ddc69d;
}
.profileInfo,
.latestBlogEntry {
padding: 10px;
}
.profileInfo,
.userProfileURL,
.userAlbums,
.interestsAndDetails,
.userProfileDetail,
.latestBlogEntry,
.blurbs,
.friendSpace,
.userProfileSchool,
.userProfileCompany {
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/scenic/2011/at_peace/200x200_e6bb4e.png");
background-repeat: ;
background-attachment: ;
background-position:;
font-size: 12px !important;
color: #0000ee !important;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
border: 3px solid #444c3f;
box-shadow: inset 0 0 8px #ddc69d;
padding-left: 10px;
padding-right: 10px;
}
.text,
body,
td,
li,
p,
div {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
color: #34160e !important;
font-size: 12px !important;
}
.nametext {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
font-size: 15px;
color: #e6bb4e !important;
text-align: center;
background-color: #34160e !important;
background-position: ; padding: 0px;
display: block;
line-height: 30px;
border: 3px solid #444c3f;
box-shadow: inset 0 0 8px #ddc69d;
}
.text .whitetext12,
.text .orangetext15 {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
font-size: 15px;
color: #e6bb4e;
text-align: center;
background-color: #34160e !important;
background-position: ; padding: 0px;
display: block;
line-height: 30px;
border: 3px solid #444c3f;
box-shadow: inset 0 0 8px #ddc69d;
}
td.columnsWidening, td.columnsWidening img, td.columnsWidening object {
width: 260px;
}
Designer Comments:
(Edited for dang IE) I made this layout with a free desktop. I made and animated the banner, bg, comment box and headers with PDN/PSP/Animation Shop and Gimp. This layout was made to be used on individual profiles. No other website has my permission to host this layout or the images used in the layout.