問(wèn)題：如何用系統(tǒng)默認(rèn)標(biāo)簽實(shí)現(xiàn)文章圖片 大標(biāo)題 內(nèi)容簡(jiǎn)介(左右排列)效果，如下圖所示？

解答：
1、調(diào)用標(biāo)簽是普通的顯示圖片文章的標(biāo)簽，如下：
{$GetPicArticle(頻道ID,欄目ID,true,0,1,false,false,0,1,4,130,90,24,46,false,1)}
注重：所有的標(biāo)簽選擇的是DIV模式的

2、添加 CSS如下：
.article{width:350px}
.article .pic_art_title a{color:#000;font-size:16px;font-family:"黑體";line-height:30px}
.article .pic_art_img{float:left;width:130px}
.article .pic_art_content,.article .pic_art_title{float:right;width:200px;line-height:20px}

3、代碼如下：
<div class=article>{$GetPicArticle(1,0,true,0,1,false,false,0,1,4,130,90,24,46,false,1)}</div>

假如想做成無(wú)圖效果，如下所示：

1、調(diào)用標(biāo)簽如下：自己調(diào)整頻道、欄目ID等
{$GetArticleList(1,0,true,0,0,1,false,false,"",0,1,5,30,80,false,0,false,false,0,false,false,false,false,false,false,0,1,,article2,)}
2、添加CSS如下：
.article2 a{font-family:"黑體"; font-size:16px;color:#000; display:block;text-align:center;width:350px;line-height:30px}
.article2{width:350px;line-height:150%;}

3、調(diào)用代碼：
<div class=article>{$GetArticleList(1,0,true,0,0,1,false,false,"",0,1,5,30,80,false,0,false,false,0,false,false,false,false,false,false,0,1,,article2,)}
</div>

說(shuō)明：
1、原文出處http://bbs.powereasy.net/dispbbs.asp?boardID=28&ID=304798&page=1
2、感謝rhongsheng提供。

查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板