رفتن به مطلب

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


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

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


/**
* Titrakhbar
* -----------------------------------------------------------------------------
*/
.titrakhbar{
background:#fff;
border: 1px solid #CACACA;
border-radius: 5px;
float: right;
height: auto;
margin: 20px 0 0;
padding: 10px;
width: 250px;
}
.homeheight{height:250px;}
.titrakhbar h2{
border-bottom: 1px solid #DDDDDD;
color: #525252;
font-size: 18px;
margin: 5px 10px 0 0;
padding: 0 5px 10px 0;
width: 220px;
}
.titrakhbar p{padding:5px;font-size:11px;}
.titrakhbar ul{
margin:5px;
}
.titrakhbar ul li{
list-style:disc;
margin-right:20px;
color:#7a7a7a;
padding:10px;
font-size:11px;
border-bottom:1px solid #eee;
transition: all 0.5s ease;
}
.titrakhbar ul li:hover{padding-right:15px;color:#eb3838;}
.titrakhbar h2 span{margin-left:10px;font-size:25px;}

که بصورت یک ستونه در میادش مشابه تصویر ضمیمه

حالا میخواستم اینو توی دوتا ستون نشون بده باید چیکارش کنم؟!

از کد زیر هم برای نمایش پیوندها استفاده میکنم


<?php /** Template Name: ابزارک اخبار */ ?>document.write('<?php $args = array('post_type' => 'post', 'posts_per_page' => 10); $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?><li><a href="<?php the_permalink() ?>" target="_blank"><strong><?php the_title(); ?></strong></a></li><?php endwhile; ?><?php wp_reset_query(); ?>');

post-4875-0-55272800-1435906987_thumb.pn

لینک به ارسال

:titr.PNG]

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

از من به شما سفارش از بوت استراپت استفاده کن

  • امتیاز 1
لینک به ارسال

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

از من به شما سفارش از بوت استراپت استفاده کن

درود!

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

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

مشابه عکس!

و نصف تیترهارو تو ستون راست و باقیشو تو ستون چپ نشونش بده

یه چیزی تو مایه های تصویر زیر (اما بدون تصویر شاخص و فقط تیتر)

post-4875-0-66773500-1436039848_thumb.pn

لینک به ارسال

درود!

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

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

مشابه عکس!

و نصف تیترهارو تو ستون راست و باقیشو تو ستون چپ نشونش بده

یه چیزی تو مایه های تصویر زیر (اما بدون تصویر شاخص و فقط تیتر)

post-4875-0-66773500-1436039848_thumb.pn

از offset استفاده کن . کار offset رد کردن پست هاست .

دو ستون مطابق استایل خودت درست کن و در یکی این کد :


<?php /** Template Name: ابزارک اخبار */ ?>document.write('<?php $args = array('post_type' => 'post', 'posts_per_page' => 10); $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?><li><a href="<?php the_permalink() ?>" target="_blank"><strong><?php the_title(); ?></strong></a></li><?php endwhile; ?><?php wp_reset_query(); ?>');

و دیگری این کد


<?php /** Template Name: ابزارک اخبار */ ?>document.write('<?php $args = array('post_type' => 'post', 'posts_per_page' => 10, 'offset' => 10); $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?><li><a href="<?php the_permalink() ?>" target="_blank"><strong><?php the_title(); ?></strong></a></li><?php endwhile; ?><?php wp_reset_query(); ?>');

رو استفاده کن .

  • امتیاز 1
لینک به ارسال

از offset استفاده کن . کار offset رد کردن پست هاست .

دو ستون مطابق استایل خودت درست کن و در یکی این کد :


<?php /** Template Name: ابزارک اخبار */ ?>document.write('<?php $args = array('post_type' => 'post', 'posts_per_page' => 10); $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?><li><a href="<?php the_permalink() ?>" target="_blank"><strong><?php the_title(); ?></strong></a></li><?php endwhile; ?><?php wp_reset_query(); ?>');

و دیگری این کد


<?php /** Template Name: ابزارک اخبار */ ?>document.write('<?php $args = array('post_type' => 'post', 'posts_per_page' => 10, 'offset' => 10); $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?><li><a href="<?php the_permalink() ?>" target="_blank"><strong><?php the_title(); ?></strong></a></li><?php endwhile; ?><?php wp_reset_query(); ?>');

رو استفاده کن .

دادا قربونت کارت درست... :wub:

  • امتیاز 1
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...