Quantcast
Channel: Distinguishing external from internal links
Browsing all 18 articles
Browse latest View live

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 Article



Re: Distinguishing external from internal links

I would like to have this too! Make a wish!

View Article

Re: 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 Article

Re: Distinguishing external from internal links

Brilliant! thanks :-)

View Article

Re: 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 Article


Re: 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 Article

Re: 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 Article

Re: 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 Article


Re: Distinguishing external from internal links

Perfect! Thanks a lot, Rob!

View Article


Re: 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 Article

Re: 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 Article

Re: 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 Article

Re: 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 Article


Re: 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 Article

Re: 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 Article


Re: 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 Article

Re: Distinguishing external from internal links

Perfect! Thanks, man!

View Article


Re: 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
Browsing all 18 articles
Browse latest View live




Latest Images