Question

我碰巧在博客系统中为wordpress页面添加了一个名为BIRDS的特定类别。 Top显示了一种缩略图，其中包含指向类别中这些条目的链接，而向下的图块则显示该类别中的条目。麻烦的是，所有输入和输出我只想要五个我试图改变。：

并且：没有成功，会发生什么是显示5但是瓷砖也是5，我希望它们是10.除了OLD TICKETS给我带回我之前的条目，无法移动页面在页面上/ 2 /是像excatamente一样一个。如果我删除了瓷砖的代码，如果它的工作原理，但由于没有办法，瓷砖，谁能告诉我哪里可能是错的？非常感谢你。对不起我的英语，我是西班牙语。这里的代码：

<div id="contenedor-miniaturas">
<div class="miniaturas-post">




<?php while (have_posts()): the_post(); ?>
<?php
        if ( has_post_thumbnail() ){
    ?>

    <div class="view view-sixth" style="height="150" width="150">

      <div class="thumbnail" alt="don't lazy load me" data-hack="data-lazy-src">
            <?php
            the_post_thumbnail( 'thumbnail' );
            ?>

        </div>

      <a href="<?php the_permalink(); ?>"><div class="mask"> 
     <p class="nombres-1"><?php the_title(); ?></p>

     </div></a>
</div>

    <?php
    }else{

    }
?>

<?php endwhile; ?>
</div>
</div></div>

<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts("cat=11,5&amp;paged=$paged"); ?>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>


        <div <?php post_class() ?> id="post-<?php the_ID(); ?>">

            <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

<?php if (function_exists('the_subtitle')){ the_subtitle(); }?>

            <?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>
<div id="contenedor-gusta-entradas"> <div class="redes-entradas"><div class="facb-entradas"><iframe src="//www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;width=209&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:209px; height:21px;" allowTransparency="true"></iframe></div> <div class="twt-entradas"><a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php echo get_permalink(); ?>" data-count="horizontal" data-text="No te pierdas <?php the_title(); ?> en la web" data-via="Petra">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div><div class="gplus-entradas"><div class="g-plusone" data-size="medium" data-href="<?php echo urlencode(get_permalink($post->ID)); ?>"></div>     <script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div></div></div>
            <div class="entry">
                <?php the_content(); ?>

            </div>

            <div class="postmetadata">

            </div>


    <?php endwhile; ?>

    <?php include (TEMPLATEPATH . '/inc/nav.php' ); ?>

    <?php else : ?>

        <h2>Not Found</h2>

    <?php endif; ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

CSS：

<style media="screen" type="text/css">
 #contenedor-miniaturas {
    width: 870px;
    height: 360px;
  overflow: hidden; /* como clearfix */
     margin-left: -8px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    margin-top: -22px;
    padding-bottom: 0px;
    padding-top: 0px;       
}



#contenedor-miniaturas div.view {
  float: left;
   margin-left: 20px;
     -webkit-box-shadow: 6px 6px 10px;
      -moz-box-shadow: 6px 6px 10px;
      box-shadow: 3px 0px 10px;
      border: 1px solid black;


}

 .miniaturas-post {
     margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;


    }

.thumbnail img{
 width: 150px;
    margin-left: 0px;
    margin-right: 0px;
    float:left;
    padding-left: 0px;
    padding-right: 0px;





}




.view-sixth .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    float: right;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in 0.1s;
    -moz-transition: all 0.4s ease-in 0.1s;
    -o-transition: all 0.4s ease-in 0.1s;
    -ms-transition: all 0.4s ease-in 0.1s;
    transition: all 0.4s ease-in 0.1s;
       background:url(<?php $_SERVER['DOCUMENT_ROOT']?>/imagenes-blog/fondo-grid2.png)
}


.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   visibility:visible;
   -webkit-transition: all 0.4s ease-in-out 0.1s;
   -moz-transition: all 0.4s ease-in-out 0.1s;
   -o-transition: all 0.4s ease-in-out 0.1s;
   -ms-transition: all 0.4s ease-in-out 0.1s;
   transition: all 0.4s ease-in-out 0.1s;

}

.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 4;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   background:url(<?php $_SERVER['DOCUMENT_ROOT']?>/imagenes-blog/fondo-grid2.png)
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}

.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

.view {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: relative;
    text-align: justify;
    cursor: default;
    margin-top: 16px;



}
.view .mask,.view .content {
   width: 150px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;

}

.nombres-1 {
    font-family: arial;
    font-size: 10px;
    font-weight:600;
    position: relative;
    color: #fff;
    text-align: center;
    padding-bottom: 14px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 134px;
    bottom: 12px;
}

.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

</style>

类别页面中的系统错误切片

0 个答案: