Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje06-10-2012, 22:09 (UTC)    
Título del mensaje: [Ayuda] Menu horizontal

Hola, tengo un problema en mi web.
Cuando estoy navegando por las secciones del menu solo queda
marcado "INICIO" quiero que quede marcado en la pestaña en la que este.

Si hay alguna forma de hacerlo lo agradezco, saludos!
Mensaje06-10-2012, 23:13 (UTC)    
Título del mensaje:

eso es tema de diseño, postea el css...
______________
Mi web - Todo tipo de ayuda para PWG
Mi perfil
Mensaje06-10-2012, 23:31 (UTC)    
Título del mensaje:

Perdon no sabia

Código:
* { margin: 0; padding: 0; }
body { font: .74em Tahoma, Verdana, Sans-Serif, Arial; background: url(http://i.imgur.com/hfv1t.gif) repeat; color: #7f7f7f; }
h1 { font: normal 3.4em "Trebuchet MS", Helvetica, Arial; }
h2 { font: normal 1.8em "Trebuchet MS", Helvetica, Arial; color: #dfdfdf; margin: 0 0 15px; }
h3 { font: normal 1.4em "Trebuchet MS", Helvetica, Arial; margin: 0 0 20px; }
h4 { font: normal 1.2em "Trebuchet MS", Helvetica, Arial; color: #dfdfdf; margin: 0 0 4px; }
p { margin: 0 0 15px; line-height: 1.6em; }
a { outline: 0; color: #304D6F; text-decoration: none; }
li { list-style: none; }
li a, img { display: block; }
img { outline: 0; border: 0; }
#wrapper { width: 984px; margin: auto; }
.clr { clear: both; }
#logo { float: left; padding: 30px 15px; }
   #logo h1 a { color: #fff; }
      #logo h1 a span { color: #808080; }
#menu { height: 44px; padding: 5px 0 0 4px; }
   #menu li { float: left; font-size: 1.3em; text-transform: uppercase; }
      #menu li a { color: #888; margin: 0 50px 0 0; }
         #menu li a.current, #menu li a:hover { color: #fff; }         
   #pitch { clear: both; background: url(http://i.imgur.com/ecgbR.jpg) no-repeat; height: 228px; margin: 0 0 30px; padding: 60px 360px 0 30px; }
      #pitch h1 { font-size: 2.4em; color: #304D6F; margin: 0 0 20px; }
      #pitch em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }
.content { background: url(http://i.imgur.com/2MSFB.gif) repeat; padding: 20px; }
.link { background: #304D6F; color: #fff; padding: 5px 10px; font-size: .9em; }
#main { padding: 20px; }
.col { float: left; width: 292px; margin: 0 30px 15px 0; }
   .col.last { float: right; margin-right: 0; }
   .case img { float: left; clear: left; margin: 0 20px 20px 0; background: #121212; padding: 3px; }
   .short { padding: 0 0 15px 0; background: url(http://i.imgur.com/kamIV.gif) repeat-x left bottom; }
   .case a, .article a { color: #ddd; font-weight: bold; }
   .date { font-size: .84em; margin: 0 0 3px; }
#footer { clear: both; background: url(../images/line.gif) repeat-x; padding: 20px 20px 10px; font-size: .9em; }
   #footer a { color: #ccc; margin: 0 10px 0 0; border-bottom: 1px dotted #444; padding: 0 0 1px; }
   #links { float: right; }
      #links a { margin: 0 0 0 10px; }
   #footer p { margin: 0 0 8px; }

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

table{margin-left:auto;margin-right:auto}
Mensaje07-10-2012, 16:53 (UTC)    
Título del mensaje:

Postea la parte html del menu, para ver que clase tiene puesto el boton inicio.

Osea, mas que seguro en tu menu, en el boton inicio tenes esto "<a class="current"..:", sino me equivoco, el problema es que no se como funciona eso e.e,fijate que si lo pones en los otros botones deberian quedar marcados tambien p:
______________
Mi web - Todo tipo de ayuda para PWG
Mi perfil


Ultima edición por lautiito el Dom Oct 07, 2012 1:03 pm; editado 1 vez
Mensaje08-10-2012, 01:12 (UTC)    
Título del mensaje:

lautiito escribió:
Postea la parte html del menu, para ver que clase tiene puesto el boton inicio.

Osea, mas que seguro en tu menu, en el boton inicio tenes esto "<a class="current"..:", sino me equivoco, el problema es que no se como funciona eso e.e,fijate que si lo pones en los otros botones deberian quedar marcados tambien p:


Hola, coloque <a class="current" href="#"></a>
En todos los enlaces del menu pero todos quedan marcados
lo que yo quiero lograr es que cuando haga click en Inicio se marque inicio
cuando este en Manuales se marque manuales. Nose si me entiendes, espero que si saludos.
Mensaje08-10-2012, 04:43 (UTC)    
Título del mensaje:

Entendi perfectamente, es por eso te dije que si lo colocabas en los demas menus ivas a ver que todos quedaban marcados...

En fin, pone la parte del menu...

Lo unico que se me ocurre ahora es hacer lo siguiente (no estoy pensando bien, modifique mucho la pagina hoy >.<):

Suponete que estamos en la pagina "Inicio", bueno en el CONTENIDO de esa pagina pones un <style></style> haciendo que se marque el botoncito "Inicio", luego si cambias a otra pagina, por ej "Contacto", lo que vas a hacer es, en el contenido de contacto poner un <style></style> haciendo que "Inicio" se desmarque y que se marque "Contacto"... y asi sucesivamente...

Por eso pone el codigo html del menu y te explico un poco mejor e.e
______________
Mi web - Todo tipo de ayuda para PWG
Mi perfil
Mensaje08-10-2012, 23:17 (UTC)    
Título del mensaje:

No es difícil hacerlo, solo se necesita javascript, yo lo hago de esta forma en mi web:

*Este lo pegas es texto por encima de la pag.
Código:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   var actual=location.pathname;
   var pag;
   switch(actual){
      case "/": pag = ".home";
      break;
      case "/home.htm": pag = ".home";
      break;
      case "/plantillas.htm": pag = ".plantillas";
      break;
      case "/adaptaciones.htm": pag = ".plantillas";
      break;
      case "/codigos.htm": pag = ".codigos";
      break;
      case "/comentarios.htm": pag = ".comentarios";
      break;
      case "/afiliados.htm": pag = ".afiliados";
      break;
   }
   $(".menu").find(pag).addClass("current");
});
</script>


y el menu seria normal:

Código:
<ul class="menu">
<li><a class="home" href="#">Link</a></li>
<li><a class="plantillas" href="#">Link</a></li>
<li><a class="afiliados" href="#">Link</a></li>
</ul>


si tienes alguna duda editandolo puedes decirme
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group