Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje04-04-2012, 02:27 (UTC)    
Título del mensaje: Pasos en caja de 1 al 4 en html

Hola quiero el codigo en html este codigo de facebook de paso 1 paso 2...
como una caja con boton de siguiente ; que solo tenga 4 pasos .

Ejemplo :
Código:

<div >
<ul style="float:right;padding-top:10px;padding-top:-50px">

<li id="menu1" style="display:none"><a href="index.html" clicktoshow="1,menu2" clicktohide="2, 3, 4,menu1,menu3,menu4"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a>
</li>

<li id="menu2" ><a href="about.html" clicktoshow="2,menu3" clicktohide="1, 3, 4,menu1,menu2,"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a></li>

<li id="menu3" style="display:none;"><a href="services.html" clicktoshow="3,menu4" clicktohide="1, 2, 4,menu1,menu2,menu3,menu4"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a></li>

<li id="menu4" style="display:none;" ><a href="contact.html" clicktoshow="4,menu1" clicktohide="1, 2, 3,menu2,menu3,menu4"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a></li>

</ul>

<div style="float:left;
padding-left:50px;padding-top:38px;"
<div id="1" >

CONTENIDO 1


</div>

<div id="2" style="display:none;">

CONTENIDO 2

</div>
<div id="3" style="display:none">

CONTENIDO 3

</div>
<div id="4" style="display:none">

CONTENIDO 4

</div>


Los nesecito !
Mensaje06-04-2012, 18:56 (UTC)    
Título del mensaje:

¡Hola!,

No entiendo muy bien lo que dices... Pero por lo que logro entender, te dejo un tutorial para hacer pestañas con CSS y JQuery. Cada paso puede ir en una pestaña. Cada pestaña tiene su contenido. Bueno, ahí va: http://www.cssblog.es/pestanas-simples-con-css-y-jquery/

Espero que te sirva
¡Saludos!
______________
Respeta las Normas del Foro
No hagas doble post, usa la opción
Utiliza el buscador antes de abrir un nuevo tema
Email oficial PaginaWebGratis.es: support-es@webme.com
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group