Menu y pestañas coloreadas

[salbatore]

Hola, familia:

Tengo un menu como este ( http://www.buayacorp.com/files/desig...ontal-css.html ), el problema que tengo es que cuando se clique en, por ejemplo, inicio y se este en inicio.php el boton de inicio se quede con un color determinado constantemente, siempre que se este en inicio.

De este modo con todos los botones.

¿Como lo hago compañeros?

[salbatore]

Hola de nuevo...

Tal vez he sido muy vago en no colocar el codigo del menu de ejemplo que he linkeado, jeje. Pero no busco una edicion de ese menu, simplemente de un menu que tenga la caracteristica de colorear la pestaña del lugar donde se encuentre, es posible?, conoceis uno para descargar o un tutorial?

[artelomano]

ok muy facil espero te pueda ayudar vamos a ver visited es cueando a sido visitado q te recomiendo ponerlo del color normal del meno hover cuando pasa el raton x encima como tienes en el menu azul ese que has enseñado active creo q era para lo que tu kieres q es si estas en inicio q inicio este en rojo x ejemplo y al pasar a otro boton se pongo normal y el otro boton se ponga rojo o del color que elijas
EN RESUME:
HOVER: CON EL RATON CAMBIA
ACTIVE: EL LINK EN EL QUE ESTES
VISITED: LOS YA VISITADO(te vuelvo a recomendar el color normla del link) x supuesto sino es una pagina con muchos enlaces como google para saber que as visitado y que no y asin orientarte mejor pero bueno es tu decidion.

en este enlace puede leer algo mas y orientarte mas espero ser de ayuda
http://www.forosdelweb.com/f53/link-visited-hover-active-336658/

[artelomano]

x cierto ahora que leo el segundo mensaje jejejejeje sorry http://www.cssplay.co.uk/menus/ ahi tienes muchos menus y lo que estabas buscando como dije es el """active""" que como bien dice es para el link q esta activo

[salbatore]

Hola de nuevo...

¿Pero existe un modo de tener un menu hecho con css que se coloree la pestaña que este activa solo con un archivo?, es decir, yo tengo el menu metido en un include, el include esta en todas mis paginas. Lo que busco es no tener que cambiar el menu por cada pagina...

¿Me entendeis?

[Mikmoro]

Hola de nuevo.

En este hilo se trató hace poco este asunto. Alguien ideó un buen plan para el asunto del include y tras unos retoques quedó resuelto.

A ver si te sirve.

Mikel.

[salbatore]

Hola de nuevo...

He estado mirando las opciones que me sugeris pero no he encontrado nada claro. Por ahora he conseguido por medio de php que segun donde estes el div cambie de id. Todavia me falta hacer que al pasar por cada div cambie de color...

Mirar lo hago con:

Código PHP:

  <?php
    if ($_SERVER['REQUEST_URI'] == "index.php") {$menu_index = "menu_index_active";}
        else{$menu_index = "menu_index";}
    if ($_SERVER['REQUEST_URI'] == "view.php") {$menu_view = "menu_view_active";}
        else{$menu_view = "menu_view";}
    if ($_SERVER['REQUEST_URI'] == "insert.php") {$menu_insert = "menu_insert_active";}
        else{$menu_insert = "menu_insert";}
    if ($_SERVER['REQUEST_URI'] == "register.php") {$menu_register = "menu_register_active";}
        else{$menu_register = "menu_register";}
?>
<div id="menu">
<div id="<?php echo $menu_index ?>"><a href="index.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 la hoja con los css:

Código HTML:

/* menu */
	#menu { width:700px; height:35px;  margin: 0 auto;}
		#menu_index { margin-left:10px; margin-right:10px; height:35px; float:left}
		#menu_index_active { padding-left:10px; padding:10px; height:35px; background:#FF0000; float:left}
		#menu_view { margin-left:10px; margin-right:10px; height:35px; float:left}
		#menu_view_active { padding-left:10px; padding:10px; height:35px; background:#FF0000; float:left}
		#menu_insert { margin-left:10px; margin-right:10px; height:35px; float:left}
		#menu_insert_active { padding-left:10px; padding:10px; height:35px; background:#FF0000; float:left}
		#menu_register { margin-left:10px; margin-right:10px; height:35px; float:left}
		#menu_register_active { padding-left:10px; padding:10px; height:35px; background:#FF0000; float:left}

Aunque es un codigo tonto, sirve... dentro de un rato subo todo, con el cambio de color al pasar el raton...

[salbatore]

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...