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

 找回密码
 立即注册
搜索

[发布] 快速发帖框添加背景效果(点击前一种效果,点击后另一效果哦)

[复制链接]
不被谁所认识 发表于 2011-12-30 02:06:56 | 显示全部楼层 |阅读模式
本帖最后由 不被谁所认识 于 2011-12-30 02:09 编辑

给大家两段CSS代码改变下快速发帖框的温馨提示效果{:soso_e182:}


  1.   .tedt .pt{background:url("../tiebg.png") no-repeat scroll right bottom #FFFFFF}
  2. .tedt .pt:focus{background:url("../tiebgs.png") no-repeat scroll right bottom #FFFFFF}
复制代码

复制代码添加到你的extend_common.css文件里,没有的自己在common文件内建立一个这么的文件,记得修改上面代码里的图片引用地址为自己的图片路径,然后操作完成后保存,再到后台更新下缓存,就OK了。

具体是快速发帖框默认提示第一张图片背景,点击后处于编辑状态下出现第二张图片背景提示,可植入广告信息增加广告分布率哈


ps:背景图片就自己做两张就可以了,当然你要想让没点击前出现提示,点击后不出现提示的话就把 .tedt .pt:focus{background:url("../tiebgs.png") no-repeat scroll right bottom #FFFFFF}改成 .tedt .pt:focus{background:none}就可以了。

具体演示效果:


本操作用于厦门婚时代联合网(http://xm.marryera.com)--简称“厦门婚庆网”,实际效果可后期到站上查看,因为目前只开通邀请注册哈,勤劳的站长们自己动下手操作下也就知道什么效果了{:soso_e128:}

分享给跟我一样处于基础技术阶层的站长们!


评分

1

查看全部评分

回复

使用道具 举报

sunhai520 发表于 2011-12-30 03:15:04 | 显示全部楼层
图片规格多大合适
回复

使用道具 举报

?2?5?0?9?4?1?1? 发表于 2011-12-30 03:17:07 | 显示全部楼层
学习一下!!
回复

使用道具 举报

lengsha 发表于 2011-12-30 08:56:06 | 显示全部楼层
很不错,学习了
回复

使用道具 举报

 楼主| 不被谁所认识 发表于 2011-12-30 09:11:38 | 显示全部楼层
sunhai520 发表于 2011-12-30 03:15
图片规格多大合适

随便你想多大,总的是居右侧,和底部靠齐的,只要不超过发帖的内容框即可

未曾开放演示的地址:厦门婚庆网
回复

使用道具 举报

unpass 发表于 2011-12-30 10:12:13 | 显示全部楼层
感谢分享  非常不错  
回复

使用道具 举报

lulut 发表于 2011-12-30 10:33:50 | 显示全部楼层
这个不错呵呵,厉害啊。看一下演示













精彩视频影视在线,尽在无聊居
回复

使用道具 举报

sun21 发表于 2011-12-30 18:45:17 | 显示全部楼层
不错啊!顶顶更健康!
回复

使用道具 举报

KiSsゞ 发表于 2011-12-30 18:46:30 | 显示全部楼层
这个有插件,改模板就麻烦了。。
回复

使用道具 举报

yeats520 发表于 2011-12-30 18:59:40 | 显示全部楼层
这个挺实用的
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-11-27 00:22 , Processed in 0.117838 second(s), 16 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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