国产探花免费观看_亚洲丰满少妇自慰呻吟_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提供。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 旅游| 金门县| 屏南县| 福贡县| 班玛县| 桂阳县| 唐海县| 延川县| 巴南区| 安丘市| 日喀则市| 桐城市| 枝江市| 平南县| 太白县| 乡城县| 平果县| 隆安县| 大埔县| 浙江省| 广河县| 邵阳县| 固镇县| 东城区| 商城县| 长沙市| 陈巴尔虎旗| 麻江县| 侯马市| 开封市| 罗定市| 德州市| 嘉黎县| 左贡县| 磴口县| 太仆寺旗| 新营市| 凤山县| 孝义市| 桐城市| 台前县|