Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/07/2010, 10:06
sebapulido
 
Fecha de Ingreso: noviembre-2008
Mensajes: 37
Antigüedad: 16 años
Puntos: 2
Respuesta: Modificar menu

aha... gracias isaac_ben lo tendre en cuenta... pero antes quiero ver si se puede hacer como lo tengo en mente... y si no puedo modifico todo para dejarlo como tu dices...

Ahora paso a explicar bien detalladamente que es lo que tengo y que necesito:

En mi archivo header.php dentro de <head> </head> tengo el llamado a los archivos CSS donde abro 2 css. El CSS principal.... y el CSS de cada una de las secciones... en este caso seria el style-home.css que es el de la pagina de inicio.

Código:
				
		<!-- CSS Principal-->
		<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
		
		
		<!-- CSS Array || CSS Secciones -->
		<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/style-home.css" media="screen" />
Ya en el <body> tengo el menu, con el siguiente codigo:

Código:
<div id="header_menu">
			<div id="header_menu_content"> 
				<!-- Menu // -->
				<ul class="menu">
					<li id="home"><a href="<?php echo get_option('home'); ?>">Inicio</a></li>
					<li id="pc"><a href="http://www.mendozagamers.com/wordpress/?cat=11">PC</a></li> 
					<li id="xbox"><a href="http://www.mendozagamers.com/wordpress/?cat=5">Xbox 360</a></li> 
					<li class="secondoption"><a href="http://www.mendozagamers.com/wordpress/?cat=5">Foro</a></li>
					<?php wp_list_categories('sort_column=menu_order&title_li=&depth=0&show_count=0&include='.get_wpn_config('submenu_include').'&exclude='.get_wpn_config('submenu_exclude')); ?> 
				</ul>
				<!-- // Menu -->
				<div style="clear:both"></div>
				<!-- Submenu // -->
				<ul class="submenu">
				<?php wp_list_pages('sort_column=menu_order&title_li=&depth=0&include='.get_wpn_config('menu_include').'&exclude_tree='.get_wpn_config('menu_exclude')); ?>
				</ul>
				<!-- // Submenu -->
												<!-- Buttons -->
				<a class="button button-dark styleswitch" rel="style-dark" href="#">Dark</a>
				<a class="button button-light styleswitch" rel="style-light" href="#">Light</a>
				<!-- Buttons -->

			</div>
		</div>
Yo lo que necesito puntualmente, es que cuando yo en el menu hago Click en, por ejemplo, PC. Dentro del <head> se me desaparesca el style-home.css y me lea el stlye-pc.css

Y asi con cada una de las opciones de el menu.

Para mi la cosa es que en donde esta este codigo:

Código:
		<!-- CSS Array || CSS Secciones -->
		<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/style-home.css" media="screen" />
Ahi tengo que poner alguna funcion que sirva para cambiar de CSS y eso relacionarla con cada opcion de el menu.

Por favor si alguien me podria dar una mano en eso, lo agradeceria.

Recuerden que pueden verlo en: http://www.mendozagamers.com/wordpress/

Saludos