رفتن به مطلب

ساخت باکس پیش نمایش مطالب


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

دوستان میخوام در یکی از صفحات سایتم یک باکس درست کنم مانند تصویر زیر : www.png

البته تغریبا مثل این ...

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

لینک دمو قالب : http://farishtheme.com/sahifa/

هرچی تلاش کردم نتونستم همچین چیزی درست کنم ، برنامه نویسیم در حد صفره .

+ تصویر شاخص رو فعال کردم ، + میخوام خلاصه ای از متن هم در این قسمت نمایش داده بشه که کد زیر رو گذاشتم براش


<?php the_content_rss('', TRUE, '', 60); ?>

مشکلاتی که پیش اومده :

1- سایز تصویر شاخص رو چجوری مشخص کنم ؟

2- اصلا شبیح چیزی که میخواستم در نیومده کد دیوکلاس های که دادم رو قرار دادم با عکس پیش نمایش.

11.png

کد اصلی :


<div class="post-index">
<?php
$my_query = new WP_Query('showposts=6&cat=648');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><div class="post-index-info">
<?php the_post_thumbnail(); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?>
</a>
<?php the_content_rss('', TRUE, '', 60); ?>
</li>
</div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</div>

دیو کلاس ها :


.post-index {float:left; width:97%; margin-left:5%;}
.post-index-info {float:left; width:30%; margin-left:2%;}
.post-index-info img {float:left; width:auto; height:auto;}

لینک به ارسال

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

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



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