Help - Search - Members - Calendar
Full Version: I made a layout, but it needs help.
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
NeverShoutAmanda
I took a layout code and changed the image urls for the top banner, background and contact table. This layout for a street team I run so I kind of need it asap. I have made many layouts before but for some reason I can not figure out how to perfect this one.! :[
Here is a screen shot of it.
click to enlarge


This is what I still have left to do to it.
1. I want one row of the music notes on the border not two, which should make the white section larger.
2. If the white section is not larger from number one, that would be the second thing I need done.
3. I want the top banner to be a perfect fit to the page, no white on the left or right.
4. Lastly I would like the font of the page to be black, not light pink as it is now.

Here is the layout code as it is now.
CODE
<style>
.profileInfo *{vertical-align:top !important}
</style><div class="topbanner"></div>
<style>
table, tr, td {
background-color:transparent;
border:none;
border-width:0px;
}
table table table {
width:97%; max-width:600px; } table table table table { width:97%;;
}
body, .bodyContent {
background-color:f6ddd8;
background-image:url(http://i39.tinypic.com/2liwk8p.jpg);
background-position:center center;
background-attachment:fixed;
background-repeat:repeat;
border-width:0px;
border-style:Solid;
}

table table {
border:0px;
}

table table table table {
border:0px;
background-image:none;
background-color:transparent;
}

table table table {
border-style:Solid;
border-width:0px;
background-attachment:fixed;
}

.topbanner {width: 800px; height: 400px; position: absolute; margin-left: -360px; left: 50%; top: 180px; background-image: url(http://i34.tinypic.com/2vj8vus.jpg);
background-repeat:no-repeat;
border-bottom-style:solid;
border-bottom-width:0px;
border-bottom-color:ffff5e;}

body table {margin-top:385px;}

body td table, body div table {margin-top: 0;}

table table table td {
background-color:transparent;
}

.contactTable
{width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url("http://i35.tinypic.com/14ybv9u.jpg");
background-attachment:scroll;
background-position:bottom center;
background-repeat:no-repeat;
margin-top:30px;} .contactTable table, table.contactTable td {padding:0px !important; border:0px;
background-color:transparent !important;
background-image:none;} .contactTable a img
{visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:20px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img
{filter:none!important;}.contactTable .whitetext12 {display:none;}C{ }


a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover {color:f6cdd0; font-family:century gothic; font-size:12; font-weight:bold;}


.nametext
{ font-family:century gothic; font-size:24; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; border-bottom:0px solid; border-color:85d5f6;}
table, tr, td, li, p, div, .text
{ font-family:century gothic; font-size:12; letter-spacing:0pt; text-transform: none; font-weight: normal; color:f6cdd0; font-weight: bold; line-height: 13px;}

.btext
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block;}

.redtext, .redbtext
{ font-family:century gothic; font-size:13; letter-spacing:0pt; color:eddab3; font-weight:bold;}

.lightbluetext8
{ font-family:century gothic; font-size:12; letter-spacing:0pt; color:eddab3; font-weight: bold; background-color:transparent; border:0px solid; border-color:fe0198; display:block; padding-right:2px; text-align:center; }

.blacktext10
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight: bold; line-height:30px; background-color:transparent; background-image: url(); display: block; }
strong
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }

.whitetext12
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }

.orangetext15
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; color:522e19; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }

.blacktext12
{ font-family:century gothic; font-size:12; letter-spacing:0pt; color:f6cdd0; font-weight:bold; line-height:16px; background-color:transparent; background-image: url(); display: block;}





a:active, a:visited, a:link
{color:eddab3; font-family:century gothic; font-size:12; font-weight:bold; line-height:16px; letter-spacing:0px; text-decoration:none;}

a:hover {font-family:century gothic; color:976d6e; font-size:12; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}

a.redlink:active, a.redlink:visited, a.redlink:link {color:eddab3; font-family:century gothic; font-size:11; font-weight:bold; letter-spacing:0px; text-decoration:none;}

a.redlink:hover {font-family:century gothic; color:eddab3; font-size:11; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}


body {cursor:default;}a:hover {cursor:hand;}img {border:0px; filter:none;}a:hover img {border:0px; filter:none(Opacity=100, FinishOpacity=0, Style=1);}


td td td *,
td td td{text-align:center}

.blurbs{} td.text td.text .orangetext15 {display:none;}


div.profileWidth table td { background-color: transparent !important; background-image: none !important; } div.profileWidth div ul li a {background-color:transparent !important; color:eddab3 !important; font-size: 11px !important; font-family: Arial !important;}div.profileWidth div ul li a:hover, div.profileWidth div ul li .open {color: eddab3 !important; font-size: 11px !important; font-family: Arial !important; background-color:f6cdd0 !important;}div.profileWidth div td.rail { background-color:f6ddd8 !important; } div.profileWidth table td ul small {font-size: 8px !important;}div.profileWidth table tr td div table.rail {background-color:f6ddd8;}
</style>


Could anyone please tell me exactly what to do or do it for me and send it :] It would be greatly appreciated.
Thank you in advance,
Amanda
manny-the-dino
Moved to Myspace Support
Mickey
Replace all of your codes with this:

CODE
<style>
body, table, td, div, p, span, a, font, ul, li {color:000000;}
</style>

<style>
.profileInfo *{vertical-align:top !important}
</style><div class="topbanner"></div>
<style>
table, tr, td {
background-color:transparent;
border:none;
border-width:0px;
}
table table table {
width:100%; max-width:600px; } table table table table { width:100%;
}
body, .bodyContent {
background-color:000000;
background-image:url(http://www.tehupload.com/uploads/114163488c56d71bg.png);
background-position:center center;
background-attachment:fixed;
background-repeat:repeat-y;
border-width:0px;
border-style:Solid;
}

table table {
border:0px;
}

table table table table {
border:0px;
background-image:none;
background-color:transparent;
}

table table table {
border-style:Solid;
border-width:0px;
background-attachment:fixed;
}

.topbanner {width: 800px; height: 400px; position: absolute; margin-left: -360px; left: 50%; top: 180px; background-image: url(http://i34.tinypic.com/2vj8vus.jpg);
background-repeat:no-repeat;
border-bottom-style:solid;
border-bottom-width:0px;
border-bottom-color:ffff5e;}

body table {margin-top:385px;}

body td table, body div table {margin-top: 0;}

.contactTable
{width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url("http://i35.tinypic.com/14ybv9u.jpg");
background-attachment:scroll;
background-position:bottom center;
background-repeat:no-repeat;
margin-top:30px;} .contactTable table, table.contactTable td {padding:0px !important; border:0px;
background-color:transparent !important;
background-image:none;} .contactTable a img
{visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:20px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img
{filter:none!important;}.contactTable .whitetext12 {display:none;}C{ }


a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover {font-family:century gothic; font-size:12; font-weight:bold;}


.nametext
{ font-family:century gothic; font-size:24; letter-spacing:-1pt; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; border-bottom:0px solid; border-color:85d5f6;}
table, tr, td, li, p, div, .text
{ font-family:century gothic; font-size:12; letter-spacing:0pt; text-transform: none; font-weight: normal; font-weight: bold; line-height: 13px;}

.btext
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block;}

.redtext, .redbtext
{ font-family:century gothic; font-size:13; letter-spacing:0pt; font-weight:bold;}

.lightbluetext8
{ font-family:century gothic; font-size:12; letter-spacing:0pt; font-weight: bold; background-color:transparent; border:0px solid; border-color:fe0198; display:block; padding-right:2px; text-align:center; color:000000; }

.blacktext10
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; font-weight: bold; line-height:30px; background-color:transparent; background-image: url(); display: block; }
strong
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }

.whitetext12
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }

.orangetext15
{ font-family:century gothic; font-size:22; letter-spacing:-1pt; font-weight:bold; line-height:30px; background-color:transparent; background-image: url(); display: block; padding-left:2px; }

.blacktext12
{ font-family:century gothic; font-size:12; letter-spacing:0pt; font-weight:bold; line-height:16px; background-color:transparent; background-image: url(); display: block;}





a:active, a:visited, a:link
{color:000000; font-family:century gothic; font-size:12; font-weight:bold; line-height:16px; letter-spacing:0px; text-decoration:none;}

a:hover {font-family:century gothic; color:000000; font-size:12; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}

a.redlink:active, a.redlink:visited, a.redlink:link {color:000000; font-family:century gothic; font-size:11; font-weight:bold; letter-spacing:0px; text-decoration:none;}

a.redlink:hover {font-family:century gothic; color:000000; font-size:11; font-weight:bold; text-transform:none; text-decoration:underline; background-image:url(""); background-repeat:repeat repeat; background-position:center center;}


body {cursor:default;}a:hover {cursor:hand;}img {border:0px; filter:none;}a:hover img {border:0px; filter:none(Opacity=100, FinishOpacity=0, Style=1);}


td td td *,
td td td{text-align:center}

.blurbs{} td.text td.text .orangetext15 {display:none;}


div.profileWidth table td { background-color: transparent !important; background-image: none !important; } div.profileWidth div ul li a {background-color:transparent !important; color:000000 !important; font-size: 11px !important; font-family: Arial !important;}div.profileWidth div ul li a:hover, div.profileWidth div ul li .open {color: 000000 !important; font-size: 11px !important; font-family: Arial !important; background-color:f6cdd0 !important;}div.profileWidth div td.rail { background-color:f6ddd8 !important; } div.profileWidth table td ul small {font-size: 8px !important;}div.profileWidth table tr td div table.rail {background-color:f6ddd8;}
</style>

The only thing I can't fix is the top banner. If you want to stretch it, you'd have to do it manually using MS Paint or another editing program. However, it'll bring down the quality by quite a bit so I'll leave that up to you.
tokyo-rose
Topic Closed, and Moved to Myspace Resolved Topics. Please PM a moderator if you would like this reopened.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.