Contenido

Tabs horizontales

17 Dic

+ 8

Via VidaBlog, descubro un sistema para hacer tabs horizontales de forma fácil, rápida y sobretodo profesional.

El sistema usado está basado en uno que yo ya habia visto hace meses y use alguna vez, pero los acabados me convencen mucho más.

Tabs

Aqui, podeis ver algunos ejemplos de tabs realmente buenos y lo podeis decargar desde aqui.

Como usarlo

Para usar esta utilidad unicamente tenemos que disponer de las imagenes que componen los botones y del codigo CSS que se incluye en el fichero. Bastará con aplicar un id a un div que englobe toda la barra de botones para que se apliquen a ellos los estilos definidos.

El metodo para crear las tabs es usar <ul> para la definir la lista y <li> para representar cada boton o tab.

Buenas feo,
esto es pa wordpress?
o vale pa cualkier cosa?

Fiera, eso sirve para lo que quieras, es HTML y CSS nada más.

en este sistema o el que hizo havocstudios es posible crear subtabs?
para crear un menu y los respectivos submenu de los items principales

Muy buenas a todos , el menu este por tabs genial, cuando acabe la web ya os la enseñare, pero tengo una cuestion…??? de que manera se podria hacer para que al pinxar se quedara la pestaña seleccionada.?.a ver a quien se le ocuerre una idea…
Saludos Isma

Buenas Ismael, si te sirve de algo en ajaxRegulus uso lo siguiente.

<ul id=”nav”>
        <li <?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { echo “class=\”current_page_item\”"; } ?> ><a href=”<?php echo get_settings(’home’); ?>” ><?php _e(’Home’); ?></a></li>
        <?php wp_list_pages(’sort_column=menu_order&depth=1&title_li=’); ?>
        </ul>

Hola, podrias decirme como descargar el pack demo, porque me pide un usuario

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo