Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как сделать вывод похожих записей горизонтально?

Как сделать вывод похожих записей горизонтально?


     03.12.2014    Стили (CSS)    874

вопрос
Вот код, который прописан в style.css:

<!-- Похожие статьи -->
<h3 style="text-align: center;"><strong>Интересные материалы по теме:</strong></h3>
<div>
<?php
$categories = get_the_category($post->ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
$args=array(
'category__in' => $category_ids,
'post__not_in' => array($post->ID),
'showposts'=>4,
'orderby'=>rand,
'caller_get_posts'=>1);
$my_query = new wp_query($args);
if( $my_query->have_posts() ) {
echo '<div>';
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<div><a href="<?php the_permalink() ?>" target="_blank" title="<?php the_title(); ?>">
<div id="related_posts_box"><?php the_post_thumbnail(array(120,120)); ?> <?php the_title(); ?></div></a></div>
<?php
}
echo '</div>';
}
wp_reset_query();
}
?>
</div>
<!--/ Похожие статьи -->


А вот в style.css:

.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}

.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }

.relatedthumb {margin: 0 1px 0 1px; float: left; }

.relatedthumb img {margin: 0 0 3px 0; padding: 0;}

.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 140px;}

.relatedthumb a:hover {background-color: #0253DA; color: #ffffff;}

.podpiska_stranic_rss {

background: #000000;

}

Ответа пока нет


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы