Jen
June 7th, 2007, 06:00 PM
Not sure if I will make any sense, but here goes...lol
Oh..sorry for not being around, I have been working on my site and I'm almost done..Can't wait...
Anyways, since my site is a non CMS site, I have to manually setup a template for the layouts and on that template I have setup the layout html code that users will copy and paste...
Now my question is this, if a user uploads a layout to my site, since the layout html code I set in place is designed for a specific layout file size, how can I set up something that I can allow all layouts...
I know I make no sense..It's hard to explain...
Here is an example of the layout code I have on my template..
<div class='content' style='position: absolute; left:100px; top:5px; width:100px; height:100px; overflow:auto;'><a href=http://sportyourspace.com title='Myspace layouts>Myspace layouts</a><br><a href=http://sportyourspace.com title='Myspace
Layouts'>Myspace Layouts</a></div><style>
.contactTable { width: 300px !important; height: 150px !important; padding: 0px !important; background-image: url('{image_path}');; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-color: transparent; }
.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>
<style>
table table table td { vertical-align: top; !important; }
span.blacktext12 { visibility: visible !important; background-image: url('{image_path}'); background-repeat: no-repeat; background-position: center center; background-color: transparent; font-size: 0px; letter-spacing: -0.5px; width: 435px; height: 600px; display: block !important; }
span.blacktext12 img { display: none; }
</style>
<style type="text/css">
body {
background-color:ffffff;
background-image:url('{image_path}');
background-position:center center;
background-repeat:repeat;
background-attachment:fixed;
scrollbar-face-color:rgb(168,36,69);
scrollbar-base-color:rgb(168,36,69);
scrollbar-3dlight-color:rgb(255,255,255);
scrollbar-shadow-color:rgb(255,255,255);
scrollbar-darkshadow-color:rgb(255,255,255);
scrollbar-highlight-color:rgb(255,255,255);
scrollbar-track-color:rgb(168,36,69);
scrollbar-arrow-color:rgb(255,255,255);
}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:edabc6;}
table table table {
border-width:2px;
border-color:FFFFFF;
border-style:dashed;
}
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 {font-family:Georgia !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:000000 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:c93778 !important;}
</style><style type="text/css">
a {color:9b62a4 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:85538d !important; text-decoration: none!important; font-style: normal !important; font-weight: bold !important; text-transform: uppercase !important; }
img {border:0px;}
</style>
Obviously not everybody follows the same coding rules when creating layouts..Im just curious how that will effect me...
If anyone has any clue as to what Im talking about, I could use your help, LOL
Thanks bunches
Jen
Oh..sorry for not being around, I have been working on my site and I'm almost done..Can't wait...
Anyways, since my site is a non CMS site, I have to manually setup a template for the layouts and on that template I have setup the layout html code that users will copy and paste...
Now my question is this, if a user uploads a layout to my site, since the layout html code I set in place is designed for a specific layout file size, how can I set up something that I can allow all layouts...
I know I make no sense..It's hard to explain...
Here is an example of the layout code I have on my template..
<div class='content' style='position: absolute; left:100px; top:5px; width:100px; height:100px; overflow:auto;'><a href=http://sportyourspace.com title='Myspace layouts>Myspace layouts</a><br><a href=http://sportyourspace.com title='Myspace
Layouts'>Myspace Layouts</a></div><style>
.contactTable { width: 300px !important; height: 150px !important; padding: 0px !important; background-image: url('{image_path}');; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-color: transparent; }
.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>
<style>
table table table td { vertical-align: top; !important; }
span.blacktext12 { visibility: visible !important; background-image: url('{image_path}'); background-repeat: no-repeat; background-position: center center; background-color: transparent; font-size: 0px; letter-spacing: -0.5px; width: 435px; height: 600px; display: block !important; }
span.blacktext12 img { display: none; }
</style>
<style type="text/css">
body {
background-color:ffffff;
background-image:url('{image_path}');
background-position:center center;
background-repeat:repeat;
background-attachment:fixed;
scrollbar-face-color:rgb(168,36,69);
scrollbar-base-color:rgb(168,36,69);
scrollbar-3dlight-color:rgb(255,255,255);
scrollbar-shadow-color:rgb(255,255,255);
scrollbar-darkshadow-color:rgb(255,255,255);
scrollbar-highlight-color:rgb(255,255,255);
scrollbar-track-color:rgb(168,36,69);
scrollbar-arrow-color:rgb(255,255,255);
}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:edabc6;}
table table table {
border-width:2px;
border-color:FFFFFF;
border-style:dashed;
}
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 {font-family:Georgia !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:000000 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:c93778 !important;}
</style><style type="text/css">
a {color:9b62a4 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:85538d !important; text-decoration: none!important; font-style: normal !important; font-weight: bold !important; text-transform: uppercase !important; }
img {border:0px;}
</style>
Obviously not everybody follows the same coding rules when creating layouts..Im just curious how that will effect me...
If anyone has any clue as to what Im talking about, I could use your help, LOL
Thanks bunches
Jen