| Autor |
Mensaje |
-
prueba-de-html
Nuevo
|
 06-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! |
|
|
↑
|
|
 |
-
lautiito
Junior
Ubicación: Argentina
|
06-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 |
|
|
↑
|
|
|
-
prueba-de-html
Nuevo
|
06-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} |
|
|
↑
|
|
|
-
lautiito
Junior
Ubicación: Argentina
|
07-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
|
|
|
↑
|
|
|
-
prueba-de-html
Nuevo
|
08-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. |
|
|
↑
|
|
|
-
lautiito
Junior
Ubicación: Argentina
|
08-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 |
|
|
↑
|
|
|
-
buzzdungeon
Destacado
Ubicación: México
|
08-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 */ |
|
|
↑
|
|
|
|
