Tema: Ayuda, acomodar header y body
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/12/2010, 18:22
SonrisaCs
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 13 años, 4 meses
Puntos: 5
Respuesta: Ayuda, acomodar header y body
Index.php:
Código PHP: 
Ver original
  1. <?php
  2.  session_start();
  3.  
  4.  include("db-info.php");
  5.  $link = mysql_connect($server, $user, $pass);
  6.  if(!mysql_select_db($database)) die(mysql_error());
  7.  
  8.  include("session.inc.php");
  9.  include("loadsettings.inc.php");
  10. ?>
  11.  
  12.  
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. <meta name="description" content="<? echo $description; ?>" />
  19. <meta name="keywords" content="<? echo $keywords; ?>" />
  20.  
  21.  
  22. <title><? echo $webtitle; ?> - Hosting de Imagenes</title>
  23. <link rel="stylesheet" href="style.css" type="text/css" />
  24.  
  25. <script language="JavaScript">
  26. var x = 1;
  27.  
  28. function addMore() {
  29.     x = x + 1;
  30.     if (x > 5) 
  31.        alert("Lo sentimos! Usted no puede subir mas de 5 fotos al mismo tiempo.");
  32.     else 
  33.        document.getElementById("upload" + x).style.display = "block";
  34. }
  35.  </script>
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  38. <style type="text/css">
  39. <!--
  40. .Estilo2 {color: #709592}
  41. .Estilo3 {color: #FFFFFF}
  42. .Estilo4 {color: #00FF00}
  43. .Estilo5 {color: #CCCCCC; }
  44. .Estilo6 {color: #CCCCB6}
  45. -->
  46. </style>
  47. </head>
  48.  
  49.  
  50. <body link=#336699 vlink=#336699 alink=#336699>
  51. <?php include("header.php"); ?>
  52.  
  53. <center>
  54. <div class="content-container">
  55.    
  56.  
  57. <form method=\"GET\" action='images.php'>
  58.  <table width=900 bgcolor='#528A89' style=\"BORDER: #b1ddf6 2px solid;\">
  59.  <tr height=40>
  60.    <td align=left width=400>
  61.    &nbsp; &nbsp;<span class="Estilo3">Buscar
  62.    <LABEL id='message'>:</LABEL>
  63.    </span>
  64.    <LABEL id='message'> </LABEL>
  65.    &nbsp;<input type='text' name='query' size=30 maxlength='100'>
  66.    &nbsp; &nbsp; <input type='submit' value='Buscar'> </td>
  67.  
  68.  <td>
  69.     <LABEL id='title'><span class="Estilo3">Buscar Por :</span> </LABEL>
  70.     &nbsp; &nbsp;
  71.     <input type='radio' name='opt' value='tags' CHECKED> &nbsp; <span class="Estilo3">Tags
  72.     <input type='radio' name='opt' value='gallery'>
  73. &nbsp; Galeria </span></td>
  74.  
  75.  <td>
  76.     <div align="center"><a href="search.php" class="Estilo5">Buscador Avanzado</a> </div></td>
  77.  
  78.  
  79. </tr></table>
  80. </form>
  81.  
  82.  
  83.  <div style="display: none" id="loading" align=center>
  84.     <img src='images/loading.gif' border=0><br><br>
  85.  </div>
  86.  
  87.    <div class="content-box">
  88.      <table> <tr>
  89.       
  90.      <td width=350 valign=top>
  91.       <h1 class="Estilo3">Caracter&iacute;sticas:</h1> 
  92.       <ul>
  93.         <li class="Estilo3">Subir varias imagenes de una sola vez 
  94.         <li class="Estilo3">Crear galerias publicas y privadas 
  95.         <li class="Estilo3">A&ntilde;adir comentarios en las imagenes 
  96.         <li class="Estilo3">A&ntilde;adir cualquier imagen a tus favoritos 
  97.         <li class="Estilo3">Postea tus fotos en webs, blogs y foros 
  98.         <li class="Estilo3">Registra una cuenta para administrar tus archivos 
  99.         <li class="Estilo3">Agrega tags a cada una de tus fotos  
  100.         <li class="Estilo3">Sube imagenes privadas con password 
  101.         <li class="Estilo3">Comparte tus imagenes con amigos y familiares 
  102.       </ul>     </td>
  103.          
  104.  
  105.      <td>
  106.  
  107.  
  108. <div class="left">
  109.           
  110. <h1 class="Estilo3">Subir Imagen </h1>
  111.  
  112. <form action="process.php" method="POST" enctype="multipart/form-data" name="myForm" class="Estilo3">
  113. <table style="border-collapse: collapse" width=300>
  114.  
  115. <tr>
  116.  <td>
  117.    <table id="upload1">
  118.      <tr>
  119.      <td><LABEL class="Estilo3" id="title">Imagen:</LABEL></td> <td> <input type="file" name="image1" size=40></td>
  120.    </tr>
  121.    <tr>
  122.      <td><LABEL class="Estilo3" id="title">Tags:</LABEL></td> <td><input type="text" name="tags1" size=40 maxlength="200"></td>
  123.    </tr>
  124.    </table> 
  125.  
  126.    <table  style="BORDER: #999 1px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: none" id="upload2">
  127.    <tr>
  128.      <td><LABEL id="title">Imagen:</LABEL></td> <td><input type="file" name="image2" size=40></td>
  129.    </tr>
  130.    <tr>
  131.      <td><LABEL id="title">Tags:</LABEL></td> <td><input type="text" name="tags2" size=40 maxlength="200"></td>
  132.    </tr>
  133.   </table> 
  134.   
  135.    <table id="upload3" style="display: none">
  136.    <tr>
  137.      <td><LABEL id="title">Imagen:</LABEL></td> <td><input type="file" name="image3" size=40></td>
  138.    </tr>
  139.    <tr>
  140.      <td><LABEL id="title">Tags:</LABEL></td> <td><input type="text" name="tags3" size=40 maxlength="200"></td>
  141.    </tr>
  142.   </table> 
  143.  
  144.    <table style="BORDER: #999 1px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: none" id="upload4">
  145.    <tr>
  146.      <td><LABEL id="title">Imagen:</LABEL></td> <td height="18"><input type="file" name="image4" size=40></td>
  147.    </tr>
  148.    <tr>
  149.      <td><LABEL id="title">Tags:</LABEL></td> <td height="22"><input type="text" name="tags4" size=40 maxlength="200"></td>
  150.    </tr>
  151.   </table> 
  152.    
  153.    <table id="upload5" style="display: none">
  154.    <tr>
  155.      <td><LABEL id="title">Imagen:</LABEL></td> <td><input type="file" name="image5" size=40></td>
  156.    </tr>
  157.    <tr>
  158.      <td><LABEL id="title">Tags:</LABEL></td> <td><input type="text" name="tags5" size=40 maxlength="200"></td>
  159.    </tr>
  160.   </table>
  161.  
  162.  <!-- ############################################################################################ -->
  163.  
  164.  <?php
  165.  //**************************************************************** 
  166.    if ($session == true)
  167.    {  
  168.         echo "<br><table> <tr height=30><td><h2>Opciones: </h2></td></tr>";
  169.         $result_set = mysql_query("SELECT id, name FROM `galleries` WHERE userid = '$userid'");
  170.         $number = mysql_num_rows($result_set);
  171.  
  172.         if ($number)
  173.         {
  174.              echo "<tr><td>
  175.                    <input type='radio' name='opt' value='gallery'>
  176.                    <font size=2>Añadir a Categoria:</font></td>";
  177.              echo "<td><select name='galleryid'>";
  178.  
  179.              while ($row = mysql_fetch_array($result_set))
  180.                 echo "<option value={$row['id']}>{$row['name']}</option>";
  181.  
  182.              echo "</select></td></tr>";
  183.        }
  184.  
  185.        echo "<tr><td><input type='radio' name='opt' value='single' CHECKED> <font size=2> Unica imagen </font></td>
  186.              <td> <font size=2>(Imagen Privada <input type='checkbox' name='private' value='ON'>)</font></td></tr>";
  187.  
  188.        echo "</table>";
  189.    }
  190.  //*****************************************************************
  191. ?>
  192.  
  193.  
  194.   <table><tr>
  195.    <td>
  196.     <br>
  197.     <a href="#" class="Estilo6" onClick="addMore()">Subir mas</a>  </td>
  198.   </tr>
  199.  
  200.   <tr><td>
  201.    <LABEL class="Estilo3" id="text">Separar tags por comas. (,) </LABEL>
  202.   </td></tr>
  203.  
  204.   <tr><td>
  205.     
  206.   </td></tr>
  207.  
  208.   <tr><td>
  209.     <br><a href=#><img src="images/upload.png" border=0 
  210.                   onclick="myForm.submit(); getElementById('loading').style.display='block';"></a>
  211.   </td></tr>
  212.   </table></td>
  213. </tr>
  214. </table>
  215. </form>
  216. <span class="Estilo3">
  217. <!-- </div> -->
  218.      </span></td>
  219.      </tr>
  220.      </table>
  221.    </div>
  222.  
  223.     
  224.    <br>
  225.    <h2 align="center" class="Estilo2">Imagenes al azar:</h2>
  226.    <? include("random.inc.php"); ?>   
  227.  
  228.     
  229.  
  230.    <div class="about">
  231.       <? echo $webtitle; ?>™es un hosting de imagenes donde podra alojar sus imagenes facilmente y compartirlas en Facebook, My Space, Blogger, y Muchos otros lugares. 
  232.       <br>
  233.       <br><br><img src="images/share.png">
  234.    </div>
  235.  
  236.  
  237.    <?php  include("footer.php"); ?>
  238.  
  239.  
  240. </div>
  241. </center>
  242.  
  243.  
  244. </body>
  245.  
  246.  
  247. </html>

Ojala alguien pueda ayudarme :S, Desde ya muchas gracias. (: