20 noviembre, 2009

Como crear pestañas en Blogger: Tab View

 Tab View  es un pequeño script que nos permite agregar pestañas o solapas en blogger.

Agregamos los dos archivos antes de </head>:

<script type="text/javascript" src="URL_tab-view.js"></script>
<link rel="stylesheet" type="text/css"href="URL_tab-view.css"/>


Como detalle extra, este script usa la imagen tab-view.png así que deberemos alojarla en alguna parte.

El código HTML a utilizar sería este:



<div class="TabView" id="TabView">
<div class="Tabs" style="width: anchopx;">
<a class="Current">Pestaña 1</a>
<a>Pestaña 2</a>
<a>Pestaña 3</a>
</div>
<div class="Pages" style="width: anchopx; height: altopx;">
<div class="Page" style="display: block;">
<div class="Pad"> ... contenido Pestaña 1 ... </div>
</div>
<div class="Page" style="display: none;">
<div class="Pad"> ... contenido Pestaña 2 ... </div>
</div>
<div class="Page" style="display: none;">
<div class="Pad"> ... contenido Pestaña 3 ... </div>
</div>
</div>
</div>
<script type="text/javascript">tabview_initialize('TabView');</script>
Comparte este post con tus amigos!

7 comentarios

Rey Jesús dice:

Mano ya lo hice paso a paso y me sale mal. No se si sea que hay que declarar las clases Page, Pad y etc.No se mano. Me gustaria me pudieras ayudar.

Arevalo dice:

T.T no entendi muy bien me explicas porfis poquito a poquito o me pones como quedaria el codigo porfas de 3 pestañas distintas porfavor T.T

Abdul Masih Chammé dice:

muy malo el post, re poco didactico y mal redactado :( muy pobre...

Anónimo dice:

El post es garcha!! solo lo usan para posicionar , no hagan caso!!

Chaantii dice:

¿Se supone que esto es un blog de ayuda? No explicas nada.

Anónimo dice:

Pesimo post, falta calidad en la explicación y no pones un ejemplo de como queda,mas confundes con esa explicación irrisoria, da de baja este blog y da espacioa alguien mas.

Escribir un comentario ↓

Puedes dejar aqui tu mensaje, en el cual sabremos que te parecio esta entrada o tambien puedes dejar tus quejas, dudas o sugerencias.

Vivimos de tus comentario.

Puedes dejar un enlace hacia tu blog siempre y cuando este alojado en Blogger y no sea de Tematica no apta para menores de 18 años.