saeedagha 23 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 (ویرایش شده) با تشکر از صادق عزیز به خاطر معرفی پلاگین organic tab در اینجامن از همین روش برای نمایش نوشته ها در سایت استفاده کردم یعنی با کلیک بر روی عنوان نوشته ها محتویات آن نمایش داده بشهدر قسمت html مشکلی نیست اما وقتی از کدهای وردپرس استفاده می کنم مشکلی که به وجود می اید قرار دادن ای دی داینامیک برای نوشته ها و سپس محتویات هست چون ای دی دوبار تکرار میشه یکی در قسمت بالا در تب ها و دوباره در قسمت محتویات و اگه ای دی اینجا عوض بشه محتویاتو نشون داده نمیشه ممنون میشم از دوستان بگن چطوری اینا رو برای وردپرس هماهنگ کنم تا عنوان و محتویات نوشته به نمایش در بیاداین کدها در حالت html هست<div id="Tabs-one"> <div class="post"> <div class="tittle-post"> <ul class="nav"> <li id="auth"><a href="#authors" class="tabs download-matte"> نویسنده </a> </li> <li id="dl"><a href="#download-link" class="tabs download-matte"> لینک دانلود </a> </li> <li id="he"><a href="#help" class="tabs download-matte"> راهنمایی </a> </li> <li id="sourc"><a href="#source" class="tabs download-matte"> منبع </a> </li> <li id="req"><a href="#requer" class="tabs download-matte"> نیازمندی </a> </li> <li id="tags"><a href="#tag" class="tabs download-matte"> برچسب ها </a> </li> <li id="langs"><a href="#lan" class="tabs download-matte"> انگلیسی </a> </li> </ul> </div> <!--/title post--> <div class="content-post"> <div class="list-wrap"> <div id="authors" class="tab_content"> <h3> دربارهsfyhfdhdhdfh : </h3> <span class="download-help">راهنمای دانلود</span> fgjfgjfjfjhhjghjghjghj </div> </div> <div id="download-link" class="tab_content"> <h3>لینک های دانلود</h3> <span class="download-help">راهنمای دانلود</span> fgjfgjfjfjhhjghjghjghj </div> <div id="help" class="tab_content"> <h3>راهنمایی</h3> <span class="download-help">راهنمای دانلود</span> hkljltylty </div> <div id="source" class="tab_content"> <h3>منابع</h3> rykytyfyhk </div> <div id="requer" class="tab_content"> < <h3> حداقل </h3> g,ltyoty,oyfloyfrlrf </div> <div id="tag" class="tab_content"> <h3> نوشته</h3> kltfuykyhkhk </div> <div id="lan" class="tab_content"> <h3> Lange</h3> <span class="download-help">About Post</span> tglugj,lgl.g.j.;;lhlhlhlhl </div> </div> <!-- endlist wrap--> </div> <!--/content-post--> </div> ویرایش شده تیر 92 توسط saeedagha نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 بخش اسکریپتش رو هم قرار بدیداز اونجا باید تغییر بدید 1 نقل قول لینک به ارسال
saeedagha 23 ارسال شده در تیر 92 مالک گزارش بازنشر ارسال شده در تیر 92 بخش اسکریپتش رو هم قرار بدیداز اونجا باید تغییر بدید <script type="text/javascript"> $(function() { $("#tab").organicTabs(); }); $(document).ready(function() { $(".tab_content").hide(); $("ul.nav li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.nav li").click(function() { $("ul.nav li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script>این هم اسکریپت همینطور که عرض کردم در html مشکلی نیست مشکل فقط در تبدیل به وردپرس هستممنون نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 ببینید این تب براساس آدرس هر لنک در عنوان تب رو باز میکنهیعنی #authors میاد ای دی id="authors" رو باز میکنهبجاش از کلاس استفاده و تست کنید 1 نقل قول لینک به ارسال
saeedagha 23 ارسال شده در تیر 92 مالک گزارش بازنشر ارسال شده در تیر 92 ببینید این تب براساس آدرس هر لنک در عنوان تب رو باز میکنهیعنی #authors میاد ای دی id="authors" رو باز میکنهبجاش از کلاس استفاده و تست کنیدمشکل من اینه که نمی دونم چه طوری کوئری بگیرم تا تایتل ها و محتویات سایت به نمایش در بیادنمی دونم دو تا باید بگیرم یکی برای تایتل های سمت راست و یکی هم برای محتویات سمت چپ ؟مشکلم بیشتر همینه که نمی تونم با وردپرس هماهنگش کنمیعنی نمی دونم کوئری رو باید دقیقان کجا بذارمهدف من اینکه با کلیک روی عنوان نوشته ها محتویات به نمایش درباید حالا با ارگانیک نشد با هر چیز دیگه اییممنون نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 کل فایلهای تب( css، js و html) رو در یک فایل زیپ در اینجا قرار بدید تا بصورت نمونه بهتون بدم 1 نقل قول لینک به ارسال
saeedagha 23 ارسال شده در تیر 92 مالک گزارش بازنشر ارسال شده در تیر 92 کل فایلهای تب( css، js و html) رو در یک فایل زیپ در اینجا قرار بدید تا بصورت نمونه بهتون بدمبسیار ممنونم ضمیمه شد!we-site.zip نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 منظورم کدهای خام خود تب بود نه چیزی که وردپرس کردیدمیخوام براساس کد خام نمونه بنویسم 1 نقل قول لینک به ارسال
saeedagha 23 ارسال شده در تیر 92 مالک گزارش بازنشر ارسال شده در تیر 92 (ویرایش شده) منظورم کدهای خام خود تب بود نه چیزی که وردپرس کردیدمیخوام براساس کد خام نمونه بنویسماینجاآقا صادق زحمت کشیدن این پلاگینو معرفی کردنحتما مهم نیست که از این پلاگین استفاده بشه فقط می خوام که با کلیک روی عنوان یک نوشته محتویات اون به نمایش در بیادتوی سایت سازنده اش همین مثال هست که لینک دادمممنون ویرایش شده تیر 92 توسط saeedagha نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 همینه؟http://css-tricks.com/organic-tabs/ 1 نقل قول لینک به ارسال
saeedagha 23 ارسال شده در تیر 92 مالک گزارش بازنشر ارسال شده در تیر 92 بله دقیقا نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 تست نشده: <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Organic Tabs</title><link rel="stylesheet" href="css/style.css"> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <script src="js/organictabs.jquery.js"></script> <script> $(function() { $("#example-one").organicTabs(); }); </script></head><body> <div id="example-one"> <ul class="nav"> <li class="nav-one"><a href="#featured" class="current">Featured</a></li> <li class="nav-two"><a href="#core">Core</a></li> <li class="nav-three"><a href="#jquerytuts">jQuery</a></li> <li class="nav-four last"><a href="#classics">Classics</a></li> </ul> <div class="list-wrap"> <ul id="featured"> <?php query_posts('showposts=5&cat=1'); if(have_posts()): while(have_posts()): the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endwhile; endif; wp_reset_query(); ?> </ul> <ul id="core" class="hide"> <?php query_posts('showposts=5&cat=2'); if(have_posts()): while(have_posts()): the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endwhile; endif; wp_reset_query(); ?> </ul> <ul id="jquerytuts" class="hide"> <?php query_posts('showposts=5&cat=3'); if(have_posts()): while(have_posts()): the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endwhile; endif; wp_reset_query(); ?> </ul> <ul id="classics" class="hide"> <?php query_posts('showposts=5&cat=4'); if(have_posts()): while(have_posts()): the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endwhile; endif; wp_reset_query(); ?> </ul> </div> <!-- END List Wrap --> </div> <!-- END Organic Tabs (Example One) --></body></html> نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .