Foros del Web » Creando para Internet » CSS »

Menu y pestañas coloreadas

Estas en el tema de Menu y pestañas coloreadas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/05/2008, 10:58
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Menu y pestañas coloreadas

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?
  #2 (permalink)  
Antiguo 01/05/2008, 14:32
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Re: Menu y pestañas coloreadas

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?
  #3 (permalink)  
Antiguo 01/05/2008, 15:58
 
Fecha de Ingreso: diciembre-2007
Mensajes: 210
Antigüedad: 10 años
Puntos: 3
Re: Menu y pestañas coloreadas

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/
  #4 (permalink)  
Antiguo 01/05/2008, 16:03
 
Fecha de Ingreso: diciembre-2007
Mensajes: 210
Antigüedad: 10 años
Puntos: 3
Re: Menu y pestañas coloreadas

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
  #5 (permalink)  
Antiguo 01/05/2008, 17:11
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Re: Menu y pestañas coloreadas

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?
  #6 (permalink)  
Antiguo 01/05/2008, 17:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Menu y pestañas coloreadas

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.
  #7 (permalink)  
Antiguo 02/05/2008, 13:41
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Sonrisa Re: Menu y pestañas coloreadas

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

Última edición por salbatore; 02/05/2008 a las 13:53
  #8 (permalink)  
Antiguo 02/05/2008, 17:52
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
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...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:17.