发新话题
打印

织梦博客html+css

织梦博客html+css

代码:
<div class="widget widget_ui_posts">
      <h3>推荐文章</h3>
     <ul>
        {dede:arclist flag='c' titlelen=42 row=5}
        <li><a href="[field:arcurl/]"><span class="thumbnail"><img data-src="[field:litpic/]" class="thumb"/></span><span class="text">[field:title/]</span><span class="muted">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><span class="muted">阅读([field:click/])</span></a></li>
        {/dede:arclist}
      </ul>
    </div>
图片:1.png


代码:
<div class="widget widget_ui_posts">
      <h3>推荐文章</h3>
      <ul>
        {dede:arclist flag='c' titlelen=42 row=5}
        <li><a href="[field:arcurl/]"><a class="thumbnail"><img data-src="[field:litpic/]" class="thumb"/><span class="text">[field:title/]</span><span class="muted">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><span class="muted">阅读([field:click/])</span></a></li>
        {/dede:arclist}
      </ul>
    </div>
图片:2.png
------------------------------------------------------------------------------
想问的是:在第一张图片显示的推荐文章框架不变下,怎么把图片调用出来!如第二张图片,但是第二张图片,框架乱了。

CSS代码:
.widget_ui_posts li:last-child a {
border-bottom: none;
}
.widget_ui_posts li a {
padding: 10px 15px 10px 150px;
color: #888;
border-bottom: solid 1px #eee;
overflow: hidden;
position: relative;
display: block;
font-size: 14px
}
.widget_ui_posts li a:hover {
background-color: #fbfbfb;
}
.widget_ui_posts li a:hover .text {
color: #61B3E6;
}
.widget_ui_posts .text {
display: block;
}
.widget_ui_posts .thumbnail {
float: left;
margin-left: 2px
}
.widget_ui_posts .thumbnail img {
width: 80px;
height: 50px
}
.widget_ui_posts .muted {
margin-right: 15px;
font-size: 12px;
color: #bbb;
}
.widget_ui_posts .nopic li a {
padding: 10px 15px;
}
.widget_ui_posts .nopic .text {
margin-top: 0;
color: #888;
}
.widget_ui_posts .nopic .text:hover {
color: #61B3E6;
}
附件: 您所在的用户组无法下载或查看附件

TOP

发新话题