Discuz X 鼠标滑过链接出现温馨鼓励点击浏览提示/美化站点/丰富多格内容说明/漂亮

dly · 发表于 2011-9-3 10:47:08

新加补充~注意~适合DZX系列所有版本（1.0、1.5、2.0）
已经修补覆盖论坛背景的问题（9月2日11:02pm）
有很多网站都有 title 说明，只要鼠标滑过就会立刻显示说明或者提示。
而您是否对千篇一律的 title 显示样式失去了耐心，并且已经厌圈？
呵呵，那么您就安装这个鼠标滑过title提示说明框美化试试看呗。
这功能除了美化站点，还有漂亮的说明框架，温馨提示，鼓励人们点击浏览内容。

截图样式

昨天 19:54 上传
下载附件 (29.24 KB)
默认又沉闷的说明框

昨天 19:57 上传
下载附件 (46.4 KB)
安装后，漂亮了~

其它截图样式

昨天 19:57 上传
下载附件 (31.7 KB)

昨天 19:56 上传
下载附件 (27.66 KB)

昨天 19:56 上传
下载附件 (55.28 KB)

昨天 19:56 上传
下载附件 (31.45 KB)

昨天 19:55 上传
下载附件 (38.07 KB)

昨天 19:55 上传
下载附件 (29.12 KB)

昨天 19:55 上传
下载附件 (28.54 KB)

昨天 19:56 上传
下载附件 (25.93 KB)

昨天 19:57 上传
下载附件 (22.94 KB)

昨天 19:57 上传
下载附件 (45.39 KB)

本插件安装好处；
1）属于非主流插件类
2）不必上传到目录根就可以安装，呵呵。。。
3）不必上传目录根安装，当然就不会覆盖源文件了
4）可以自定义某个界面安装，例如只安装在论坛；或者门户；或者空间；或者专题
5）也可以全局安装，就视乎您的需求，非常自由
6）御载只需要一键就可消灭
演示；
单页设置；http://www.sierra-charm.com/portal.php?mod=topic&topicid=3
门户、论坛设置；http://www.extollive.com/portal.php
195519gtshe9tt5qrxkiig.jpg.thumb.jpg

昨天 19:55 上传
下载附件 (115.28 KB)

只要鼠标滑过链接——》功能说明；
链接无说明时内容一律温馨提示——》欢迎，点击浏览（绝对有助来客增加浏览欲望）
可以安装设置为个别界面显示说明框
可以安装设置为全局界面显示说明框
支持主导航说明——》完整传达了您的提示，漂亮，美观，大方
支持二级导航说明——》呵呵。。。
说明框默认地址——》直接、自动显示您的站点链接地址，不必手动添加
完美支持许多首页多格插件的内容，还附加许多信息说明；
最新帖子（显示版块名字、完整标题、作者、发帖日期、浏览次数、最后回复人、最后回复时间、回复次数说明）
最新回复（显示版块名字、完整标题、作者、发帖日期、浏览次数、最后回复人、最后回复时间、回复次数说明）
本周热门（显示版块名字、完整标题、作者、发帖日期、浏览次数、最后回复人、最后回复时间、回复次数说明）
支持官方默认 DIY 幻灯片——》显示默认的”欢迎~点击浏览“
支持首页多格的新会员——》内容有”用户名、当前发帖数目“，发帖数目还响应了”计划任务的设置，原因您知道的。。。
支持主题列表“置顶、本版置顶”图标的提示说明
主题列表鼠标滑过仅显示(欢迎,点击浏览），不重复显示标题
支持所有链接上的的代码写有 title 说明的内容，包括图片 title 说明内容
可自定义说明框（图片）款式，随时可以更改说明框“样子”

安装方法有几种，随便你喜欢安装在哪里
方法1）DIY——》模块——》展示类——》静态模块——》数据来源——》自定义HTML——》HTML代码（把代码贴到这里）——》确定——》确定
同一个模块里编辑样式——》背景颜色（选择transparent）
（代码其实不会显示，主要是为了隐藏代码的同时，也把模块背景灭掉，变成透明）
（本方法适合单界面安装，例如只是安装在门户；或者论坛；或者专题。。。）

方法2）直接安装在已经有的模块的“编辑自定义内容”里，而不必另外加模块

方法3）安装到站点广告里。
后台——》扩展——》站点广告——》广告列表 - 全局页尾通栏广告（建议）——》展现方式:选择代码；把代码放到广告 HTML 代码框子里——》提交——》完成

关于说明框背景；
在隐藏版块上传您安装包里的图片，复制链接置入代码里就行。什么是隐藏版块？
隐藏版块就是只供有权限的用户浏览的版块，例如管理交流。

更改温馨提示的方法；
代码里找：

if(t==null || t.length==0) t="Welcome to click ";

复制代码

修改为

if(t==null || t.length==0) t="改这里~自定义你想要的说明，字数维持在150字内最好 ";

复制代码

御载方法；
直接去掉广告或者模块（代码）就行。

[color=Red][b]如何置入图片地址到代码里？[/b][/color]
代码里找；
background: url(http://图片链接请放在这里.gif) no-repeat top}.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
background: url(http://同一张图片链接请放在这里，务必两张图片都放.gif) no-repeat bottom}

复制代码

更换后；

background: url(http://www.extollive.com/data/attachment/forum/201109/02/0315469pg93dwersf4k44u.gif) no-repeat top}.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
background: url(http://www.extollive.com/data/attachment/forum/201109/02/0315469pg93dwersf4k44u.gif) no-repeat bottom}

复制代码

善意提醒；
首先感谢您下载使用，本小姐（extollive）第一次做这些，更更改改的做了老半天才完成，也在自己的几个站点同时使用了，然后就立刻贡献（前后不到5个小时）。但是我无法确保其他人使用后是否有问题，有需要完善的地方可能很多。如果你使用后发现有问题的，可以跟帖提供，我会尽快处理。
提供问题时，请勿丢脏嘴粗口，吓怕了我，就不会回复你了，OK

title提示说明框美化.zip (5.94 KB, 下载次数: 5)

冰心·寒情 · 发表于 2012-2-28 22:09:44

学习学习！

[代码修改] Discuz X 鼠标滑过链接出现温馨鼓励点击浏览提示/美化站点/丰富多格内容说明/漂亮

相关帖子