Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje25-07-2012, 16:28 (UTC)    
Título del mensaje: Tengo 2 preguntas plisss

ola a todos y decir k esta buena la web ,me gustaria k me ayudarais con la barra del menu ,la tengo puesta en horizontal y con botones y deberia darle al boton k kiera y k se kedara activado el boton y cambiara de color ,de blanco a amarillo y pasa k cuando realice la plantilla con el artister alli si k funcionaba el sistema de activacion del boton este es un poco del codigo html k tengo
y se entiende k asi deberia de funcionar
<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-center">
<ul class="art-hmenu" >


<li>
<a href="http://terrorvshorror.es.tl/" class="active">INICIO</a>
</li>


<li>
<a href="http://terrorvshorror.es.tl/galeria.htm" >GALERIA</a>
</li>
<li>
<a href="http://terrorvshorror.es.tl/descargas.htm" >DESCARGAS</a>
</li>



es decir k cuando entras en cualkier parte de la web k el boton te mark cmo activado donde estas cambiando de color

y la otra pregunta es por k el foro k hay en la web de paginaswebgratis se ve en blanco todo y la opcion k hay para elegir el color no funciona no te deja seleccionar el color y eso de momento seria todo tengo mas preguntas pero poco a poco.
Mensaje25-07-2012, 18:46 (UTC)    
Título del mensaje:

Para lo primero, es necesario recurrir a javascript.
Pega esto al inicio de texto por encima de la pagina:

Cita:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var actual=location.pathname;
var pag;
//menu
switch(actual){
case "/": pag = ".home";
break;
case "/home.htm": pag = "home"; //pagina principal
break;
case "/pagina1.htm": pag = ".pag1";
break;
case "/pagina2.htm": pag = ".pag2";
break;
case "/pagina3.htm": pag = ".pag3";
break;
case "/pagina4.htm": pag = ".pag4";
break;
}
$(pag).addClass("active");
});
</script>


Y este sería tu menu:

Cita:
<ul class="art-hmenu">
<li><a class="home" href="/home.htm">Link</a></li>
<li><a class="pag1" href="/pagina1.htm">Link</a></li>
<li><a class="pag2" href="/pagina2.htm">Link</a></li>
<li><a class="pag3" href="/pagina3.htm">Link</a></li>
<li><a class="pag4" href="/pagina4.htm">Link</a></li>
</ul>


Para añadir mas puntos, pega este código al final (siguiendo el patrón):
Cita:
case "/pagina5.htm": pag = ".pag5";
break;


Cita:
<li><a class="pag5" href="#">Link</a></li>



La segunda no tengo idea, pero se puede personalizar con css:

http://www.paginawebgratis.es/forum/viewtopic.php?t=65690
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje25-07-2012, 19:39 (UTC)    
Título del mensaje:

gracias buzzdu pero no me e enterao casi de na,haber el k me pones a principio ese es el k tengo k poner en el texto encima de la pagina y y el de en medio tab lo tengo k poner? o solo el de arriba y se puede modificar y poner lo k yo kiera osea en vez de pagina1 ondria galeria y nose k mas cambiar si todo o solo uno y lo k dices de añadir ahi si k ya no te entendi de nada osea k para poner mas 0paginas tengo k poner el k me das arriba o abajo ,yo tengo 6 botones o 6 pestañas y uns submenu con 12 pestañas mas mira te lo pongo y me dices:



<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-center">
<ul class="art-hmenu" >

<li>
<a href="http://terrorvshorror.es.tl/" class="active">INICIO</a>
</li>


<li>
<a href="http://terrorvshorror.es.tl/galeria.htm" >GALERIA</a>
</li>
<li>
<a href="http://terrorvshorror.es.tl/descargas.htm" >DESCARGAS</a>
</li>

<li>
<a href="http://terrorvshorror.es.tl/pelis online.htm" >PELIS ONLINE</a>
</li>



<li>
<a href="http://terrorvshorror.es.tl/canales-live.htm">CANALES LIVE</a>
<ul>
<li>
<a href="http://terrorvshorror.es.tl/canal-1.htm">Canal 1 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a></a>
</li>
<li>
<a href="http://terrorvshorror.es.tl/canal-2.htm">Canal 2 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-3.htm">Canal 3 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a></a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-4.htm">Canal 4 <img src="http://www.skysports.com/Images/skysports/fixturecal/icons/fix-live.gif" /> </a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-5.htm">Canal 5 <img src="http://www.skysports.com/Images/skysports/fixturecal/icons/fix-live.gif" /> </a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-6.htm">Canal 6 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a></a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-7.htm">Canal 7 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a></a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-8.htm">Canal 8 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a></a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-9.htm">Canal 9 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a></a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-10.htm">Canal 10 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a></a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-11.htm">Canal 11 <marquee height="15" direction="up" "><img src="http://www.setanta.com/images/icons/live.gif" /></marquee></a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-12.htm">Canal 12 <img src="http://www.skysports.com/Images/skysports/fixturecal/icons/fix-live.gif" /></a>

</li>

</ul>

<li>
<a href="http://terrorvshorror.es.tl/CONTACTO.htm" >CONTACTO</a>
</li>



<li>
<a href="http://terrorvshorror.es.tl/FORO.htm" >FORO</a>
</li>


</li>
</ul>
</div>
</div>
</div>




esto es lo k tengo ara k es lo k tendria k hacer para colocar los submenus y ke cambiar...
l de marque es para poner en live los k estan en ese momento en vivo,si sabes de algo mejor estoy habierto a sugerencias.













