zblogphp主题更新:新增图文模板

老白 9个月前 361浏览 0评论

 zblogphp主题ydseo新增图文模板.png zblogphp主题更新:新增图文模板 zblog模板更新

昨晚zblogphp主题YDseo模板更新加入了图文模板,分别是首页和分类页面,可选择开启!

分享下代码:

<ul class="cmsr">

          <li class="article">

            <div class="aleft">

              <h2><a href="
http://www.onz.wang/post/99.html
">买车的纠结</a></h2>

              <p>最近要换车,因为买什么车已经纠结好一阵子了,目前就2个选择:马自达阿特兹和凯迪拉克ATSL,鬼都知道后者的性能秒杀前者,但是目前4S店价格放不下来,如果上路能控...</p>

              <p class="atime"><a href="
http://www.onz.wang/author-1.html
" title="Onz">Onz</a> · 發布於:2017-03-07 · 11次閱讀</p>

            </div>

            <div class="aright"> <a href="
http://www.onz.wang/post/99.html"><img
 src="
http://qiniu.onz.wang/2017/03/201703075294_2194.jpg
" alt="买车的纠结" width="140" height="120" /></a> </div>

          </li>
</ul>

CSS文件:

.cmsr{ margin-top: -20px;}

    .cmsr .article{ width: 100%; padding: 20px 0; border-bottom: 1px solid #f3f3f3; overflow: hidden}

    .aleft{float: left; width: 73%;}

    .aleft h2{font-size: 18px; color: #373737;}

    .aleft p{color: #575757;}

/*    .aleft span{color: #e731bb;}*/

    .aleft .atime{color: #b7b7b7;}

    .aright{float: right; width: 25%; text-align: right;}

昨晚写的太匆忙,就以这种最复杂的方式实现了,可作为参考!

评论