Distinguishing external from internal links
When looking at, say, Wikipedia pages, it is immediately recognizable whether any given link is internal or external. With Wikidot.Com wikis, this is not the case - you have to hover the mouse pointer...
View ArticleRe: Distinguishing external from internal links
I would like to have this too! Make a wish!
View ArticleRe: Distinguishing external from internal links
This doesn't really need a wish; this can be done with CSS3 attribute selectors to put an icon next to the external link. You can add icons to link to all sort of links and filetypes. Not everyone...
View ArticleRe: Distinguishing external from internal links
that's indeed great. i notice that wikipedia also automatically identifies a link to a pdf file with an image. can that be done here as well?
View ArticleRe: Distinguishing external from internal links
Yes, use the following: a[href$='.pdf'] { display:inline-block; padding-right:20px; background:transparent url(http://sitename/local--files/pagename/filename.gif) center left no-repeat; } The padding...
View ArticleRe: Distinguishing external from internal links
Thanks, Rob. That's a great tip! Since we're already in this subject, how do I avoid an underlined link? I just wanted the word to be highlighted when the cursor is over it, without the underline).
View ArticleRe: Distinguishing external from internal links
a:link, a:visited, a:hover { text-decoration: none; } Edit: if you want the link to change colour when you hover over it, and also not to be underlined then do: a:hover { text-decoration: none; color:...
View ArticleRe: Distinguishing external from internal links
Thank you Rob. This is worth a HowTo ! Just a tiny mistake in your code (from the test I made) a[href$='.pdf'] { display:inline-block; padding-right:20px; background:transparent...
View ArticleRe: Distinguishing external from internal links
Yes you're right, I had originally done padding-left and then thought it didn't seem right and in a moment of madness changed it. Padding-left is correct so thanks for pointing that out. I'll add this...
View ArticleRe: Distinguishing external from internal links
Hi, Rob, I've followed your suggestions for adding automatic icons to links leading to pdf files, and it worked perfectly well. I also did the same for external links — again, it works great, except...
View ArticleRe: Distinguishing external from internal links
I got it, tweaking the code just a little. The code below adds an icon to any link to a page in the "members:" category: a[href ^='/members:'] { padding-right: 18px; background: transparent...
View ArticleRe: Distinguishing external from internal links
enclose everything that you want to avoid this code in a span or div block and put class="cancel" Example [[div class="cancel"]] linkyouwanttocanel.wikidot.com [[/div]] or [[span class="cancel"]]...
View ArticleRe: Distinguishing external from internal links
Thanks, Rhombus. I gave it a shot, doing exactly what you suggest, but it didn't work. Anything with the code?
View ArticleRe: Distinguishing external from internal links
oh try .cancel a{ background:none; } im testing it now and ill tell you if it works EDIT: this works, i forgot we were dealing with links ;-)
View ArticleRe: Distinguishing external from internal links
This is kawina's code: a[href ^='/members:'] { padding-right: 18px; background: transparent url(/local--files/system:icons/members.png) no-repeat center right; } Now, I want it to only appear when I...
View Article