Help:Quickbar
From Homestar Runner Wiki
(Difference between revisions)
m (User:Lapper/help/quickbar moved to Help:Quickbar) |
(more, with {{utilities}}) |
||
(includes 12 intermediate revisions) | |||
Line 1: | Line 1: | ||
- | + | '''Here's how to add a link to your quickbar:''' | |
+ | ==Preparation== | ||
+ | 1. First, decide what kind of link you would like to add: | ||
- | + | *A page that you frequently visit, that isn't easily accessible. | |
- | + | ||
- | *A page that you | + | |
*One of your user space pages. | *One of your user space pages. | ||
*A friend's user page or talk page. | *A friend's user page or talk page. | ||
Line 10: | Line 10: | ||
2. Find the complete address of that page, and copy it down. | 2. Find the complete address of that page, and copy it down. | ||
- | + | ==The Code for Monobook (the default skin)== | |
+ | Go to your monobook.js page by clicking [[Special:Mypage/monobook.js|here]]. | ||
- | + | Edit the page, and insert the following lines of code: | |
- | + | <pre> | |
+ | {{subst:utilities}} | ||
+ | |||
+ | function addLinks() | ||
+ | { | ||
+ | with (utilities) | ||
+ | { | ||
+ | addMonobookQuickbarLink("http://www.hrwiki.org/etc", "link title", "watchlist"); ****** | ||
+ | } | ||
+ | } | ||
+ | if (window.addEventListener) window.addEventListener('load', addLinks, false); | ||
+ | else if (window.attachEvent) window.attachEvent('onload', addLinks); | ||
+ | </pre> | ||
+ | |||
+ | ===Fine Tuning=== | ||
+ | Now, look at the line marked with ******: | ||
+ | |||
+ | *Remove the ******, it's only there so you can find the line. | ||
+ | *There are three things you need to replace, in "quotes", separated by commas. | ||
+ | **The first is the complete URL to the page you want to link to. | ||
+ | **The second is what you want the link to say. | ||
+ | **The third says where you want the link to be in the quickbar: | ||
+ | ***Replace it with '''userpage''' if you want the link to appear before your '''userpage''' link. | ||
+ | ***Replace it with '''mytalk''' if you want the link to appear before your '''my talk''' link. | ||
+ | ***Replace it with '''preferences''' if you want the link to appear before your '''preferences''' link. | ||
+ | ***Replace it with '''watchlist''' if you want the link to appear before your '''my watchlist''' link. | ||
+ | ***Replace it with '''mycontris''' if you want the link to appear before your '''my contributions''' link. | ||
+ | ***Replace it with '''logout''' if you want the link to appear before your '''log out''' link. | ||
+ | ***Make it blank (ie just two quote marks <code>""</code>) if you want the link to appear after your '''log out''' link. | ||
+ | *If you want to add several links, make multiple copies of this one line (don't copy the whole script). | ||
+ | |||
+ | Now, save your edit, and reload the page. | ||
+ | |||
+ | ==The Code for Cologne Blue== | ||
+ | Go to your cologneblue.js page by clicking [[Special:Mypage/cologneblue.js|here]]. | ||
+ | |||
+ | Edit the page, and insert the following lines of code: | ||
<pre> | <pre> | ||
- | + | {{subst:utilities}} | |
- | + | ||
- | + | function addLinks() | |
- | + | { | |
- | + | with (utilities) | |
- | + | { | |
- | + | addCologneBlueTopbarLink("http://www.hrwiki.org/etc", "link title", true); ****** | |
- | + | } | |
- | + | } | |
- | + | if (window.addEventListener) window.addEventListener('load', addLinks, false); | |
- | + | else if (window.attachEvent) window.attachEvent('onload', addLinks); | |
- | + | </pre> | |
- | + | ||
- | + | ===Fine Tuning=== | |
- | + | Now, look at the line marked with ******: | |
- | + | ||
- | + | *Remove the ******, it's only there so you can find the line. | |
- | + | *There are three things you need to replace, separated by commas. | |
- | + | **The first is the complete URL to the page you want to link to. | |
- | + | **The second is what you want the link to say. | |
- | + | **The third says where you want the link to be in the quickbar. This can be <code>true</code> to put it at the start, or <code>false</code> to put it at the end. | |
- | + | **You can also replace <code>addCologneBlueTopbarLink</code> with <code>addCologneBlueSubtopbarLink</code> to add it to the second top bar (the one just below the categories) | |
+ | *If you want to add several links, make multiple copies of this one line (don't copy the whole script). | ||
+ | |||
+ | Now, save your edit, and reload the page. | ||
+ | |||
+ | ==The Code for TaviStyle== | ||
+ | Go to your tavistyle.js page by clicking [[Special:Mypage/tavistyle.js|here]]. | ||
+ | |||
+ | Edit the page, and insert the following lines of code: | ||
+ | |||
+ | <pre> | ||
+ | {{subst:utilities}} | ||
+ | |||
+ | function addLinks() | ||
+ | { | ||
+ | with (utilities) | ||
+ | { | ||
+ | addTavistyleTopbarLink("http://www.hrwiki.org/etc", "link title", 1, true); ****** | ||
+ | } | ||
+ | } | ||
+ | if (window.addEventListener) window.addEventListener('load', addLinks, false); | ||
+ | else if (window.attachEvent) window.attachEvent('onload', addLinks); | ||
</pre> | </pre> | ||
- | + | ===Fine Tuning=== | |
+ | Now, look at the line marked with ******: | ||
- | * | + | *Remove the ******, it's only there so you can find the line. |
- | * | + | *There are four things you need to replace, separated by commas. |
- | + | **The first is the complete URL to the page you want to link to. | |
- | * | + | **The second is what you want the link to say. |
- | ** | + | **the third is which row of the top bar you want to add it to – <code>1</code> for the first, <code>2</code> for the second, or <code>3</code> to add a new row to the bottom. |
- | ** | + | **The fourth says where you want the link to be in the quickbar. This can be <code>true</code> to put it at the start, or <code>false</code> to put it at the end. |
- | ** | + | *If you want to add several links, make multiple copies of this one line (don't copy the whole script). |
- | + | ||
- | ** | + | |
- | + | ||
- | + | Now, save your edit, and reload the page. | |
- | + | [[Category:Help|Quickbar]] |
Current revision as of 14:32, 27 May 2006
Here's how to add a link to your quickbar:
Contents |
[edit] Preparation
1. First, decide what kind of link you would like to add:
- A page that you frequently visit, that isn't easily accessible.
- One of your user space pages.
- A friend's user page or talk page.
2. Find the complete address of that page, and copy it down.
[edit] The Code for Monobook (the default skin)
Go to your monobook.js page by clicking here.
Edit the page, and insert the following lines of code:
{{subst:utilities}} function addLinks() { with (utilities) { addMonobookQuickbarLink("http://www.hrwiki.org/etc", "link title", "watchlist"); ****** } } if (window.addEventListener) window.addEventListener('load', addLinks, false); else if (window.attachEvent) window.attachEvent('onload', addLinks);
[edit] Fine Tuning
Now, look at the line marked with ******:
- Remove the ******, it's only there so you can find the line.
- There are three things you need to replace, in "quotes", separated by commas.
- The first is the complete URL to the page you want to link to.
- The second is what you want the link to say.
- The third says where you want the link to be in the quickbar:
- Replace it with userpage if you want the link to appear before your userpage link.
- Replace it with mytalk if you want the link to appear before your my talk link.
- Replace it with preferences if you want the link to appear before your preferences link.
- Replace it with watchlist if you want the link to appear before your my watchlist link.
- Replace it with mycontris if you want the link to appear before your my contributions link.
- Replace it with logout if you want the link to appear before your log out link.
- Make it blank (ie just two quote marks
""
) if you want the link to appear after your log out link.
- If you want to add several links, make multiple copies of this one line (don't copy the whole script).
Now, save your edit, and reload the page.
[edit] The Code for Cologne Blue
Go to your cologneblue.js page by clicking here.
Edit the page, and insert the following lines of code:
{{subst:utilities}} function addLinks() { with (utilities) { addCologneBlueTopbarLink("http://www.hrwiki.org/etc", "link title", true); ****** } } if (window.addEventListener) window.addEventListener('load', addLinks, false); else if (window.attachEvent) window.attachEvent('onload', addLinks);
[edit] Fine Tuning
Now, look at the line marked with ******:
- Remove the ******, it's only there so you can find the line.
- There are three things you need to replace, separated by commas.
- The first is the complete URL to the page you want to link to.
- The second is what you want the link to say.
- The third says where you want the link to be in the quickbar. This can be
true
to put it at the start, orfalse
to put it at the end. - You can also replace
addCologneBlueTopbarLink
withaddCologneBlueSubtopbarLink
to add it to the second top bar (the one just below the categories)
- If you want to add several links, make multiple copies of this one line (don't copy the whole script).
Now, save your edit, and reload the page.
[edit] The Code for TaviStyle
Go to your tavistyle.js page by clicking here.
Edit the page, and insert the following lines of code:
{{subst:utilities}} function addLinks() { with (utilities) { addTavistyleTopbarLink("http://www.hrwiki.org/etc", "link title", 1, true); ****** } } if (window.addEventListener) window.addEventListener('load', addLinks, false); else if (window.attachEvent) window.attachEvent('onload', addLinks);
[edit] Fine Tuning
Now, look at the line marked with ******:
- Remove the ******, it's only there so you can find the line.
- There are four things you need to replace, separated by commas.
- The first is the complete URL to the page you want to link to.
- The second is what you want the link to say.
- the third is which row of the top bar you want to add it to –
1
for the first,2
for the second, or3
to add a new row to the bottom. - The fourth says where you want the link to be in the quickbar. This can be
true
to put it at the start, orfalse
to put it at the end.
- If you want to add several links, make multiple copies of this one line (don't copy the whole script).
Now, save your edit, and reload the page.