s4d3ghi

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

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

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


/**
* 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

0

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


لینک به پست

:titr.PNG]

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

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

1

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


لینک به پست

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

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

درود!

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

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

مشابه عکس!

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

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

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

0

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


لینک به پست

درود!

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

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

مشابه عکس!

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

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

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

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


لینک به پست

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

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

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

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


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

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

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


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