Tab panel con botones verticales

[TiNCHOY2k]

Buenas a todos!
Estoy metido en un nuevo proyecto y para presentar una idea quiero realizar un sitio minimalista basado en un panel de tabs vertical las cuales se ubiquen en el ángulo inferior izquierdo.

(sorry pero no puedo adjuntar imágenes)

Alguien tiene idea de cómo realizar esto?

Si bien el dreamweaver viene con un widget spry "tab panels", no se còmo configurarlo.

De antemano gracias por despejar mi duda.

[emiliodeg]

bueno creo q lo q quieres hacer es algo como esto http://www.mclibre.org/consultar/ama...ion_fixed.html

simplemente agregando position:fixed; y las coordenadas top y left, ancho y alto y se soluicona todo

espero te sirva :adios

[Calizman]

simplemente agregando position:fixed; y las coordenadas top y left, ancho y alto y se soluicona todo

Se soluciona todo para los buenos navegadores... pero IE te dará una buena batalla (como lo suele hacer...)

[emiliodeg]

bueno pero si aparece algun problema con IE se le puede agregar un poquito de javascript y solucionarlo

[Calizman]

Iniciado por emiliodeg

bueno pero si aparece algun problema con IE se le puede agregar un poquito de javascript y solucionarlo

Veo bastante inecesario agregar JavaScript para algo que puede hacerse con el buen uso de el HTML y el CSS... pero en fin! Es una pelea que no me toca luchar a mi.

Hasta Luego!!

[Mikmoro]

¿E intentarlo así (sólo CSS)?
(suponiendo que fuera eso lo que busca, claro)

[Calizman]

Iniciado por Mikmoro

¿E intentarlo así (sólo CSS)?
(suponiendo que fuera eso lo que busca, claro)

<sarcastic> No Mikel, seguro es mas facil con JS!! </sarcastic>

[TiNCHOY2k]

Iniciado por Mikmoro

¿E intentarlo así (sólo CSS)?
(suponiendo que fuera eso lo que busca, claro)

ESTO ES EXACTAMENTE LO QUE QUIERO!!

Pero en vez que los tabs aparezcan arriba, quiero que estos se pocisionen en el lateral izquierdo inferior.

Algo así: (reemplacen las comas)

Código:

www,notebookcenter,cl/img/demo_tab.jpg

[Calizman]

En ese caso, podrias hacer algo asi:

http://araudi.net/ejemplos/tabs_activo_visited.html

Tambien hecho por Mikel.

[TiNCHOY2k]

Iniciado por CaLiZzZ

En ese caso, podrias hacer algo asi:

Tambien hecho por Mikel.

Casi, pero no

Quiciera que aparezcan solo las pestañas como figuran en la imagen

[Calizman]

Haber haber... Disculpa pero.. Quieres tener una idea de como hacerlo, o quieres que te lo hagamos y que tu lo uses?? Porque nosotros te damos ejemplos de cómo podrias hacerlo, no regalamos (al menos no todos...) nuestros trabajos... Te sugeriría que si quieres que uses los ejemplos que te hemos dado y los adaptes a lo que quieres, y no esperes que uno de nostoros te regale el codigo solo para copiarlo y pegarlo...

[TiNCHOY2k]

1. En este caso "Haber haber..." se escribiría " A ver a ver...
2. No estoy pidiendo que alguien haga el código por mi, tu visión está muy equivocada. El reto del tema es que las pestañas aparezcan desde abajo hacia arriba teniendo como valor "0px" el margen inferior del contenedor de botones.
Con el widget de dreamweaver (spry panel tabs) ya encontré la forma de colocar las pestañas de manera vertical, lo que me está complicando es la pocisión de los botones.

Código:

/*Solo hay que reemplazar el class del contenedor padre a "VTabbedPanels" en lugar de "TabbedPanels"*/
<div id="TabbedPanels1" class="VTabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Ficha 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Ficha 2</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Contenido 1</div>
    <div class="TabbedPanelsContent">Contenido 2</div>
  </div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>

En buena onda: Mi intención no era que malinterpretaras mi pedido y perdona si pensaste que yo quería que alguien armara el código para copiar y pegar.
Solo intentemos no subirle el tono al topic ni desvirtuarlo para el lado de las tonterías por malas interpretaciones.

[Mikmoro]

Bueno, lo que pretende decirte caliz es que con mi primer ejemplo ya tienes un poco las herramientas de cómo está hecho: ahora deberás demostrar que lo intentas, que las estudias para entenderlas, que tienes un código en el que estás probando y te funciona o no, y cuando tenga dudas concretas sobre algo que no funciona preguntes.
Seguramente es el camino más largo para tí, pero también el más firme en el que podrás aprender algo, y partiendo de la base del ejemplo que ya tienes (que no es nada fácil de hacer desde cero, te lo aseguro), puedes empezar a intentarlo. Luego pregunta lo que necesites, pero no preguntes un genérico como: "¿cómo hago para que ahora salga vertical?" o similares.

Suerte.

[TiNCHOY2k]

Tienes los dedos llenos de razón ^^

[Calizman]

Ok, Disculpa si leiste mi respuesta como "Subida de Tono"... no fue mi intencion hacerlo asi. Solo que realmente detesto a los "Comodones".

Ahora si: Troll Mode: OFF

Hasta Luego!!