Staff en línea
Últimos temas
[Javascript] Colocar las categorias como pestañas - Página 3 Origin10[Ocio]El confesionario Digital
por Chalo Vie Mar 27, 2020 10:14 am

[Javascript] Colocar las categorias como pestañas - Página 3 Origin10Utiliza Android en tu pc de forma nativa
por Fibo Jue Mar 26, 2020 8:38 pm

[Javascript] Colocar las categorias como pestañas - Página 3 Origin10[Ocio] Contemos hasta el 5000
por Chalo Jue Mar 26, 2020 11:33 am

[Javascript] Colocar las categorias como pestañas - Página 3 Origin10[Publicidad] Alfa Gamer
por YoshiGM Dom Mar 22, 2020 11:49 am

Página 3 de 3. Precedente  1, 2, 3

[Javascript] Colocar las categorias como pestañas
Tema iniciado por y Añadir a favoritos

staff
Recuerdo del primer mensaje :

[codebox]Creador: Desconocido

Demo:
Capturas:

[Javascript] Colocar las categorias como pestañas - Página 3 TJy9BywZSD6iYvfsUmpn+Capturadepantalla2014-03-13ala(s)11.21.02[Javascript] Colocar las categorias como pestañas - Página 3 MB2VzNa2Sk6dvOa6Vw1z+Capturadepantalla2014-03-13ala(s)11.21.02
Descripción: Coloca las categorias del indice como pestañas con efecto[/codebox]

Código:

Javascript

[hidecode]
Código:
$(function() {
  $("div.table-title").closest("div.forabg").addClass("cat-table").first().before('<div id="cat-tabs"></div>');
  $(".cat-table:not(:first)").hide();
  $("div.table-title h2").each(function() {
    $("#cat-tabs").append('<div class="ct-item">' + $(this).text() + "</div>")
  });
  $("#cat-tabs .ct-item").click(function() {
    $("#cat-tabs .ct-abled").removeClass("ct-abled");
    $(this).addClass("ct-abled");
    $(".cat-table").not($(".cat-table").eq($("#cat-tabs .ct-item").index(this)).slideDown(200)).slideUp(200)
  }).first().addClass("ct-abled")
});
[/hidecode]





CSS
Código:
#cat-tabs { text-align: center; margin: 10px auto; }
#cat-tabs .ct-item { display: inline; background: blue; color: #fff; margin: 5px; padding: 5px;  }
#cat-tabs .ct-abled { color: blue; background: #fff; }






:Oculto:
Chalo
Chalo

¿Que estoy pensando? :

covid19 ingresó al foro :v [table class=fecha_up][td]Se modifico:24/03/20 - 12:19 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/ikntDYIh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7065


Puntos :

9190


Me gusta :

1056


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
A ver que sale, estoy hoy de mirón jejeje
Athan
Athan

¿Que estoy pensando? :

Athan [table class=fecha_up][td]Se modifico:8/03/16 - 10:55 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi68.tinypic.com/2dr5nit.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

205


Puntos :

279


Me gusta :

52


ingreso :

10/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


http://www.indiosrojiblancos.net/

Volver arriba Ir abajo

No perderé tiempo y lo probare
Gotilon
Gotilon

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

voy a probarlo a ver que tal

edit:
es muy bueno, le viene excelente a mi foro!!!
kyusenka
kyusenka

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

47


Puntos :

70


Me gusta :

15


ingreso :

22/03/2016


Sexo :

Masculino

Plataforma :

phpbb2


Navegador :

chrome


Volver arriba Ir abajo

Gracias! Estaba buscando cómo hacer esto [Javascript] Colocar las categorias como pestañas - Página 3 953422333
Emerie
Emerie

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

7


Puntos :

12


Me gusta :

5


ingreso :

02/02/2017


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

Hay foros ejemplos como nulled y leak
Allí se oculta las categorías y es muy interesante.
muykay
muykay

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

67


Puntos :

70


Me gusta :

3


ingreso :

07/09/2017


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Volver arriba Ir abajo

posteo para ver
De nuevo [Javascript] Colocar las categorias como pestañas - Página 3 499117082
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

156


Puntos :

186


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

pruebo de nuevo xD
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

156


Puntos :

186


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

post para ver gracias
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

156


Puntos :

186


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

nuevamente mirando esta cuestión para ponerla en mi foro
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

156


Puntos :

186


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.