Tema: Listado de archivos bonito
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 02/01/2010, 04:45
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 10 meses
Puntos: 20
Respuesta: Listado de archivos bonito
He estado probando el listado de la página web que me indicas y no consigo el mismo efecto que la página web que te indicaba yo en el primer post

Tengo varios problemas.

El resultado de aplicar esta técnica es el siguiente



Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Index of <!–#echo var="REQUEST_URI" –></title>
  6. <!--<link rel="stylesheet" href="http://www.sinfocol.org/style.css" type="text/css" media="screen" />-->
  7. <style type="text/css">
  8. body {
  9.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  10.    font-size        : 25pt;
  11.    text-indent      : 15pt;
  12.    letter-spacing   : 2pt;
  13. }
  14. .subheader {
  15.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  16.    font-size        : 9pt;
  17.    text-indent      : 10pt;
  18.    letter-spacing   : 1pt;
  19. }
  20. a {
  21.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  22.    font-size        : 10pt;
  23.    text-decoration  : none;
  24.    letter-spacing   : 1pt;
  25. }
  26. * {
  27.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  28.    font-size        : 10pt;
  29.    text-decoration  : none;
  30.    letter-spacing   : 1pt;
  31. }
  32. h1{
  33. font-size:30px;
  34. }
  35. img{
  36. border:0;
  37. }
  38. </style>
  39.  
  40. </head>
  41. <body>
  42.   <h1>Index of <!–#echo var="REQUEST_URI" –></h1><pre><img src="/iconos/blank.png" alt="Icon " width="24" height="24"> <a href="?C=N;O=D">Name</a>                    <a href="?C=M;O=A">Last modified</a>      <a href="?C=S;O=A">Size</a>  <a href="?C=D;O=A">Description</a>
  43.  
  44. <a href="/secciones/"><img src="/iconos/back.png" alt="[DIR]" width="24" height="24"></a> <a href="/secciones/">Parent Directory</a>                             -   
  45. <a href="ejemplo1.php"><img src="/iconos/php.png" alt="[   ]" width="24" height="24"></a> <a href="ejemplo1.php">ejemplo1.php</a>            29-Nov-2009 13:02  1.4K  
  46. <a href="estilo.css"><img src="/iconos/text.png" alt="[TXT]" width="24" height="24"></a> <a href="estilo.css">estilo.css</a>              29-Nov-2009 12:56   16K  
  47. <a href="pwstrength.js"><img src="/iconos/unknown.png" alt="[   ]" width="24" height="24"></a> <a href="pwstrength.js">pwstrength.js</a>           29-Nov-2009 12:51  1.8K  
  48. <a href="pwstrength.php"><img src="/iconos/php.png" alt="[   ]" width="24" height="24"></a> <a href="pwstrength.php">pwstrength.php</a>          29-Nov-2009 13:04   15K  
  49.  
  50. </pre>
  51.  
  52. </body>
  53. </html>

PROBLEMA 1
Si os fijáis no me muestra el valor de las variables <!–#echo var="REQUEST_URI" –>

PROBLEMA 2
Tampoco pone la información como si de una tabla se tratase Ej bueno.
http://jooh.no/root/web_pages/

