DU Community Help
Related: About this forumHelp.. this used to work & now does not.. what am I missing?
had to insert spaces
square bracket link : url | words square bracket
It used to sub for a long url or made a photo clickable
REP
(21,691 posts)Skinner
(63,645 posts)Cerridwen
(13,260 posts)I wonder if these things are related?
I've also had the problem you describe in your OP using the 'link' html code; especially with the long URLs. Some punctuation appears to break the links.
Make7
(8,543 posts)Last edited Tue Jul 17, 2012, 10:11 PM - Edit history (1)
... that will "break" it.
When using the [link:web address|text] tag, certain punctuation in the web address will cause it to not work and some punctuation in the text will cause it to not work properly. I think I have documented the majority of link problems (and their workarounds) in this post.
You can still use photos for the text to make a photo clickable. That should work for a normal webpage, but if you are trying to link to a picture or video there is an extra step that must be taken to make it work. For pictures, replace the period before the extension with %2E. For YouTube videos, use the standard YouTube link format and replace the question mark with %3F. For Vimeo, insert %3 in front of the video number in the URL. Examples and results:
[div style="margin-left:2em;"]Link to webpage:
[font color="#000099"][link:http://www.democraticunderground.com/index.php|http://www.democraticunderground.com/apple-touch-icon-72x72-precomposed.png][/font]
[div style="width:100%; margin-top:1.5em; border-bottom: 1px solid #bfbfbf;"]
Link to picture:
[font color="#000099"][link:http://www.democraticunderground.com/imgs/logo-du3-150x48[font style="color:#ffffff; background-color:#3366cc;"]%2E[/font]gif|http://www.democraticunderground.com/apple-touch-icon-72x72-precomposed.png][/font]
[div style="width:100%; margin-top:1.5em; border-bottom: 1px solid #bfbfbf;"]
Link to YouTube:
[font color="#000099"][link:http://www.youtube.com/watch[font style="color:#ffffff; background-color:#3366cc;"]%3F[/font]v=VyqzPu5pX6U|http://www.democraticunderground.com/apple-touch-icon-72x72-precomposed.png][/font]
[div style="width:100%; margin-top:1.5em; border-bottom: 1px solid #bfbfbf;"]
Link to Vimeo:
[font color="#000099"][link:http://vimeo.com/[font style="color:#ffffff; background-color:#3366cc;"]%3[/font]8947397|http://www.democraticunderground.com/apple-touch-icon-72x72-precomposed.png][/font]