Insertar pestañas CSS con jQuery en Blogger

  • Autor Autor tommy2032
  • Fecha de inicio Fecha de inicio
El problema que ese tutorial no esta completo y la pagina que hizo el tutorial original esta caída
 
Insertar CODE, HTML o PHP:
Lo que dice el [B]paso 1[/B]

Eso va en las entradas de blogger.

Insertar CODE, HTML o PHP:
El [B]paso 2[/B].

Lo tienes que poner en la plantilla justo antes de [B]]]></b:skin>[/B]

Insertar CODE, HTML o PHP:
El primer 4 paso.

En la plantilla debajo de [B]<head>[/B]

Insertar CODE, HTML o PHP:
El segundo 4 paso.

justo antes de [B]</head>[/B]

A este ultimo codigo sumale esto.

[COLOR="#FF0000"]<script type='text/javascript'>[/COLOR]
Aqui codigo
[COLOR="#FF0000"]</script> [/COLOR]
 
en el utimo 4 paso que tu explicate de sumar este otro codigo como asi no entiendo

mil gracias por la ayuda
q sigan mejorando​

gracias por el interes en ayudar
 
en el utimo 4 paso que tu explicate de sumar este otro codigo como asi no entiendo

mil gracias por la ayuda
q sigan mejorando​

gracias por el interes en ayudar

En el ultimo paso en la web que has puesto pone esto.

Insertar CODE, HTML o PHP:
$(document).ready(function()
{
	$(".tab_content").hide();
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();

	$("ul.tabs li").click(function()
       {
		$("ul.tabs li").removeClass("active");
		$(this).addClass("active");
		$(".tab_content").hide();

		var activeTab = $(this).find("a").attr("href");
		$(activeTab).fadeIn();
		return false;
	});
});

Tienes que poner justo antes de </head> esto.

Insertar CODE, HTML o PHP:
[COLOR="#FF0000"]<script type='text/javascript'>[/COLOR]
$(document).ready(function()
{
	$(".tab_content").hide();
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();

	$("ul.tabs li").click(function()
       {
		$("ul.tabs li").removeClass("active");
		$(this).addClass("active");
		$(".tab_content").hide();

		var activeTab = $(this).find("a").attr("href");
		$(activeTab).fadeIn();
		return false;
	});
});
[COLOR="#FF0000"]</script>[/COLOR]

Solo seria añadirle lo que esta en rojo.
 
:victorious:gracias<-->gracias:victorious:
 
por favor explicame donde se pone cada cosa
<ul class="tabs">
<li><a href="#tab1">Gallery</a></li>
<li><a href="#tab2">Submit</a></li>
</ul>

<div class="tab_container">
<div id="tab1" class="tab_content">
<!--Content-->
</div>
<div id="tab2" class="tab_content">
<!--Content-->
</div>
</div>
 
bajate un theme que trae esos tabs en el sidebar y ves el codigo, es muy facil.
 
<ul class="tabs">
<li><a href="#tab1">Megavideo</a></li>
<li><a href="#tab2">Videobb</a></li>
</ul>

<div class="tab_container">
<div id="tab1" class="tab_content">
Aqui pones el video de megavideo o lo que quieras
</div>
<div id="tab2" class="tab_content">
Aqui pones el video de videobb o lo que quieras
</div>
</div>
 
<ul class="tabs">
<li><a href="#tab1">Megavideo</a></li>
<li><a href="#tab2">Videobb</a></li>
</ul>

<div class="tab_container">
<div id="tab1" class="tab_content">
Aqui pones el video de megavideo o lo que quieras
</div>
<div id="tab2" class="tab_content">
Aqui pones el video de videobb o lo que quieras
</div>
</div>

loco gracias de nuevo me funciono
 
Atrás
Arriba