WordPress 链接美化插件 – Sweet Titles

Sweet Titles 是一款改变默认鼠标经过效果的插件,通过 Sweet Titles 可以让你网站上的链接提示更加美观和实用。当用户鼠标经过的时候会显示出链接的 url 地址,可以让用户清楚自己要去哪里,从而提升了用户体验。

经园子测试此插件在 Firefox 和 IE 下显示均正常,所有同的是 Firefox 下显示的是圆角,而 IE 显示的是方框类型的提示,具体效果你可以点击这里查看最终实现效果。

Sweet Titles 使用方法也非常简单,过程如下:

1.首先在本文下方下载插件,安装并激活。

2.此时刷新前台页面即可看到效果了,如下图所示:

Sweet Titles 插件默认显示效果

Sweet Titles 插件默认显示效果

3.如果你不想使用默认的效果,你可以直接修改插件文件夹目录里的 /plugins/sweet-titles/css/sweetTitles.css 文件,园子在 361酷 网站上使用的 CSS 代码如下:

body div#toolTip { position:absolute;z-index:1000;width:220px;background:#FFF;border:2px double #C1EEFD;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#137ADA;font:12px/13px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal; }
body div#toolTip p em span {font-weight:bold;color:#3494D8;font-weight:bold;}

经园子修改后的效果如下:

经园子修改后的显示效果

经园子修改后的显示效果

是不是很漂亮呢?

插件下载:

点此下载 Sweet Titles 链接美化插件 | 来自园子的博客

WordPress 链接美化插件 – Sweet Titles》上有23条评论

发表评论