4images Forum & Community

1. Abre el archivo templates/tu_template/details.html con un editor de texto como notepad.

2. Encuentra:                         <div align="center">
    {image}
    {if admin_links}<br />{admin_links}<br />{endif admin_links}
    <br />{lightbox_button}&nbsp;&nbsp;{postcard_button}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{download_button}&nbsp;&nbsp;{download_zip_button}
  </div>
  <br />
                  <table width="100%" border="0" cellspacing="0" cellpadding="1">
                    <tr>
                      <td class="bordercolor">
                        <table width="100%" border="0" cellpadding="3" cellspacing="0">3. Despues agrega:                   <tr valign="top">
                            <td height="75" class="row2"> <div align="center">{if
                                prev_image_name}{lang_prev_image}<br />
                                <b><a href="{prev_image_url}">{prev_image_name}</a></b>
                                <br />
                                <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="40" border="1"></a>
                                {endif prev_image_name}&nbsp;</div></td>
                            <td align="right" class="row2"> <div align="center">&nbsp;{if
                                next_image_name}{lang_next_image}<br />
                                <b><a href="{next_image_url}">{next_image_name}</a></b>
                                <br>
                                <a href="{next_image_url}"><img src="{next_thumb_file}" width="40" border="1"></a>
                                {endif next_image_name}</div></td>
                          </tr>Si conoces acerca de HTML podras modificarlo a tu antojo o si no simplemente pregunta..

Pos a ver:

te descargas el {template}/details.html

y lo editas con un dreamweaver o editor de html  y veras ke abajo aparece la tabla de las imagenes anterior y siguiente... opues lo ke haces es copiarlo o moverlo a la parte superior  te diria el codigo pero no toy en casa y no me lo se de memoria

espero haber servio de ayuda. un saludo

oye... como mola esto ke va a apreciendo por la pantalla, ademas ke no sabes lo ke va a decir 5    4      3      2     1      BOOOOOMMM !!!!!   jejeje
que es esto de teletype??

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td class="navbar" height="23">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td align="left" width="50%">
        <img src="{template_url}/images/spacer.gif" width="4" height="4" alt="" />{clickstream}
       </td>
       <td align="right" width="50%">
     
        <a href="{url_top_images}"><b>{lang_top_images}</b></a>&nbsp;
        <a href="{url_new_images}"><b>{lang_new_images}</b></a>&nbsp;&nbsp;
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="1" class="bordercolor" valign="top"><img src="{template_url}/images/spacer.gif" width="1" height="1" alt="" /></td>
                <td width="18" valign="top"><img src="{template_url}/images/spacer.gif" width="18" height="18" alt="" /></td>
                <td width="100%" valign="top">                  <table width="100%" border="0" cellspacing="0" cellpadding="1">
                    <tr>
                      <td class="bordercolor">
                        <table width="100%" border="0" cellspacing="0" cellpadding="3">
                          <tr valign="top">
                            <td class="row2" width="12%">
                              <div align="center"><font size="2"><font size="2">{if prev_image_name}</font><a href="{prev_image_url}"><img src="{prev_thumb_file}" width="57" height="43" border="1"></a>
                              </font></div></td>
                            <td class="row2" width="20%"><div align="left"><font size="2">{lang_prev_image}<br />
                                <b><a href="{prev_image_url}">{prev_image_name}</a></b> {endif prev_image_name}&nbsp;</font></div></td>
                            <td align="center" class="row2" width="33%" valign="middle"><font size="2"><img src="{template_url}/images/spacer.gif" width="4" height="4" alt="" />{clickstream}
                              </font> </td>
                            <td align="right" class="row2" width="23%">
                              <div align="right"><font size="2">{if next_image_name}{lang_next_image}<br />
                                    <b><a href="{next_image_url}">{next_image_name}</a></b>
                                <br />
                                <br />
                            </font></div></td>
                            <td align="right" class="row2" width="12%"><div align="center"><font size="2"><a href="{next_image_url}"><img src="{next_thumb_file}" width="57" height="43" border="1"></a> {endif next_image_name}</font></div></td>
                          </tr>
                        </table>

esta es la tabla completa de mi details.html   y la tengo puesta ANTES DE:

                  <table width="100%" border="0">
                    <tr>
                      <td width="33%"><b class="title"><font size="2">{image_name}</font></b><font size="2">{if
                        image_is_new} <sup class="new">{lang_new}</sup>{endif
                        image_is_new} </font></td>
                      <td width="33%">
                        <div align="center">{download_button}</div>
en ella se muestra

thumbail_anterior | titulo de la imagen anterior ||  estruct de directorios   ||  titulo imagen siguiente   ||  thumbail_siguiente

el tamaño de los thumbails son de 57x43 ke creo es un tamaño optimo para la fucnion ke desempeña otra cosa ke he probado es reducirles el tamaño poniendo width="50%" height="50%"  de tal forma ke se hacen la mitad sin deformar la imagen pero a mi parecer no keda bien puesto ke.. "descuadra" la tabla mira aki puedes ver un ejemplo de como lo tengo yo

http://www.misimagenes.net/details.php?image_id=166

espero te solucione algo

Holas!
Ok, ya me funciona, cambié esta linea...siempre en details.html (4image 1.7.1)
line=103 <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="40" border="1">

por ésta
line= 103 <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="40" height="65" border="1">
y quedó muy bien, deforma obviamente la imagen pero en ese tamaño no tiene mayor importancia, mejor es verlos de tamaño uniforme. Que bueno!
Gracias a todos!!

Hola a todos gracias por informarns como hacer estas modificaiones ... ayer me puse hacerlas y concegui cambiar el estilo un poco aqui compato mi codigo html por si quereis hacerlo =. Las diferencias al original son: el nombre de la imagen centrada dentro de la tabla, imagenes siguientes y anterios alineadas con el nombre de las imagenes correspondientes.

Screenshoot:


                  <table width="100%" border="0" cellspacing="0" cellpadding="1">
                    <tr>
                      <td class="bordercolor">
                        <table width="100%" border="0" cellspacing="0" cellpadding="3">
                          <tr valign="top">
                            <td class="row2" width="158">
<p align="center">{if prev_image_name}<b><a href="{prev_image_url}">{prev_image_name}</a></b>
                                <p align="center">
                                <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="47" border="1" height="51"></a> {endif prev_image_name}&nbsp;</td>
                            <td class="row2">&nbsp;<p align="center"><b class="title">
<font size="4">{image_name}</font></b>{if image_is_new} <sup class="new">{lang_new}</sup>{endif image_is_new} </td>
                            <td align="right" class="row2" width="158">
<p align="center">&nbsp;{if next_image_name}<b><a href="{next_image_url}">{next_image_name}</a></b><p align="center"><a href="{next_image_url}">
<img src="{next_thumb_file}" width="47" border="1" height="51"></a>{endif next_image_name}</td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>