Código HTML: 
Ver original
  1. <HTML>
  2. <HEAD>
  3. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
  4. <TITLE>Index of /root/web_pages/</TITLE>
  5.  
  6.  
  7. <style type="text/css">
  8. BODY {
  9.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  10.    font-size        : 25pt;
  11.    text-indent      : 15pt;
  12.    letter-spacing   : 2pt;
  13. }
  14. .subheader {
  15.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  16.    font-size        : 9pt;
  17.    text-indent      : 10pt;
  18.    letter-spacing   : 1pt;
  19. }
  20. A {
  21.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  22.    font-size        : 10pt;
  23.    text-decoration  : none;
  24.    letter-spacing   : 1pt;
  25. }
  26. * {
  27.    font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  28.    font-size        : 10pt;
  29.    text-decoration  : none;
  30.    letter-spacing   : 1pt;
  31. }
  32.  
  33. </style>
  34. </HEAD>
  35.  
  36.  
  37. <BODY>
  38. Index of /root/web_pages/<div class="subheader">(Movie files; please save target as)
  39. <P>
  40. <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2">
  41.  <TR>
  42.  <TD></TD>
  43.  <TD width="400"><CENTER>Name</TD>
  44.  <TD><CENTER>Size</TD>
  45.  <TD><CENTER>MIME Type</TD>
  46.  
  47.  </TR>
  48.  
  49. <TR>
  50.   <TD><IMG SRC="/listicons/up24.png"></TD>
  51.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="../"> ... Parent Directory</A></TD>
  52.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">-</TD>
  53.   <TD NOWRAP>- </TD>
  54.  
  55.  </TR>
  56. <TR>
  57.   <TD><IMG SRC="/listicons/dir224.png"></TD>
  58.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="ForumBackup/">ForumBackup/</A></TD>
  59.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">-</TD>
  60.   <TD>Directory</TD>
  61.  </TR>
  62.  
  63. <TR>
  64.   <TD><IMG SRC="/listicons/dir224.png"></TD>
  65.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="Rainbows_Wishes_and_Whimsy_files/">Rainbows_Wishes_and_Whimsy_files/</A></TD>
  66.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">-</TD>
  67.   <TD>Directory</TD>
  68.  </TR>
  69. <TR>
  70.   <TD><IMG SRC="/listicons/dir224.png"></TD>
  71.  
  72.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="sn.no/">sn.no/</A></TD>
  73.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">-</TD>
  74.   <TD>Directory</TD>
  75.  </TR>
  76. <TR>
  77.   <TD><IMG SRC="/listicons/dir224.png"></TD>
  78.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="TV%202_no%20-%20Rikets%20Tilstand_files/">TV 2_no - Rikets Tilstand_files/</A></TD>
  79.  
  80.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">-</TD>
  81.   <TD>Directory</TD>
  82.  </TR>
  83. <TR>
  84.   <TD><IMG SRC="/listicons/dir224.png"></TD>
  85.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="voodoo_doodoo/">voodoo_doodoo/</A></TD>
  86.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">-</TD>
  87.  
  88.   <TD>Directory</TD>
  89.  </TR>
  90. <TR>
  91.   <TD><IMG SRC="/listicons/htm24.png"></TD>
  92.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="caishop_mailinglist.html">caishop_mailinglist.html</A></TD>
  93.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">79.69&nbsp;&nbsp;KB</TD>
  94.   <TD NOWRAP>text/html </TD>
  95.  
  96.  </TR>
  97. <TR>
  98.   <TD><IMG SRC="/listicons/ukn24.png"></TD>
  99.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="Paul_Boutin_Hunt_the_Boeing_Answers.mht">Paul_Boutin_Hunt_the_Boeing_Answers.mht</A></TD>
  100.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">33.45&nbsp;&nbsp;KB</TD>
  101.   <TD NOWRAP>application/octet-stream </TD>
  102.  </TR>
  103.  
  104. <TR>
  105.   <TD><IMG SRC="/listicons/htm24.png"></TD>
  106.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="Rainbows_Wishes_and_Whimsy.htm">Rainbows_Wishes_and_Whimsy.htm</A></TD>
  107.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">68.31&nbsp;&nbsp;KB</TD>
  108.   <TD NOWRAP>text/html </TD>
  109.  </TR>
  110. <TR>
  111.  
  112.   <TD><IMG SRC="/listicons/htm24.png"></TD>
  113.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="sn.no.html">sn.no.html</A></TD>
  114.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">8.45&nbsp;&nbsp;KB</TD>
  115.   <TD NOWRAP>text/html </TD>
  116.  </TR>
  117. <TR>
  118.   <TD><IMG SRC="/listicons/htm24.png"></TD>
  119.  
  120.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="TV%202_no%20-%20Rikets%20Tilstand.htm">TV 2_no - Rikets Tilstand.htm</A></TD>
  121.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">20.66&nbsp;&nbsp;KB</TD>
  122.   <TD NOWRAP>text/html </TD>
  123.  </TR>
  124. <TR>
  125.   <TD><IMG SRC="/listicons/htm24.png"></TD>
  126.   <TD NOWRAP STYLE="padding-right: 2em; padding-left: 5px"> <A HREF="voodoo_doodoo.html">voodoo_doodoo.html</A></TD>
  127.  
  128.   <TD NOWRAP ALIGN="right" STYLE="padding-right: 1em">17.08&nbsp;&nbsp;KB</TD>
  129.   <TD NOWRAP>text/html </TD>
  130.  </TR>
  131.  
  132.  
  133. </table>
  134.  
  135. <br>
  136. <br>
  137. <br>
  138.  
  139. </body>
  140. </html>


He visto otros ejemplos que utilizan listados personalizados y todos utilizan tablas, no entiendo porque el mio muestra una estructura diferente
http://howto.unixdev.net/dirlist.html

Muchas gracias de antemano!