vahids

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

5 پست در این موضوع قرار دارد

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

سلام

خیلی راحته

شما کدهای مربوط به 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>

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

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

به اشتراک گذاری این پست


لینک به پست

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


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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری