Revision history for LinkTails
Revision [22994]
Last edited on 2016-05-20 07:38:44 by JavaWoman [Replaces old-style internal links with new pipe-split links.]Additions:
Wikka currently gives admins the option to configure a specific tail for external links in the [[Docs:ConfigurationOptions | configuration file]].
For example: [[http://www.google.com | Google]] (see the small infinity symbol appended to the link).
The tail is currently rendered through a ##<span>## that displays the tail as configured in the config file. It would make more sense IMO (especially as soon as we allow [[TestSkin | multiple CSS stylesheets]]) to render it through an ##a.ext:after## selector. Tails are layout, not content, and they should consequently be handled by CSS.
For example: [[http://www.google.com | Google]] (see the small infinity symbol appended to the link).
The tail is currently rendered through a ##<span>## that displays the tail as configured in the config file. It would make more sense IMO (especially as soon as we allow [[TestSkin | multiple CSS stylesheets]]) to render it through an ##a.ext:after## selector. Tails are layout, not content, and they should consequently be handled by CSS.
Deletions:
For example: [[http://www.google.com Google]] (see the small infinity symbol appended to the link).
The tail is currently rendered through a ##<span>## that displays the tail as configured in the config file. It would make more sense IMO (especially as soon as we allow [[TestSkin multiple CSS stylesheets]]) to render it through an ##a.ext:after## selector. Tails are layout, not content, and they should consequently be handled by CSS.
Revision [18448]
Edited on 2008-01-28 00:11:40 by JavaWoman [Modified links pointing to docs server]Additions:
Wikka currently gives admins the option to configure a specific tail for external links in the [[Docs:ConfigurationOptions configuration file]].
Deletions:
Additions:
CategoryDevelopmentFormatters CategoryLayout
Deletions:
Additions:
~-Userpage link: ""<a href="http://wikka.jsnx.com/DarTar" title="Open Dartar's userpage">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(USER)</span> ""
Deletions:
Additions:
~-Internal link to missing page: ""<a href="http://wikka.jsnx.com/MissingPage/edit" class="missingpage" title="Create MissingPage">MissingPage</a>""
Deletions:
Additions:
~-Internal link to missing page: ""<a href="http://wikka.jsnx.com/HomePage" class="missingpage" title="Create MissingPage">MissingPage</a>""
Deletions:
Additions:
~-Internal link: ""<a href="http://wikka.jsnx.com/HomePage" title="Go to HomePage">HomePage</a>""
~-Internal link to missing page: ""<a href="http://wikka.jsnx.com/HomePage" class="missingpage" title="Create ~-MissingPage">MissingPage</a>""
~-External link: ""<a href="http://google.com" title="Open external site">Google.com</a><span class='exttail'>∞</span>""
~-Userpage link: ""<a href="http://wikka.jsnx.com/DarTar" title="Open Dartar's userpage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(USER)</span> ""
~-FTP link: ""<a href="ftp://xxx.xx" title="Browse FTP server">ftp://xxx.xxx.xx</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(FTP)</span> ""
~-MAILTO link: ""<a href="mailto:[email protected]" title="Send an email to DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(EMAIL)</span> ""
~-CALLTO link: ""<a href="callto://xxxx.xxxx" title="Call DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(CALL)</span> ""
~-Handlers:
~~-Edit handler: ""<a href="http://wikka.jsnx.com/LinkTails/edit" title="Edit LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[edit]</span> ""
~~-Backlink handler: ""<a href="http://wikka.jsnx.com/HomePage/backlink" title="Display a list of pages linking to HomePage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[backlinks]</span> ""
~~-Clone handler: ""<a href="http://wikka.jsnx.com/LinkTails/clone" title="Clone LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[clone]</span> ""
~-Internal link to missing page: ""<a href="http://wikka.jsnx.com/HomePage" class="missingpage" title="Create ~-MissingPage">MissingPage</a>""
~-External link: ""<a href="http://google.com" title="Open external site">Google.com</a><span class='exttail'>∞</span>""
~-Userpage link: ""<a href="http://wikka.jsnx.com/DarTar" title="Open Dartar's userpage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(USER)</span> ""
~-FTP link: ""<a href="ftp://xxx.xx" title="Browse FTP server">ftp://xxx.xxx.xx</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(FTP)</span> ""
~-MAILTO link: ""<a href="mailto:[email protected]" title="Send an email to DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(EMAIL)</span> ""
~-CALLTO link: ""<a href="callto://xxxx.xxxx" title="Call DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(CALL)</span> ""
~-Handlers:
~~-Edit handler: ""<a href="http://wikka.jsnx.com/LinkTails/edit" title="Edit LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[edit]</span> ""
~~-Backlink handler: ""<a href="http://wikka.jsnx.com/HomePage/backlink" title="Display a list of pages linking to HomePage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[backlinks]</span> ""
~~-Clone handler: ""<a href="http://wikka.jsnx.com/LinkTails/clone" title="Clone LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[clone]</span> ""
Deletions:
Internal link to missing page: ""<a href="http://wikka.jsnx.com/HomePage" class="missingpage" title="Create MissingPage">MissingPage</a>""
External link: ""<a href="http://google.com" title="Open external site">Google.com</a><span class='exttail'>∞</span>""
Userpage link: ""<a href="http://wikka.jsnx.com/DarTar" title="Open Dartar's userpage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(USER)</span> ""
FTP link: ""<a href="ftp://xxx.xx" title="Browse FTP server">ftp://xxx.xxx.xx</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(FTP)</span> ""
MAILTO link: ""<a href="mailto:[email protected]" title="Send an email to DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(EMAIL)</span> ""
CALLTO link: ""<a href="callto://xxxx.xxxx" title="Call DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(CALL)</span> ""
==Wikka Handlers==
Edit handler: ""<a href="http://wikka.jsnx.com/LinkTails/edit" title="Edit LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[edit]</span> ""
Backlink handler: ""<a href="http://wikka.jsnx.com/HomePage/backlink" title="Display a list of pages linking to HomePage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[backlinks]</span> ""
Clone handler: ""<a href="http://wikka.jsnx.com/LinkTails/clone" title="Clone LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[clone]</span> ""
Additions:
===##span## vs. ##:after## selector===
=== Different classes for different kinds of link ===
=== Link types ===
==Wikka Handlers==
=== Different classes for different kinds of link ===
=== Link types ===
==Wikka Handlers==
Deletions:
== Different classes for different kinds of link ==
** Link types **
** Wikka Handlers**
Additions:
Edit handler: ""<a href="http://wikka.jsnx.com/LinkTails/edit" title="Edit LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[edit]</span> ""
Backlink handler: ""<a href="http://wikka.jsnx.com/HomePage/backlink" title="Display a list of pages linking to HomePage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[backlinks]</span> ""
Clone handler: ""<a href="http://wikka.jsnx.com/LinkTails/clone" title="Clone LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[clone]</span> ""
Backlink handler: ""<a href="http://wikka.jsnx.com/HomePage/backlink" title="Display a list of pages linking to HomePage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[backlinks]</span> ""
Clone handler: ""<a href="http://wikka.jsnx.com/LinkTails/clone" title="Clone LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[clone]</span> ""
Deletions:
Backlink method: ""<a href="http://wikka.jsnx.com/HomePage/backlink" title="Display a list of pages linking to HomePage">HomePage</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[backlinks]</span> ""
Clone method: ""<a href="http://wikka.jsnx.com/LinkTails/clone" title="Clone LinkTails">LinkTails</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">[clone]</span> ""
Additions:
If the link parser is modified, dedicated classes, titles and tails could be given to specific kinds of link. I think this could be applied both to link types and Wikka handlers.
** Wikka Handlers**
** Wikka Handlers**
Deletions:
** Wikka Methods **
Additions:
MAILTO link: ""<a href="mailto:[email protected]" title="Write an email to DarTar">DarTar</a> <img alt=" " src="images/email.gif" width="15px" title="Write an email to DarTar" />""
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt=" " src="images/icons/new-contact.png" width="18px" title="Open DarTar's userpage"/>""
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt=" " src="images/icons/new-contact.png" width="18px" title="Open DarTar's userpage"/>""
Deletions:
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt="[userpage icon]" src="images/icons/new-contact.png" width="18px" title="Open DarTar's userpage"/>""
Additions:
The tail is currently rendered through a ##<span>## that displays the tail as configured in the config file. It would make more sense IMO (especially as soon as we allow [[TestSkin multiple CSS stylesheets]]) to render it through an ##a.ext:after## selector. Tails are layout, not content, and they should consequently be handled by CSS.
Deletions:
Additions:
MAILTO link: ""<a href="mailto:[email protected]" title="Write an email to DarTar">DarTar</a> <img alt="[email icon]" src="images/email.gif" width="15px" title="Write an email to DarTar" />""
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt="[userpage icon]" src="images/icons/new-contact.png" width="18px" title="Open DarTar's userpage"/>""
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt="[userpage icon]" src="images/icons/new-contact.png" width="18px" title="Open DarTar's userpage"/>""
Deletions:
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt="[userpage icon]" src="images/icons/new-contact.png" width="18px" title="Write an email to DarTar"/>""
Additions:
MAILTO link: ""<a href="mailto:[email protected]" title="Write an email to DarTar">DarTar</a> <img alt="[email icon]" src="images/email.gif" width="15px"/ title="Write an email to DarTar" />""
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt="[userpage icon]" src="images/icons/new-contact.png" width="18px" title="Write an email to DarTar"/>""
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img alt="[userpage icon]" src="images/icons/new-contact.png" width="18px" title="Write an email to DarTar"/>""
Deletions:
Userpage: ""<a href="DarTar" title="Open DarTar's userpage">DarTar</a> <img src="images/icons/new-contact.png" width="18px"/>""
Additions:
If the link parser is modified, dedicated classes, titles and tails could be given to specific kinds of link. I think this could be applied both to link types and Wikka methods.
Deletions:
Additions:
Internal link to missing page: ""<a href="http://wikka.jsnx.com/HomePage" class="missingpage" title="Create MissingPage">MissingPage</a>""
MAILTO link: ""<a href="mailto:[email protected]" title="Send an email to DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(EMAIL)</span> ""
CALLTO link: ""<a href="callto://xxxx.xxxx" title="Call DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(CALL)</span> ""
MAILTO link: ""<a href="mailto:[email protected]" title="Send an email to DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(EMAIL)</span> ""
CALLTO link: ""<a href="callto://xxxx.xxxx" title="Call DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(CALL)</span> ""
Deletions:
CALLTO link: ""<a href="callto://xxxx.xxxx" title="Call DarTar">DarTar</a><span style="color: #999;position: relative; top: 0.5ex; font-size: 70%">(CALLTO)</span> ""
Additions:
Currently, only external links have a dedicated class and tail.