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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[教程] 嘉兴打工网----简单修改,实现资讯图文混排。

[复制链接]
123752619 发表于 2007-10-18 15:44:59 | 显示全部楼层 |阅读模式
这里用官方default模板为例:

很简单,打开templates/default/css/style.css

找到:



/*自定义信息*/
#articlebody .addoninfo { border: 1px solid #EEE; }
  #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
  #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
   #articlebody .addoninfo li { line-height: 1.6em !important; }

#articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
  .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }


#articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }


将紫色加粗的代码替换成:



#articlebody img {
width: expression(this.width > 270 ? 270: true);
height: expression(this.height > 270 ? 270: true);
max-width: 270px;
float: left;
margin: 10px;
}


注:如果你对图片显示大小不满意可以修改上面的 270 为任意数,可以自己调试下。




本站图文混排效果演示地址:http://www.dagong573.com/html/26/n-1526.html

[ 本帖最后由 123752619 于 2007-10-18 15:57 编辑 ]

评分

2

查看全部评分

一个人在飘 发表于 2007-10-18 16:52:58 | 显示全部楼层
不错!已经更新!
回复

使用道具 举报

逍遥候 发表于 2007-10-18 20:34:23 | 显示全部楼层
演示页面的美女好漂亮啊
回复

使用道具 举报

SSAY 发表于 2007-10-19 08:02:41 | 显示全部楼层
回复

使用道具 举报

sunrise99 发表于 2007-10-19 08:58:21 | 显示全部楼层
支持一下.......................
回复

使用道具 举报

goodchoice 发表于 2007-10-28 14:32:56 | 显示全部楼层
楼主的奉献精神让人感动!!!!!!

谢谢!!!!!!
回复

使用道具 举报

xxghost 发表于 2007-10-28 16:23:17 | 显示全部楼层
谢谢
回复

使用道具 举报

daseji.com 发表于 2007-10-29 15:14:12 | 显示全部楼层
很是利害,楼主要多指导呀
回复

使用道具 举报

solai 发表于 2007-10-29 20:34:49 | 显示全部楼层
这样和以前比好在哪里呢?
回复

使用道具 举报

chinajc 发表于 2007-10-31 16:28:35 | 显示全部楼层

这个网站不错

www.hld365.com.cn

365 吃喝玩乐网站
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-1-10 23:42 , Processed in 0.036358 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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