<?php get_header(); ?>

<style>
.no1{ position:relative;}
.no1 .no1_t{ position:absolute; bottom:0px; color:#FFF;  padding:0px; width:100%; margin-bottom:5px;background-color:#000;  cofilter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
.list-group-item{ height:80px; line-height:80px;}.list-group-item img{float:right;}
</style>

      <div class="row row-offcanvas row-offcanvas-right">

        <div class="col-xs-12 col-sm-9">



      
 <ul class="list-group">





      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
      
        
<?php if(!$pd){?>

 <div class="no1"><a  href="<?php the_permalink() ?>" ><div class='no1_t'><h3><?php the_title(); ?></h3></div>
 <?php  preg_match_all('/src=["|\'](.*)["|\']/iU',get_the_content(),$m); if($m[1][0]) echo '<img class="img-thumbnail" width="100%" src="'.$m[1][0].'" alt="图片" >';else echo '<div style="height:100px;"></div>';?>

 </a></div>
 
<?php $pd=1;}else{?>
<li class="list-group-item">
<?php  preg_match_all('/src=["|\'](.*)["|\']/iU',get_the_content(),$m); if($m[1][0]) echo '<img class="img-thumbnail" src="'.$m[1][0].'" alt="图片" width="60" height="60">';else echo ''; ?>

     <h4><a  href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h4>
  </li>  
<?php } ?>     

      <?php endwhile; ?>
      <?php else : ?>
	  <p class="center">哦，你找的文章好像不在哦。</p>
	  <?php endif; ?>



 

      



</ul>
        </div><!--/span-->     
      
      
      
      
      








   <div class="pages"><?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></div>   



<div style="clear:both"></div>




<?php get_footer(); ?>