Cómo crear un cajetín con pestañas en WordPress

Galachadas · 2009-08-28T12:15:45-0500

Hola, quería hacer unas modificaciones en mis blogs de wordpress, queria incluir una cajetin como el que por ejemplo tiene xataka, con pestañas y demás.

Es decir, instalo el top comentators y el wp-ratings y luego me hago una caja donde una pestaña ponga los que mas comentan y otra posts mas votados... esa es la idea.

Aunque me vale que me expliquen como se hace con entradas recientes o ultimos comentarios, que son widgets que ya viene predefinidos e igual es mas facil (hablo desde la ignoracia, asi que no lo se:shot🙂y luego ya lo aplico yo a lo otro....

Bueno,lo dicho si me pueden ayudar con el codigo...

Muchas Gracias

Publikalia · 2009-08-28T12:33:25-0500

Seguramente te estes refiriendo a un menu con pestañas para el sidebar. Sin irse mas lejos, buscá en Google esto: "Menu con pestañas wordpress"
Si necesitas mas ayuda, consultalo.

John Stwar · 2009-08-28T12:34:05-0500

Yo utilizo en el theme de T7 el tabbed content

Esto va antes de </head>

HTML:

<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js">

/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

Esto va en el sidebar:

HTML:

<!-- tabbed content -->
<!-- http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm -->

<ul id="tabbed_nav" class="shadetabs">
<li><a href="#" rel="info" class="selected">Acerca de</a></li>
<li><a href="#" rel="autor">Autor</a></li>
<li><a href="#" rel="contacto">Contacto</a></li>
</ul>

<div class="content">

<div id="info" class="tabContent">
TU CONTENIDO # 1
</div>

<div id="autor" class="tabContent">
TU CONTENIDO # 2
</div>

<div id="contacto" class="tabContent">
TU CONTENIDO # 3
</div>
	
</div>

<script type="text/javascript">
	var countries=new ddtabcontent("tabbed_nav")
	countries.setpersist(true)
	countries.setselectedClassTarget("link") //"link" or "linkparent"
	countries.init()
</script>

<!-- / tabbed content -->

Puedes bajar el script y obtener más información en: Dynamic Drive DHTML Scripts-Tab Content Script (v 2.2)

Saludos 🙂

soynacho · 2009-08-28T14:30:04-0500

Ese Tabbed Content se ve muy bueno.

Yo enn mi blog soySeries tengo una que venia por defecto en el theme y te puedo decir que los codigos que ahí pusieron no sirven muy bien que digamos xD

Así que el que usa Publi me parece muy bueno.

Galachadas · 2009-08-28T17:46:50-0500

muchas gracias,muy buenos aportes, pero no he sido capaz de hacerlo bien🙁

primero busque lo que me dijo sergio, ya que al principio no sabia como se llamaba lo que buscaba, pero no he encontrado nada relevante.

luego pasé al script, meto los archivos en el directorio raiz y el codigo en mi header y en mi sidebar, pero anda, me salen los botones abarullados y no como un cajetin🙁

plan C, como hizo soynacho, me busque un theme con cajetin y copie el codigo en mi theme y tambien el stylo... al final... "jodí" mi theme, pero ya lo reparé....

sigo igual... voy a ver si sigo investigando...es que no se porque me falla el codigo que me pasa PUBLY, también revise la página que me pasaste, yo creo que lo ahgo bien...

John Stwar · 2009-08-28T18:19:05-0500

De pronto si puedes pasarme el theme o por lo menos los archivos header.php, sidebar.php y style.css pueda ayudarte!

Galachadas · 2009-08-29T09:00:50-0500

me puedes mandar tu correo por privado y te mando el archivo?

D4rk_Dr4k0 · 2009-08-29T13:36:28-0500

Supongo que no te va bien el de Publistyle porque requiere 2 archivos que no tienes.

<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js">

Esos xD

Galachadas · 2009-08-29T14:16:22-0500

D4rk_Dr4k0 dijo:
Supongo que no te va bien el de Publistyle porque requiere 2 archivos que no tienes.

<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js">

Esos xD

no jeje eso lo tengo controlado, no soy tan dummie! probe poniendo codigo corto y tambien la dirección completa, igual los estilos del cajetin interfieren con los del blog, no se me ocurre otra

D4rk_Dr4k0 · 2009-08-29T16:50:35-0500

Porqué no lo integras tu mismo entonces con esto:

Menú de pestañas con Ajax | BaluArt.net

?

Tambien podrías probar con esto otro:

Snippet Code for Simple Ajax Tabs with cool CSS Styles

Igual y quizá yo podría adaptartelo

Edit:

dhtmlxTabbar - AJAX powered DHTML JavaScript Tabbar component with rich API

Ese tambien me gustó el funcionamiento

Edit 2:

Si quieres te adapto este de aqui

Control.Tabs : Unobtrusive CSS tabs for Prototype

Se ve sencillo y liviano

Hades · 2009-08-29T17:42:53-0500

A eso se le llaman Tabs, hay varios scripts, como DomTab

Galachadas · 2009-08-31T08:36:56-0500

Hades dijo:
A eso se le llaman Tabs, hay varios scripts, como DomTab

me tengo que mirar esta documentacion, muchas gracias, ceo que con esto podré hacerlo

Cómo crear un cajetín con pestañas en WordPress

Galachadas

Publikalia

John Stwar

soynacho

Galachadas

John Stwar

Galachadas

D4rk_Dr4k0

Galachadas

D4rk_Dr4k0

Hades

Galachadas

Temas similares