رفتن به مطلب

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


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

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


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

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

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

لینک به ارسال

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

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

درود!

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

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

مشابه عکس!

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

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

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(); ?>');

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

لینک به ارسال

از 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:

لینک به ارسال

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

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

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

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

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

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

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

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

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