Personalizar Banner con Accesos Directos y Imagen de Fondo

IsraelSKA Seguir

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
3 Jul 2006
Mensajes
640
Holas

Esta pequeña modificación nos servirá si queremos colocar un cuadro con accesos directos a la derecha (o izquierda) del banner u otra utilidad que nos interese, como el login, calendario, aviso global, etc...

Un ejemplo de lo explicado:




x7guf.gif




Para realizar esto debemos ir a AdminCP > Estillos y plantillas > Administrador de estilo > Todas las opciones del estilo

Dentro de esta pantalla tenemos el primer cuadro llamado "Cabecera" dentro de Plantillas Comunes".



Si usamos el skin por defecto encontramos este código:


PHP:
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
    <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="$stylevar[right]" id="header_right_cell">
        <if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
    </td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]







Que debemos cambiar por este código:


PHP:
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" height="180">
  <tr>
    <td valign="bottom"><img src="$stylevar[titleimage]"  /></td>
    <td  valign="bottom" background="[IMAGEN_DE_FONDO]" style="background-repeat:no-repeat; background-position: bottom">
      <div align="center" ><font face="Arial" size="5"><b>Accesos directos</b></font></div>


<table height="140" border="0" align="center" >
      <tr>
        <td width="96" align="center"><div align="center"><strong><a href="../index.php">Link1</a></strong></div></td>
        <td width="132" align="center"><div align="center"><strong><a href="../index.php">Link2</a></strong></div></td>
        <td width="86" align="center"><div align="center"><strong><a href="../index.php">Link3</a></strong></div></td>
      </tr>
      <tr>
        <td align="center"><div align="center"><strong><a href="../index.php">Link4</a></strong></div></td>
        <td align="center"><div align="center"><strong><a href="../index.php">Link5</a></strong></div></td>
        <td align="center"><div align="center"><strong><a href="../index.php">Link6</a></strong></div></td>
      </tr>
      <tr>
        <td align="center"><div align="center"><strong><a href="../index.php">Link7</a></strong></div></td>
        <td align="center"><div align="center"><strong><a href="../index.php">Link8</a></strong></div></td>
        <td align="center"><div align="center"><strong><a href="../index.php">Link9</a></strong></div></td>
      </tr>
      <tr>
        <td align="center"><div align="center"><strong><a href="../index.php">Link10</a></strong></div></td>
        <td align="center"><div align="center"><strong><a href="../index.php">Link11</a></strong></div></td>
        <td align="center"><div align="center"><strong><a href="../index.php">Link12</a></strong></div></td>
      </tr>
    </table></td>
  </tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]


Donde [IMAGEN_DE_FONDO] Se refiere al cuadro blanco con bordes negros.. (ver imagen) Aquí podemos colocar la imagen que nos interese..
Guíate por esta imagen:

dytbgy.gif




Una sencilla modificación que nos puede ser de mucha utilidad al hora de hacer más accesible el sitio..


Saludos
 

chonin

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
14 Dic 2009
Mensajes
4
Y ahora una pregunta como poner eso arriba de la cabecera
 

imported_Ryuk

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Feb 2009
Mensajes
1.138
Hola chonin, en la guia al decir "Cabecera" se refiere al header, sigue los pasos de la guia y al decir "Cabecera" ya sabes que es el header.

Saludos.
 
Arriba