css做的摸板,請問如何在軟件列表頁中顯示軟件縮略圖,並圖靠左排列!
既在著段
{dede:list
pagesize='7'}
<dl>
<dt><a
[field:filename/]'>[field:title/]</a></dt>?
<dd
class="info"><strong>下載次數:</strong>
[field:click/]
<strong>加入日期:</strong>
[field:pubdate
function='GetDateMk(@me)'/]
<strong>語言:</strong>
[field:language/]
<strong>授權:</strong>
[field:accredit/]</dd>
<dd
class="preview">[field:description/]?</dd>
</dl>
{/dede:list}
中添加[field:imglink]
請問大家在摸板中因該怎麽改,在soft.css裏因該怎麽改。
回答您的問題:
模板代碼:?
{dede:list
pagesize='7'}?
<dl>?
<dt><a
[field:filename/]'>[field:title/]</a></dt>?
<dd
class="info"><strong>下載次數:</strong>
[field:click/]
<strong>加入日期:</strong>
[field:pubdate
function='GetDateMk(@me)'/]
<strong>語言:</strong>
[field:language/]
<strong>授權:</strong>
[field:accredit/]</dd>?
<dd
class="pvimg"><img
src="[field:imglink]"
/></dd>?
<dd
class="preview">[field:description/]?</dd>?
</dl>?
{/dede:list}?
CSS:?
修改:?
.sbox
dl
{?
width:636px;?
overflow:hidden;?
color:#090;?
line-height:23px;?
}?
.sbox
dl
dd.preview{?
float:right;?
width:536px;?
line-height:21px;?
color:#666666;?
}?
增加:?
.sbox
dl
dd.pvimg{?
width:94px;?
height:60px;?
overflow:hidden;?
float:left;?
border:1px
solid
#DDD;?
}?
.sbox
dl
dd.pvimg
img{?
width:90px;?
height:56px;?
margin:2px;?
}?
效果:?