Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

用CSS控制实现大标题+内容简介+文章图片[增加1款缩略图效果]

[复制链接]
cxgh 发表于 2008-12-17 08:20:57 | 显示全部楼层 |阅读模式
本帖最后由 cxgh 于 2008-12-17 08:22 编辑

调用标签是普通的显示图片文章的标签,如下:
{$GetPicArticle(1,0,true,0,1,false,false,0,1,4,130,90,24,46,false,1)}
注意所有的标签选择的是DIV模式的
------------------------------------------------------------------------------
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}

代码:
<div class=article>{$GetPicArticle(1,0,true,0,1,false,false,0,1,4,130,90,24,46,false,1)}</div>
  
  此主题相关图片如下:

____________________________________________

此主题相关图片如下:


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%;}
_____________________

此主题相关图片如下:

{$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 id="yanshi" align="center">
<!--{$GetPicArticle(1,0,false,0,4,false,false,0,1,4,100,110,16,0,false,1)}-->
</div>

#yanshi .pic1{border:#F8F8F8 solid 4px}
#yanshi .pic_art_img{border:#aaa solid 1px;border-bottom:0px}
#yanshi .pic_art_title{width:110px;line-height:20px;text-align:center;border:#aaa solid 1px;border-top:0px}
#yanshi .pic_art{border:#E9E9E9 solid 2px;width:105px;background:#f3f3f3;margin:5px}

(如果增加了缩略图大小这里的width:110px以及width:105px应该分别增加大小,否则在IE7中会显示错误)
zozc 发表于 2008-12-17 08:22:57 | 显示全部楼层
哇,传说中的沙发
回复

使用道具 举报

admin-king 发表于 2008-12-17 08:31:51 | 显示全部楼层
什么意思。给个演示
回复

使用道具 举报

56249584 发表于 2008-12-17 08:47:58 | 显示全部楼层
没看懂。。。
回复

使用道具 举报

abcnic1 发表于 2008-12-17 08:48:59 | 显示全部楼层
看看 :)先支持
回复

使用道具 举报

飘香兮雨 发表于 2008-12-17 09:35:15 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

飞刀问情 发表于 2008-12-17 09:38:43 | 显示全部楼层
论坛还是啥的?
回复

使用道具 举报

abcnic18 发表于 2008-12-17 14:18:52 | 显示全部楼层
回复

使用道具 举报

qlxjxx 发表于 2008-12-18 13:32:34 | 显示全部楼层
还是看不懂,好像是动易的,不像是DZ的
回复

使用道具 举报

站站鱼 发表于 2008-12-19 00:33:16 | 显示全部楼层
把动易的东西拿到这里来
能在论坛应用???
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 12:52 , Processed in 0.033264 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表