用CSS控制實(shí)現(xiàn)文章圖片 大標(biāo)題 內(nèi)容簡介_動易Cms教程
問題:如何用系統(tǒng)默認(rèn)標(biāo)簽實(shí)現(xiàn)文章圖片 大標(biāo)題 內(nèi)容簡介(左右排列)效果,如下圖所示?
解答:
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>
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>
說明:
1、原文出處http://bbs.powereasy.net/dispbbs.asp?boardID=28&ID=304798&page=1
2、感謝rhongsheng提供。
- MAC錯(cuò)誤的解決方法
- 如何屏蔽動易后臺導(dǎo)航里的某個(gè)功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點(diǎn)ID標(biāo)簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統(tǒng)之四----動易系統(tǒng)安裝篇
- Windows 2008安裝動易.NET系統(tǒng)之三----數(shù)據(jù)庫篇
- Windows 2008安裝動易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫修復(fù),SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動易.net程序權(quán)限配置
- 為什么提示對Windows系統(tǒng)文件夾下的Temp目錄沒有訪問權(quán)限?
- 相關(guān)鏈接:
- 教程說明:
動易Cms教程-用CSS控制實(shí)現(xiàn)文章圖片 大標(biāo)題 內(nèi)容簡介
。
