vahids

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

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

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

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

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

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

0

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


لینک به پست

سلام

خیلی راحته

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

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

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

2

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


لینک به پست

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

0

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


لینک به پست

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


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

0

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


لینک به پست

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

0

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


لینک به پست

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

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

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

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


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

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

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


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