mullin81
07-01-2006, 01:30 AM
Hello.
I joined myspace and now I am trying to edit my layout. My background image is too large and it makes my text not legible. If I could align my blurb tables to the right and my contact info to the left, it would leave enough space for my background picture in between. Is there a way to do this? I am going to just copy my code. Thanks!
<style type="text/css">
body {
background-image:url('http://pages.sbcglobal.net/mwwells/Vince%20Carter%20Olympic%20dunk.jpg');
background-position:Top Center;
background-repeat:repeat-y;
background-attachment:fixed;
cursor:Default; background-color:000000;
border-width:2px;
border-color:#FFFFFF;
border-style:solid; scrollbar-track-color:990000 !important;
scrollbar-arrow-color:990000 !important;
}
table, tr, td {background:transparent; border:0px; align:right;}
table table table {
border-width:2px;
border-color:FFFFFF;
border-style:solid;
}
table table table table {border:0px;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {
color:FFFFFF !important; font-family: "Arial" !important; font-weight:bold !important; }
td, span, div, input, table td div div font,
body div table tbody tr td font {
color:FFFFFF !important; font-weight:bold !important; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited, .btext, .redbtext, .nametext {
color:FFFFFF !important; }
a {
cursor:Hand !important; color:FFFFFF !important; }
a:hover {
cursor:Hand ; color:FFFFFF !important; }
img {border:0px;}
.r{}
a img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;}
a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
table table td.text table, table table td.text table td {width:100%;}
</style>
<style type="text/css">.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url(" http://images.pimp-my-profile.com/i9/6/6/28/ct_e58fbfd24a57.png "); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:grey;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style>
I joined myspace and now I am trying to edit my layout. My background image is too large and it makes my text not legible. If I could align my blurb tables to the right and my contact info to the left, it would leave enough space for my background picture in between. Is there a way to do this? I am going to just copy my code. Thanks!
<style type="text/css">
body {
background-image:url('http://pages.sbcglobal.net/mwwells/Vince%20Carter%20Olympic%20dunk.jpg');
background-position:Top Center;
background-repeat:repeat-y;
background-attachment:fixed;
cursor:Default; background-color:000000;
border-width:2px;
border-color:#FFFFFF;
border-style:solid; scrollbar-track-color:990000 !important;
scrollbar-arrow-color:990000 !important;
}
table, tr, td {background:transparent; border:0px; align:right;}
table table table {
border-width:2px;
border-color:FFFFFF;
border-style:solid;
}
table table table table {border:0px;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {
color:FFFFFF !important; font-family: "Arial" !important; font-weight:bold !important; }
td, span, div, input, table td div div font,
body div table tbody tr td font {
color:FFFFFF !important; font-weight:bold !important; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited, .btext, .redbtext, .nametext {
color:FFFFFF !important; }
a {
cursor:Hand !important; color:FFFFFF !important; }
a:hover {
cursor:Hand ; color:FFFFFF !important; }
img {border:0px;}
.r{}
a img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;}
a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
table table td.text table, table table td.text table td {width:100%;}
</style>
<style type="text/css">.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url(" http://images.pimp-my-profile.com/i9/6/6/28/ct_e58fbfd24a57.png "); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:grey;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style>