Ver Mensaje Individual
  #8 (permalink)  
Antiguo 02/05/2008, 16:52
Avatar de salbatore
salbatore
 
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.567
Antigüedad: 17 años
Puntos: 19
Re: Menu y pestañas coloreadas

Hola de nuevo...

Por ultimo os enseño todo:

Código HTML:
<?php
	if ($_SERVER['REQUEST_URI'] == " ") {$menu_index = "menu_tab_active";}
		else{$menu_index = "menu_tab";}
	if ($_SERVER['REQUEST_URI'] == " ") {$menu_view = "menu_tab_active";}
		else{$menu_view = "menu_tab";}
	if ($_SERVER['REQUEST_URI'] == " ") {$menu_insert = "menu_tab_active";}
		else{$menu_insert = "menu_tab";}
	if ($_SERVER['REQUEST_URI'] == " ") {$menu_register = "menu_tab_active";}
		else{$menu_register = "menu_tab";}
?>
<div id="menu">
<div id="<?php echo $menu_index ?>"><a href="inde.php">INDEX</a></div>
<div id="<?php echo $menu_view ?>"><a href="view.php">VIEW</a></div>
<div id="<?php echo $menu_insert ?>"><a href="insert.php">INSERT</a></div>
<div id="<?php echo $menu_register ?>"><a href="register.php">REGISTER</a></div>
</div> 
Y el css:

Código HTML:
#menu { width:700px; height:35px;  margin: 0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		#menu_tab a:link{ padding-left:29px; padding-right:29px; height:35px; float:left; color:#7E7D7B; margin-left:1px; margin-right:1px;}
		#menu_tab a:visited{ padding-left:29px; padding-right:29px; height:35px; float:left; color:#7E7D7B; margin-left:1px; margin-right:1px;}
		#menu_tab a:hover{ padding-left:29px; padding-right:29px; height:35px; background:url(image_green.gif); float:left; margin:auto; color:#FFFFFF; margin-left:1px; margin-right:1px;}
		#menu_tab_active a:visited{padding-left:29px; padding-right:29px; height:35px; background:url(image_green.gif); float:left; color:#FFFFFF; margin-left:1px; margin-right:1px;}
Espero que le sirva a quien como yo no sabia hacerlo...

Hasta pronto...