国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

用CSS控制實現文章圖片 大標題 內容簡介

2024-07-11 08:24:11
字體:
來源:轉載
供稿:網友

問題:如何用系統默認標簽實現文章圖片 大標題 內容簡介(左右排列)效果,如下圖所示?

解答
1、調用標簽是普通的顯示圖片文章的標簽,如下:
{$GetPicArticle(頻道ID,欄目ID,true,0,1,false,false,0,1,4,130,90,24,46,false,1)}
注重:所有的標簽選擇的是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、調用標簽如下:自己調整頻道、欄目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、調用代碼:
<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提供。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 共和县| 桂东县| 毕节市| 台中市| 兴隆县| 金阳县| 九寨沟县| 莫力| 阳春市| 贵南县| 阜平县| 尖扎县| 玛曲县| 长葛市| 广德县| 靖宇县| 南宫市| 永仁县| 孙吴县| 兴和县| 凤山市| 金坛市| 南平市| 株洲市| 中卫市| 瓦房店市| 湘潭市| 新泰市| 湘潭县| 高青县| 嘉禾县| 紫金县| 乌兰浩特市| 涟水县| 桦甸市| 临沂市| 灵宝市| 云安县| 石渠县| 绥阳县| 武隆县|