Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu com abas

05-03-2007 00:55

Vou mostrar aqui, uma forma de criar um menu com abas.

O uso desse menu, pode ser através de include, onde ele estará no topo de todos os seus documentos.

O funcionamento é simples, cada aba tem um link com uma identificação, ao clicar nesse link, que é um link para um outro documento também com esse menu, passará essa identificação, se a identificação corresponde a aba 1, ela terá a cor definida no código, já as outras abas ficam "inativas", e isso para cada aba, veja o código:

A parte do CSS que define as abas do código:

<style type="text/css"> .aba{ padding:3px 3px 3px 3px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; } </style>

agora, vamos a parte onde mostraremos as abas:
<table cellpading="0" cellspacing="0" width="400"> <tr> <td class="aba" bgcolor="#<?php echo "".($_GET['a1']=='' ? "ffffff" : "cccccc").""; ?>"><a href="?a1=0">aba 1</a></td> <td>&nbsp;</td> <td class="aba" bgcolor="#<?php echo "".($_GET['a2']=='' ? "ffffff" : "cccccc").""; ?>"><a href="?a2=0">aba 2</a></td> <td>&nbsp;</td> <td class="aba" bgcolor="#<?php echo "".($_GET['a3']=='' ? "ffffff" : "cccccc").""; ?>"><a href="?a3=0">aba 3</a></td> <td>&nbsp;</td> <td class="aba" bgcolor="#<?php echo "".($_GET['a4']=='' ? "ffffff" : "cccccc").""; ?>"><a href="?a4=0">aba 4</a></td> <td>&nbsp;</td> <td class="aba" bgcolor="#<?php echo "".($_GET['a5']=='' ? "ffffff" : "cccccc").""; ?>"><a href="?a5=0">aba 5</a></td> <td>&nbsp;</td> <td class="aba" bgcolor="#<?php echo "".($_GET['a6']=='' ? "ffffff" : "cccccc").""; ?>"><a href="?a6=0">aba 6</a></td> </tr> <tr> <td bgcolor="#cccccc" colspan="11">&nbsp;</td> </tr> </table>

note que o link de exemplo que estou usando começa assim: ?a=..
no caso, o seu deve ser: documentodestino.php?a=..
e, esse documentodestino.php deve ter o código desse menu.

Dica: coloque o código desse menu em um include e chame no topo dos seus documentos da seguinte forma:

<?php include("codigodomenu.php"); ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado