رفتن به مطلب

نشان دادن پست هر دسته خاص به صورت جداگانه


پست های پیشنهاد شده

درود ،

نمی دونم عنوان تاپیک رو درست انتخاب کردم یا نه ولی بزارین توضیح بدم که چی میخوام :

بنده یه افزونه یا کدی میخوام که مانند سایت راسخون (البته نمی دونم این سایت از ودرپرس نیرو گرفته یا نه) مطالب رو دسته ها رو به صورت جداگانه و زیر هم نشون بده. و هر دست خاص برای خودش شماره صفحه داشته باشه.

تشکر از همگی بچه ها

__________________________

پ . ن: اگر آنتی ویروستون از رفتن به این سایت راسخون جلوگیری کرد موقتا غیر فعالش کنید.

لینک به ارسال

یا میشه مطالب دسته ای خاص رو به این تب ها متصل کرد؟ (فایل تب رو پیوست کردم)

1.html

ویرایش شده توسط elshan
لینک به ارسال

این فایلها را در header.php ذخیره کنید


<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/resources/demos/style.css" />
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>

در این کدها ابتدا بجای CAT_ID به ترتیب آی دی سه دسته ای که می خواهید را بگذارید و به جای نام دسته هم نام دسته ها را بنویسید و بعد بگذارید در محلی که می خواهید نمایش داده شود


<div id="tabs">
<ul>
<li><a href="#tabs-1">نام دسته</a></li>
<li><a href="#tabs-2">نام دسته</a></li>
<li><a href="#tabs-3">نام دسته</a></li>
</ul>
<div id="tabs-1">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
<div id="tabs-2">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
<div id="tabs-3">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
</div>

فایلهای همراه این سند را در مسیر قالب خود ذخیره کنید مثل style.css موجود در پوشه demo در پوشه resources

لینک به ارسال

این فایلها را در header.php ذخیره کنید


<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/resources/demos/style.css" />
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>

در این کدها ابتدا بجای CAT_ID به ترتیب آی دی سه دسته ای که می خواهید را بگذارید و به جای نام دسته هم نام دسته ها را بنویسید و بعد بگذارید در محلی که می خواهید نمایش داده شود


<div id="tabs">
<ul>
<li><a href="#tabs-1">نام دسته</a></li>
<li><a href="#tabs-2">نام دسته</a></li>
<li><a href="#tabs-3">نام دسته</a></li>
</ul>
<div id="tabs-1">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
<div id="tabs-2">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
<div id="tabs-3">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
</div>

فایلهای همراه این سند را در مسیر قالب خود ذخیره کنید مثل style.css موجود در پوشه demo در پوشه resources

تشکر آقای ایمان فخار.ولی من میخوام که مثلا توی تب 1 پست اول یه دسته رو نشون بده و توی تب 2 مطلب بعدی همون دسته رو نشون بده و تو تب 3 هم به همین روال

لینک به ارسال

سئوالتون این رو می رسوند در هر حال من دیگه فرصت کد نویسی دوباره رو ندارم در بخش خرید مطرح کنید شاید دوستان فرصت اعمال تغییرات را داشتند

لینک به ارسال

سئوالتون این رو می رسوند در هر حال من دیگه فرصت کد نویسی دوباره رو ندارم در بخش خرید مطرح کنید شاید دوستان فرصت اعمال تغییرات را داشتند

اقا خیلی تشکر .شما اختیار دارین و خیلی زحمت کشیدین.واقعا دستتون درد نکنه.مشکلی که مطرح کردم حل شد.فقط میخوام این تب ها مثلا 10ثانیه یه بار بره به تب بعدی.اگر اینم حل بشه عالی میشه.لطفا کمکتون رو دریغ نکید. باتشکر

لینک به ارسال

بنده یه افزونه یا کدی میخوام که مانند سایت راسخون (البته نمی دونم این سایت از ودرپرس نیرو گرفته یا نه)

خیر، این سیستم با ASP.net هست و نوشته یک شرکت ایرانیه.

لینک به ارسال

تشکر آقا پارسا .میدونم باید با جی اس کار بشه ولی من اصلا سر رشته ای از این زبان ندارم.میشه کمک کنید؟

