روش استفاده از این تب در آخر مطالب

[vahids 5]

سلام من تو انجمن خیلی دنبال آموزش ساخت تب گشتم ولی چیز جالبی نبود بلاخره بعد گشتن اینو پیدا کردم

http://www.red-team-design.com/css3-jquery-folder-tabs

ولی نمیدونم چطور میشه ازش استفاده کرد چون 3 تا کده

میخوام تو اخر مطلب بیاد تا توش بتونم زمینه دلخواه بزنم

[kasra 4929]

سلام

خیلی راحته

شما کدهای مربوط به css رو در استایل قالبتون بزارین و بعد کدهای html مربوط به تب هارو در داخل single.php بزارید

و بعد این هارو هم قرار بدید :

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function() {
$("#content div").hide(); // Initially hide all content
$("#tabs li:first").attr("id","current"); // Activate first tab
$("#content div:first").fadeIn(); // Show first tab content

$('#tabs a').click(function(e) {
	 e.preventDefault();
	 if ($(this).closest("li").attr("id") == "current"){ //detection for current tab
		 return	
	 }
	 else{			
	 $("#content div").hide(); //Hide all content
	 $("#tabs li").attr("id",""); //Reset id's
	 $(this).parent().attr("id","current"); // Activate this
	 $('#' + $(this).attr('name')).fadeIn(); // Show content for current tab
	 }
});
});
</script>
<!-- BSA AdPacks code -->
<script>
(function(){
var bsa = document.createElement('script');
	 bsa.async = true;
	 bsa.src = 'http://www.red-team-design.com/js/adpacks-demo.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>

و بعد داخل کدهای تب ها هم زمینه های دلخواهی که میخواید رو استفاده کنید

فقط توجه کنید جی کوئری توی خود وردپرس لود میشه اگر تب ها کار نکردن یعنی تداخل ایجاد میشه که باید درستش کنید

[vahids 5]

تب های ایجاد نمیشه چطور تداخل رو میشه درست کرد

[Morteza 34190]

تب بدون جی کوئری یا جاوااسکریت:

http://css-tricks.com/css3-tabs/
http://css-tricks.com/examples/CSSTabs/radio.php

[vahids 5]

ممنون ولی راهی نیست بشه از اونی که من دادم بشه استفاده کرد رو هیچ قالب درست نمیاره حتی رو قالب پیش فرض وردپرس