Site adresi vermek yasak değilse verebiliirim.
<ul class="haberList">
<?php
query_posts(array(
'showposts'=> '9',
'orderby' => 'comment_count',
'offset'=>'0'
));
query_posts('showposts=6&cat='); // kategori yaz
if (have_posts()) : while (have_posts()) : the_post(); ?>
<li>
<a href="<?php the_permalink() ?>" target="">
<?php if(get_option('thumbok')!="yes"):?>
<img src="<?php bloginfo('template_directory'); ?>/includes/timthumb.php?src=<?php echo get_post_meta($post->ID, 'image',true) ?>" />
<?php endif?>
<?php if(get_option('thumbok')!="no"):?>
<?php the_post_thumbnail( 'hotleft' ); ?>
<?php endif?>
<span><strong><?php the_title2('', '', true, '54'); ?></strong>
<?php if ( $main_content == "true" ) { the_content('[...]'); } else { the_excerpt(); ?><?php } ?> </span>
</a>
</li>
<?php endwhile; else: ?>
<p>
<?php _e('haber bulunumadı.'); ?>
</p>
<?php endif; ?>
</ul>Css kodu : }
ul.haberList {width: 100%;margin-top:4px;display:block; zoom:0;}
ul.haberList:after {content:"."; display:block; height:0; line-height:0; visibility:hidden;}
ul.haberList li {float:left; width:210px; height:232px; padding:0 0 10px 10px;}
ul.haberList li img {padding: 0;max-width: 100%;width:206px; height:155px;}
ul.haberList li a {display:block; height:228px; padding:1px; border:1px solid #e6e6e6; background:#f6f6f6; position:relative;}
ul.haberList li a span {display:block; line-height:14px; height:61px; overflow:hidden; padding:2px 5px 0; color:#405a80; cursor:pointer;}
ul.haberList li a span em {position:absolute; right:5px; bottom:4px; background:url(../i/bgCom.gif) #F6F6F6 right no-repeat; padding-left:4px; width:19px; height:16px; font-size:10px; line-height:13px; font-weight:bold; font-style:normal; text-align:center; color:#fff;}
ul.haberList li a:hover span em {background-color:#fff;}
ul.haberList li a strong {display:block; color:#ed1c24; padding:0 0 5px;}
ul.haberList li a:hover {text-decoration:none; background:#fff; border:1px solid #ccc;}
/* ul.haberList li a:hover strong {color:#405a80;}
ul.haberList li a:hover, ul.haberList li a:hover span {text-decoration:none; color:#ed1c24;}
*/
ul.haberList li.double {width:426px; position:relative;}
ul.haberList li.double img {width:426px; height:228px;}
ul.haberList li.double span {position:absolute; width:208px; padding:5px; height:auto; background:url(../i/trans.png); left:1px; bottom:1px; color:#fff; font:18px/normal NewsGothCnBT, Arial, Helvetica, sans-serif;}
* html ul.haberList li.double span {behavior:url("http://i.sabah.com.tr/sbh/iepngfix.htc");}
ul.haberList li.double span strong {display:inline; color:#6ff; font-weight:normal;}
ul.haberList li.double a:hover, ul.haberList li.double a:hover span {color:#6ff;}
ul.haberList li.tek {display:block; clear:both; width:auto; display:block; float:none; position:relative; height:auto; margin-right:10px;}
ul.haberList li.tek img {display:block; width:646px; height:auto;}
ul.haberList li.tek a {height:auto;}
ul.haberList li.tek span {position:absolute; width:636px; padding:5px; height:auto; background:url(../i/mansetSpan.png) no-repeat; left:1px; bottom:1px; color:#fff; font:18px/normal NewsGothCnBT, Arial, Helvetica, sans-serif;}
* html ul.tek li.double span {behavior:url("http://i.sabah.com.tr/sbh/iepngfix.htc");}
ul.haberList li.tek span strong {display:inline; color:#6ff; font-weight:normal;}
ul.haberList li.tek a:hover, ul.haberList li.tek a:hover span {color:#6ff;}
ul.haberList li.single {position:relative;}
ul.haberList li.single img {width:206px; height:228px;}
ul.haberList li.single span {position:absolute; width:196px; padding:5px; height:auto; background:url(../i/mansetSpan.png) no-repeat; left:1px; bottom:1px; color:#fff; font:18px/normal NewsGothCnBT, Arial, Helvetica, sans-serif;}
* html ul.haberList li.single span {behavior:url("http://i.sabah.com.tr/sbh/iepngfix.htc");}
ul.haberList li.single span em, ul.haberList li.double span em, ul.haberList li.single a:hover span em, ul.haberList li.double a:hover span em {background-color:transparent;}
ul.haberList li.single span strong {display:inline; color:#6ff; font-weight:normal;}
ul.haberList li.single a:hover, ul.haberList li.single a:hover span {color:#6ff;}
ul.haberList li.tumu {display:block; clear:both; width:auto; float:none; height:26px; line-height:26px; text-align:right; width:650px; padding:0; margin:0 0 10px 10px;}
.tumuTop {height:30px; line-height:30px; margin:0 10px 10px;}
.tumuTop span {display:block; color:#ED1C24; padding:1px; border:1px solid #e6e6e6; background:#f6f6f6; text-align:center; font-weight:bold; width:auto; height:26px; padding:0; font-size:16px;}
ul.haberList li.tumu a {font-weight:bold; width:auto; height:26px; padding:0; font-size:16px;}
ul.haberList li.tumu img {width:auto; height:auto;}
div.tumu a {font-weight:bold; height:26px; line-height:26px; padding:0; font-size:16px; background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #E6E6E6; display:block; padding:1px 5px 1px 1px; margin:10px; text-align:right;}
div.tumu img {width:auto; height:auto;}
/* haber */ 