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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] discuz X2.5附件下载链接样式美化 略低端 高手勿喷

[复制链接]
oin 发表于 2012-11-18 16:46:02 | 显示全部楼层 |阅读模式
本帖最后由 oin 于 2012-11-18 16:47 编辑


discuz X2.5中,默认模板的下载样式比较简单,就是带下划线的超链接,太不引人注目了
今天美化了一下

当然,个人喜欢简洁的,这样差不多,有兴趣的朋友可以按这个思路自行进行美化,只需要动相应的CSS样式文件即可

效果这是样:http://www.yooloo.com/thread-6173-1-1.html

注意:该方法是在默认模版下,若是第三方风格,且附件部分的HTML已更改(即forum下的discuzcode.htm)就要根据实际情况进行变动了,样式不一定会被继承。

另外只改了附件插入到帖子中的样式,像直接上传附件,不插入直接发布的样式,没美化,内容布局和插入的不同,高度小,加了图标堆在一起不美观

打开default\common下的module.css,搜索“t_f a”,在后面加上下列代码
  1. .t_f ignore_js_op a { color: {HIGHLIGHTLINK}; border: 1px solid #DDDDDD;  border-radius: 3px 3px 3px 3px;  box-shadow: 1px 1px 1px #888888; overflow: hidden;  padding: 4px 4px 4px 24px;  white-space: nowrap; text-decoration:none; text-decoration: none; background:url(http://static.ktxp.com/bt/images/sprite.png) no-repeat 4px -344px #fff;  }
  2. .t_f ignore_js_op a:hover { color:#a00000; }
  3. .t_f ignore_js_op .xs0 a {color: {HIGHLIGHTLINK}; background:none; text-decoration: underline; border:none; border-radius:inherit; box-shadow:none; padding:0px;}
复制代码
附件超链接如文字颜色、背景、图片等的类名是(这里引用了下极影中的图标)
  1. .t_f ignore_js_op a { color: {HIGHLIGHTLINK}; border: 1px solid #DDDDDD;  border-radius: 3px 3px 3px 3px;  box-shadow: 1px 1px 1px #888888; overflow: hidden;  padding: 4px 4px 4px 24px;  white-space: nowrap; text-decoration:none; text-decoration: none; background:url(http://static.ktxp.com/bt/images/sprite.png) no-repeat 4px -344px #fff;  }
复制代码
有经验的朋友看下就明白了,不建议图片太大,或者干脆去掉了根据附件类型自动生成的图片,整个附件用更高的尺寸,另外,圆角和阴影IE9之前都是不支持的,用firefox等看就可以看到,不影响

使用第三方风格的朋友,可以把这个样式代码加到该风格的module.css中,discuz的模板机制是优先读取当前风格的样式,没定义的,再由系统样式补充

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
魔涵larry 发表于 2012-11-18 17:00:53 | 显示全部楼层
这个不错啊!支持了!
回复

使用道具 举报

2010 发表于 2012-11-18 18:53:51 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

wanglee 发表于 2012-11-18 19:11:47 | 显示全部楼层
这个模板好。
回复

使用道具 举报

hi.friend 发表于 2012-11-18 19:14:00 | 显示全部楼层
小小美化.!
回复

使用道具 举报

gushiyue 发表于 2012-11-18 19:23:46 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

烟雨红尘醉 发表于 2012-11-18 19:30:16 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

8#
无效楼层,该帖已经被删除
对此无语 发表于 2012-12-21 14:32:10 | 显示全部楼层
{:soso_e148:}
回复

使用道具 举报

www.bzwh.net 发表于 2012-12-28 15:06:47 | 显示全部楼层
根本就找不到t_F A
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-9-28 13:19 , Processed in 0.498376 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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