Personalizar Banner com Acessos Diretos e Imagem de Fundo

  • Autor Autor IsraelSKA
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
I

IsraelSKA

Delta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Y ahora una pregunta como poner eso arriba de la cabecera
 
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.
 

Tópicos similares

W
Respostas
2
Visitas
618
Awarez
A
D
Respostas
0
Visitas
1K
Dj MasterLive
D
G
Respostas
3
Visitas
735
Golem
G
Voltar
Topo