此站点大量使用JavaScript。
请在您的浏览器中启用JavaScript。
正式服
PTR
10.2.5
PTR
10.2.6
Getting Wowhead Tooltips
来自 Jojo17
[Last Updated]:
2013/09/07
补丁:5.3.0
评分:4.3/5
(
9
投票)
A number of websites and blogs use Wowhead tooltips and you might be wondering how you can get them working on your own site/blog. Here I'm aiming to show you how to get the tooltips working easily on a Blogger blog, following the method I use.
On the Wowhead site there is a
page
dedicated to tooltips. On this page you'll find the piece of HTML code that makes the tooltips work as well as information on advanced usage. However, to make it work on your site you need to know what you're doing with the coding and linking items.
Using the HTML code
Go to your blogs layout, add a gadget and select 'HTML/Java Script'. I have placed my gadget at the bottom of my page so it's out of the way but it doesn't matter where it is.
A pop up will appear. If you leave the title blank then nothing will appear and it will just look like a blank space on the blog - hence I've placed my gadget at the bottom and out of the way. For the main body of the gadget copy and paste the piece of HTML coding.
Make sure you save the gadget and the layout arrangement.
Linking items
Once the HTML coding is placed within the layout of the text you can start using it to create the tooltips. This is done by linking the Wowhead item within a blog post in the same way that you'd link a website.
When you're composing your blog post a toolbar appears at the top, just under the post title. Along the toolbar there's a number of things including 'link'. This is used to link to specific web address' / URLs.
Say for example we wanted to link some
linen cloth
. Firstly you need to go to the Wowhead website and search for 'linen cloth'. Once you've found the 'linen cloth' page you need to copy the pages web address / URL - i.e.
http://www.wowhead.com/item=xxxx
.
Click link and a box will appear. The box is fairly self explanatory - put the text you want to display (i.e. linen cloth) in the top line and the web address / URL in the second, click OK.
In the case of the linen cloth we want the text to display to be 'linen cloth' and the URL to be the Wowhead page address (i.e.
http://www.wowhead.com/item=xxxx
). Once you've clicked OK the text to display will appear blue and underlined within the text body.
One thing that's really handy with the Wowhead tooltips is that the text to display will auto-display to be the item name so you don't necessarily have to fill it in. Or if you do but you make a typo then it won't appear. Also remember this when linking an item into a flowing piece of text - for example "I was riding my
Reins of the Blue Drake
" doesn't make sense but "I was riding my
Blue Drake
" does.
Once published the tooltip should appear when you hover over the text to display within the post.
An alternative way of adding the URL links in after you've written the text body is to highlight a piece of text and then click link - Blogger will automatically fill in the text to display box with the highlighted text.
Please note: I did not write the HTML code that enables Wowhead tooltips to work on external sites, blogs etc. The HTML code is made available by Wowhead and can be found
here
.
Note: This guide was
first published
on my
blog
on 07/09/2013.
[Get Wowhead]
高级会员
[$2]
[A Month]
[Enjoy an ad-free experience, unlock premium features, & support the site!]
评论
评论来自
mel9525
Just wondering if you knew if it was possible to get Wowhead tooltips on a website that's created with an HTML5 editor (at Wix, to be specific). Been trying everything I can find, but nothing seems to work.
贡献
在发表评论前,请留心以下提示:
您的评论必须为简体中文,否则将会被删除。
不知道如何发评论?参考我们的
格式指南
!
发表前最好先自行校对一次。
有问题可以访问我们的
论坛
来寻求帮助。
发表评论
你没有登录。
请登录
或者
注册账号
来添加你的评论。
使用下面的表格浏览您的截屏。
[Screenshots containing UI elements are generally declined on sight, the same goes for screenshots from the modelviewer or character selection screen.]
质量越高越好!
[Please review our
Screenshot Guidelines
before submitting!]
您没有登录。请
登录
后提交截屏。
将视频URL输入下列表格即可。
URL:
支持:仅限 YouTube
说明:您的视频需通过审核才能在站点上显示。
我们用
Wowhead 客户端
保证数据库的及时更新,向您提供额外的有趣的功能!
两大目的:
它还维护WoW的一个插件
Wowhead Looter
, 在您游戏时采集数据!
它将
采集所得数据
上传至Wowhead,保证数据库时刻掌握最新信息!
您可以用它追踪完成的任务、配方、坐骑、伙伴宠物以及头衔!
您还在等什么?立即
下载客户端
整装待发吧。
我们用 Wowhead 客户端保证数据库的及时更新,向您提供额外的有趣的功能!
两大目的:
您可以用它追踪完成的任务、配方、坐骑、伙伴宠物以及头衔!
您还在等什么?立即 下载客户端 整装待发吧。