[php] previewing a page

[er0x]

ok, I am making a website for a friend of mine and theres one part i dont understand.

 

I need a preview.php

what it does is shows you a page of the Myspace Layout you are looking at. for an example... http://www.blingpixie.com/Layouts/Grunge/Grunge_1/preview.php

 

they have it showing up so each layout shows how its supposed to look in this preview.php file.

 

I will be having the content show up through mysql so i dont have to make a million pages. im pretty sure i can take care of that part, but how do i go about getting the format for the page?

 

all preview pages ive seen have this included...

 

<link rel="STYLESHEET" type="text/css" href="http://x.myspace.com/js/myspace.css">
<script language="JavaScript">
randomseed = Date.parse(new Date());
</script>
<script language="JavaScript" SRC="http://x.myspace.com/js/myspace.js"></script>

<script language="Javascript" src="http://x.myspace.com/js/ASJS010.js"></script>
<script language="JavaScript" src="http://x.myspace.com/js/functions.js"></script>

<BASE HREF="#" TARGET="_self"></BASE>

 

im guessing the .js files are bringing in some stuff. but i dont understand where i need to go from here. also, how do i go about inserting the code to make the change for each layout.

 

an example code is this...

 

<style type="text/css">
.code { This profile layout is copyright to MyspaceGeeks.com, Redistribution is prohibited. }
</style>

<style type="text/css">
table table table {width:300px;}
table table table table table table {width:20%;}
</style>
<style type="text/css">td{text-align:center;} </style> <style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img229.imageshack.us/img229/9114/butterfliesbannerpz6.jpg");
background-repeat:no-repeat;
background-position:center center;
width:400px; height:100px; display:block !important;
font-size:0.0em; letter-spacing:-5px;}
span.blacktext12 span,
span.blacktext12 img {display:none;}
.hl:after { "; } 
</style>
<style type="text/css">.contactTable {width:300px !important; height:150px !important;padding:0px!important;background-image:url("http://img229.imageshack.us/img229/4425/butterfliescontactud2.jpg");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;}.contactTable .whitetext12 {visibility:hidden;}a.hlct{position:absolute;height:33px;width:88px;background-image:url</style>
<style type="text/css">. { Scrollbar  }body{scrollbar-face-color:000000;scrollbar-highlight-color:ffffff;scrollbar-3dlight-color:00ff00;scrollbar-shadow-color:fe009b;scrollbar-darkshadow-color:64c4f2;scrollbar-arrow-color:ffffff;scrollbar-track-color:000000; }</style>
<style type="text/css">
.hl {Body-Properties;}
body {
background-color:000000;
  background-image:url('http://img175.imageshack.us/img175/4899/butterflieslayoutmk5.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.hl {Table-Section-Properties;}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
  background-color:000000;
  filter:alpha(opacity=90); ..-opacity:0.9; opacity:0.9; -khtml-opacity:0.9; 
}
table table table table td {filter:none;}
table table table {
  border-width:1px;
  border-color:ffffff;
  border-style:solid;
}
table table table table {border:0px;}

.hl {Text-and-Link-Properties;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:tahoma !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:00ff00 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:64c4f2 !important;}
a {color:fe009b !important; text-decoration: underline !important; font-style: normal !important; font-weight: normal !important; text-transform: lowercase !important; }
a:hover {color:64c4f2 !important; text-decoration: none!important; font-style: italic !important; font-weight: bold !important; text-transform: normal !important; }
</style>

<style type="text/css">.hl {Other-Features;}
a img {border-color:fe009b; border-style:solid; border-width:2px;}
a:hover img {border-color:64c4f2; border-style:solid; border-width:2px;}
.blacktext10 {
border-top-width:1px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px;
border-color:ffffff; border-style:solid; display:block; width:100%;}
</style><br><style type="text/css">
div.layoutbutton {
    border: 2px solid rgb(130,232,254);
    background-color: rgb(35,166,254);
    width: 148px;
    text-align: right;
    padding: 4px 0px;
    position:fixed;
    _position: absolute;
    top: 30px;
    right: 0px;
}

div.layoutbutton a {
    display: block;
    padding: 2px 10px;
    margin: 0px;
    color: white;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

div.layoutbutton a:visited {
    color: white;
}

div.layoutbutton a:hover {
    color: rgb(255,240,0);
    background-color: rgb(0,151,253);
}

div.layoutbutton h1 {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

div.layoutbutton h1 a {
    font-size: 12px;
    color: rgb(255,240,0);
    font-style: bold;
}

div.layoutbutton h1 a:visited {
    color: rgb(255,240,0);
}

div.layoutbutton h1 a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #ffffff;
background-color: rgb(0,151,253);
}
.myspacegeeks { Created using MyspaceGeeks.com - Myspace Layouts, Generators, Backrounds and Graphics }
</style>

<div class="layoutbutton">
<center>
<h1><a href="http://www.myspacegeeks.com/myspace-layouts/code_655.html" title="Myspace Layouts">Get this Layout</a></h1>
<a href="http://www.myspacegeeks.com/" title="Myspace Layouts">Myspace Layouts</a>
<a href="http://www.myspacegeeks.com/myspace-generators/" title="Myspace Generators">Myspace Generators</a>
<a href="http://www.gazzump.com/" title="Myspace Layouts">Myspace Layouts</a>
</center>
</div>

<a href="http://www.myspacegeeks.com/" target="_blank" title="Myspace Layouts"><img src="http://www.myspacegeeks.com/support.gif" alt="MySpace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a><a href="http://www.myspacegeeks.com/" title="Myspace Layouts">Myspace Layouts</a>	

[suttercain]

You have no php code... Do you know any PHP code? If not, you might want to look into hiring a freelancer.

 

SC