< Template:Link attributes

m (updated and fixed, I wrote this a long time ago when S:STYLE didn't exist; also improved inaccuracies)
(updatd documentation)
 
Line 2: Line 2:
  
 
==Usage==
 
==Usage==
{{t|link style}} applies [[Help:CSS|CSS]] style to a link. It accepts six parameters:
+
{{t|link attributes}} applies [[Help:CSS|CSS]] style and/or HTML attributes to a link. It accepts six parameters:
 
# the page being linked
 
# the page being linked
# the style of the link
+
# the style of the link - optional
 
# the style of the link if the page being linked does not exist - optional - only for intra-wiki links
 
# the style of the link if the page being linked does not exist - optional - only for intra-wiki links
 
* <code>text</code> - link text to show - optional
 
* <code>text</code> - link text to show - optional
* <code>attribs</code> - extra HTML attributes to add
+
* <code>attribs</code> - extra HTML attributes to add - optional
 
* <code>ext</code> - if present, the link is external
 
* <code>ext</code> - if present, the link is external
  
 
===Link style===
 
===Link style===
 
To change the style of a link:
 
To change the style of a link:
<pre>[[Scratch Wiki]] vs. {{link style|Scratch Wiki|color:gray}}</pre>
+
<pre>[[Scratch Wiki]] vs. {{link attributes|Scratch Wiki|color:gray}}</pre>
  
[[Scratch Wiki]] vs. {{link style|Scratch Wiki|color:gray}}
+
[[Scratch Wiki]] vs. {{link attributes|Scratch Wiki|color:gray}}
  
 
===Alternate link text style===
 
===Alternate link text style===
 
To change the style of a link with custom link text:
 
To change the style of a link with custom link text:
<pre>[[Scratch Wiki|the Wiki]] vs. {{link style|Scratch Wiki|color:gray|text=the Wiki}}</pre>
+
<pre>[[Scratch Wiki|the Wiki]] vs. {{link attributes|Scratch Wiki|color:gray|text=the Wiki}}</pre>
  
[[Scratch Wiki|the Wiki]] vs. {{link style|Scratch Wiki|color:gray|text=the Wiki}}
+
[[Scratch Wiki|the Wiki]] vs. {{link attributes|Scratch Wiki|color:gray|text=the Wiki}}
  
 
Note that you ''must'' specify <code>text=</code> to have alternate link text.
 
Note that you ''must'' specify <code>text=</code> to have alternate link text.
Line 26: Line 26:
 
===Using an external link===
 
===Using an external link===
 
To change whether it is an internal link or an external link:
 
To change whether it is an internal link or an external link:
<pre>[https://scratch.mit.edu/ Scratch] vs. {{link style|https://scratch.mit.edu/|color:gray|text=Scratch|ext=t}}</pre>
+
<pre>[https://scratch.mit.edu/ Scratch] vs. {{link attributes|https://scratch.mit.edu/|color:gray|text=Scratch|ext=t}}</pre>
  
[https://scratch.mit.edu/ Scratch] vs. {{link style|https://scratch.mit.edu/|color:gray|text=Scratch|ext=t}}
+
[https://scratch.mit.edu/ Scratch] vs. {{link attributes|https://scratch.mit.edu/|color:gray|text=Scratch|ext=t}}
  
 
Note that you ''must'' specify <code>ext=something</code> to have an external link. (The value need not be "t" or "something", as long as it's not empty)
 
Note that you ''must'' specify <code>ext=something</code> to have an external link. (The value need not be "t" or "something", as long as it's not empty)
Line 35: Line 35:
 
{{note|This syntax only styles nonexistent intra-wiki links.}}
 
{{note|This syntax only styles nonexistent intra-wiki links.}}
 
To change the style of a link to a nonexistent page:
 
To change the style of a link to a nonexistent page:
<pre>[[No page here]] vs. {{link style|No page here|color:gray|color:magenta}}</pre>
+
<pre>[[No page here]] vs. {{link attributes|No page here|color:gray|color:magenta}}</pre>
  
[[No page here]] vs. {{link style|No page here|color:gray|color:magenta}}
+
[[No page here]] vs. {{link attributes|No page here|color:gray|color:magenta}}
  
 
Note that the style in the '''third''' parameter is applied, since the page does not exist.
 
Note that the style in the '''third''' parameter is applied, since the page does not exist.
Line 44: Line 44:
 
{{note|This syntax only styles nonexistent intra-wiki links.}}
 
{{note|This syntax only styles nonexistent intra-wiki links.}}
 
To change the style of a link to a nonexistent page with custom link text:
 
To change the style of a link to a nonexistent page with custom link text:
<pre>[[No page here|Nope]] vs. {{link style|No page here|color:gray|color:magenta|text=Nope}}</pre>
+
<pre>[[No page here|Nope]] vs. {{link attributes|No page here|color:gray|color:magenta|text=Nope}}</pre>
  
[[No page here|Nope]] vs. {{link style|No page here|color:gray|color:magenta|text=Nope}}
+
[[No page here|Nope]] vs. {{link attributes|No page here|color:gray|color:magenta|text=Nope}}
  
 
Here, four parameters are put into use. The first parameter is the page itself, the second is the style for the link, the third is the style if the page doesn't exist, and <code>text</code> is the alternate text for the link.
 
Here, four parameters are put into use. The first parameter is the page itself, the second is the style for the link, the third is the style if the page doesn't exist, and <code>text</code> is the alternate text for the link.

Latest revision as of 23:42, 9 August 2020

Documentation This is a documentation subpage for Template:Link attributes (see that page for the template itself).
It contains usage information, categories and other content that is not part of the original template page.

Usage

{{link attributes}} applies CSS style and/or HTML attributes to a link. It accepts six parameters:

  1. the page being linked
  2. the style of the link - optional
  3. the style of the link if the page being linked does not exist - optional - only for intra-wiki links
  • text - link text to show - optional
  • attribs - extra HTML attributes to add - optional
  • ext - if present, the link is external

Link style

To change the style of a link:

[[Scratch Wiki]] vs. {{link attributes|Scratch Wiki|color:gray}}

Scratch Wiki vs. Scratch Wiki

Alternate link text style

To change the style of a link with custom link text:

[[Scratch Wiki|the Wiki]] vs. {{link attributes|Scratch Wiki|color:gray|text=the Wiki}}

the Wiki vs. the Wiki

Note that you must specify text= to have alternate link text.

Using an external link

To change whether it is an internal link or an external link:

[https://scratch.mit.edu/ Scratch] vs. {{link attributes|https://scratch.mit.edu/|color:gray|text=Scratch|ext=t}}

Scratch vs. Scratch

Note that you must specify ext=something to have an external link. (The value need not be "t" or "something", as long as it's not empty)

Red link style

Note Note: This syntax only styles nonexistent intra-wiki links.

To change the style of a link to a nonexistent page:

[[No page here]] vs. {{link attributes|No page here|color:gray|color:magenta}}

No page here vs. No page here

Note that the style in the third parameter is applied, since the page does not exist.

Alternate red link text style

Note Note: This syntax only styles nonexistent intra-wiki links.

To change the style of a link to a nonexistent page with custom link text:

[[No page here|Nope]] vs. {{link attributes|No page here|color:gray|color:magenta|text=Nope}}

Nope vs. Nope

Here, four parameters are put into use. The first parameter is the page itself, the second is the style for the link, the third is the style if the page doesn't exist, and text is the alternate text for the link.

Extra HTML attributes

To add a title attribute to a link:

[[Scratch Wiki]] vs. {{link attributes|Scratch Wiki|attribs=title="Hi, this is a demonstration of the HTML title attribute!"}} (hover)

Scratch Wiki vs. Scratch Wiki (hover)

Here, the optional attribute title is applied to the text.

All together now

To add a title attribute and change the style of a link to a nonexistent page with custom link text:

[[No page here|Nope]] vs. {{link attributes|No page here|color:gray|color:magenta|text=Nope|attribs=title="You're not finding a page here!"}}

Nope vs. Nope

And now to link to an external page:

[https://scratch.mit.edu/ Scratch] vs. {{link attributes|https://scratch.mit.edu/|color:gray|text=Scratch|attribs=title="hehe cool"|ext=t}}

Scratch vs. Scratch


Here, in these two examples five parameters are put into use. The first parameter is the link target, the second is the style, text is the link text, ext is to specify it as an external link, and attribs is the extra HTML attributes for the link.

Cookies help us deliver our services. By using our services, you agree to our use of cookies.