ya casi lo e conseguido y si k funciona lo k no me sale todavia es el de inicio
y el de poner los submenus o mas paginas ahi te lo pongo ara k tndria k poner para poner en canales live 12 paginas mas






<ul class="art-hmenu"> 
<li><a class="home" href="/home.htm">INICIO</a></li> 
<li><a class="pag1" href="/galeria.htm">GALERIA</a></li> 
<li><a class="pag2" href="/descargas.htm">DESCARGAS</a></li> 
<li><a class="pag3" href="/pelis-online.htm">PELIS ONLINE</a></li> 
<li><a class="pag4" href="/canales-live.htm">CANALES LIVE</a></li> 
</ul>


y tb todos se activan y cambian de color menos el inicio

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var actual=location.pathname;
var pag;
//menu
switch(actual){
case "/": pag = ".home"; //pagina principal
break;
case "/inicio.htm": pag = "home";
break;
case "/galeria.htm": pag = ".pag1";
break;
case "/descargas.htm": pag = ".pag2";
break;
case "/pelis-online.htm": pag = ".pag3";
break;
case "/canales-live.htm": pag = ".pag4";
break;
}
$(pag).addClass("active");
});
</script>



k hago mal? y ademas e añadido 2 paginas mas la de contacto y foro y la de foro se keda el boton abajo de la barra y si kito la opcion de foro ,la k tengo de contacto se ve el boton mas abajotb y el boton de foro no se enciende




Ya esta casi listo solo necsito una ayudita plisss
mira ni la pestaña de inicio,ni la de foro ni la de los subcanales osea submenus,aki dejo el codigo y digame k esta mal por favor aki va uno


<div class="art-nav-center">
<ul class="art-hmenu">
<li><a class="home" href="/inicio.htm">INICIO</a></li>
<li><a class="pag1" href="/galeria.htm">GALERIA</a></li>
<li><a class="pag2" href="/descargas.htm">DESCARGAS</a></li>
<li><a class="pag3" href="/pelis-online.htm">PELIS ONLINE</a></li>
<li><a class="pag4" href="/canales-live.htm">CANALES LIVE</a>
<ul>
<li><a class="pag7" href="/canal-1.htm">CANAL 1</a></li>
<li>
<li><a class="pag8" href="/canal-2.htm">CANAL 2</a></li>


<li><a class="pag9" href="/canal-3.htm">CANAL 3</a></li>


<li><a class="pag10" href="/canal-4.htm">CANAL 4</a></li>

<li>
<li><a class="pag11" href="/canal-5.htm">CANAL 5</a></li>

<li><a class="pag12" href="/canal-6.htm">CANAL 6</a></li>

<li>
<li><a class="pag13" href="/canal-7.htm">CANAL 7</a></li>

<li>
<li><a class="pag14" href="/canal-8.htm">CANAL 8</a></li>


<li><a class="pag15" href="/canal-9.htm">CANAL 9</a></li>


<li><a class="pag16" href="/canal-10.htm">CANAL 10</a></li>

<li><a class="pag17" href="/canal-11.htm">CANAL 11</a></li>

<li>
<li><a class="pag18" href="/canal-12.htm">CANAL 12</a></li></li>

</ul>
<li><a class="pag5" href="/contacto.htm">CONTACTO</a></li>
<li><a class="pag6" href="/foro.htm">FORO</a></li>
</ul>









</div>







Y AKI VA EL OTRO


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var actual=location.pathname;
var pag;
//menu
switch(actual){
case "/": pag = ".home";
break;
case "/inicio.htm": pag = "home"; //pagina principal
break;
case "/galeria.htm": pag = ".pag1";
break;
case "/descargas.htm": pag = ".pag2";
break;
case "/pelis-online.htm": pag = ".pag3";
break;
case "/canales-live.htm": pag = ".pag4";
break;
case "/contacto.htm": pag = ".pag5";
break;
case "/foro.htm": pag = ".pag6";
break;
case "/canal-1.htm": pag = ".pag7";
break;
case "/canal-2.htm": pag = ".pag8";
break;
case "/canal-3.htm": pag = ".pag9";
break;
case "/canal-4.htm": pag = ".pag10";
break;
case "/canal-5.htm": pag = ".pag11";
break;
case "/canal-6.htm": pag = ".pag12";
break;
case "/canal-7.htm": pag = ".pag13";
break;
case "/canal-8.htm": pag = ".pag14";
break;
case "/canal-9.htm": pag = ".pag15";
break;
case "/canal-10.htm": pag = ".pag16";
break;
case "/canal-11.htm": pag = ".pag17";
break;
case "/canal-12.htm": pag = ".pag18";
break;
}
$(pag).addClass("active");
});
</script>


Ultima edición por terrorvshorror el Mie Jul 25, 2012 5:24 pm; editado 5 veces
Mensaje27-07-2012, 04:25 (UTC)    
Título del mensaje:

ola de nuevo medio medio he acabado la web y gracias a todos vosotros ,lo del foro se me siguen viendo las letras en blanco y claro como el fondo es blanco tb no se ven bien,alguien sabria decirme como hacer para k en la portada del foro se me vea la descripcion en negro ,el texto?

2do Aviso del Moderador "Design-PWG.":
[Por favor no hacer doble Post. Para añadir información a sus mensajes utilice la función ubicada en la esquina superior derecha de sus mensajes]


Ultima edición por terrorvshorror el Vie Jul 27, 2012 8:13 am; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group