ویرایش شده توسط elshan
لینک به ارسال

کد قبلی رو به این صورت ویرایش کنید:


$("#tabs").tabs('rotate' , 2000);

دوست عزیز وقتی این کد رو میزاری اصلا دیگه تب بالا نمیاد!!

ویرایش شده توسط elshan
لینک به ارسال

این کد رو امتحان کنید:


$("#tabs-rotate").tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 3000);

جواب نداد می تونید از مثال پیوستی استفاده کنید

rotating-jquery-tabs1.zip

ویرایش شده توسط Anisi
لینک به ارسال

این کد رو امتحان کنید:


$("#tabs-rotate").tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 3000);

جواب نداد می تونید از مثال پیوستی استفاده کنید

داداش خیلی ممون از لطفت .شکر خدا مشکلم حل شد و کار کرد.خدا خیرت بده.تشکر

ویرایش شده توسط elshan
لینک به ارسال

این کد رو امتحان کنید:


$("#tabs-rotate").tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 3000);

جواب نداد می تونید از مثال پیوستی استفاده کنید

کد بالا رو به کجا اضافه کنیم ؟

لینک به ارسال

کد بالا رو به کجا اضافه کنیم ؟

به جای


$( "#tabs" ).tabs();

این رو قرار بدید:


$("#tabs").tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 3000);

لینک به ارسال

به جای


$( "#tabs" ).tabs();

این رو قرار بدید:


$("#tabs").tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 3000);

سلام

کار نکرد دوسته عزیز !

لینک به ارسال

چرا اینقدر زود من استفاده نکرده شما گذاشتین تو سایتتون؟؟؟!!!

سلام ... !

فک کنم مشکلی نداشته باشه ... !

لینک به ارسال

این فایلها را در header.php ذخیره کنید


<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/resources/demos/style.css" />
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>

در این کدها ابتدا بجای CAT_ID به ترتیب آی دی سه دسته ای که می خواهید را بگذارید و به جای نام دسته هم نام دسته ها را بنویسید و بعد بگذارید در محلی که می خواهید نمایش داده شود


<div id="tabs">
<ul>
<li><a href="#tabs-1">نام دسته</a></li>
<li><a href="#tabs-2">نام دسته</a></li>
<li><a href="#tabs-3">نام دسته</a></li>
</ul>
<div id="tabs-1">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
<div id="tabs-2">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
<div id="tabs-3">
<?php $recent = new WP_Query("cat=CAT_ID&showposts=10");?>
<?php while($recent->have_posts()) : $recent->the_post();?>
<div class="post" id="post<?php the_ID();?>">
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a>
</h2>
<small><?php the_time(' l jS F Y') ?></small> توسط <?php the_author_posts_link() ?>
<hr />
<div class="entry"><?php the_excerpt();?></div>
<?php if (get_the_tags()): ?><div><?php the_tags('برچسشب : '); ?></div><?php endif;?>
<p><?php comments_popup_link('بدون نظر','یک نظر','% نظر', '','بخش نظرها مسدود است' ); ?></p>
</div>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
</div>

فایلهای همراه این سند را در مسیر قالب خود ذخیره کنید مثل style.css موجود در پوشه demo در پوشه resources

یه سوال ... ! الان تو فایل style. این کلی عکس هستش ... ابن عکس هاش رو از کجا باید بیاریم ؟

لینک به ارسال

یه سوال ... ! الان تو فایل style. این کلی عکس هستش ... ابن عکس هاش رو از کجا باید بیاریم ؟

داداش کلا اصلا نمیشه این style.css این برداشت چون آدرس مستقیم که نداره و به صورت زیره :

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/resources/demos/style.css" />

لینک به ارسال

این قالبها قالبهای دیفالت و رایگان jquery هستند از این صفحه می تونید دریافتشون کنید

http://jqueryui.com/themeroller/

از theme roller در سمت چپ صفحه و تب gallery تمز موردنظر را انتخاب کنید و بر روی دکمه دانلود بزنید و فایل دریافتی را به پوشه قالب خود منتقل کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...