Unofficial DU3 Basic HTML Reference Lookup Table

Anyhoo, here's how to link to a YouTube page: replace the "?" with "%3F".

http://www.youtube.com/watch%3Fv=VyqzPu5pX6U



rocktivity

As pointed out above, to post a link to a video on YouTube without embedding it replace the '?' with '%3F' (its URL encode character):




This is also possible with videos on Vimeo by adding a '%3' before the video's number:



This works by creating a URL encode character of the first number of the video's id.

I don't think there is a solution for the marquee tag on DU3 (thank goodness!).

You can't, as far as I can tell, do this and get it to embed on DU, but this allows you to specify the point at which YouTube starts showing the video (useful for a particular point from a long one. To start at 1 minute 35 seconds:

http://www.youtube.com/watch?t=1m35s&v=VyqzPu5pX6U

The "t=XmYs" must come before the "v="; if it comes after, DU embeds the video but starts at the beginning.

Which is unfortunate since there are quite a few useful parameters one can add to embedded YouTube videos. Here is a page on google that outlines them:


I could not seem to find any information on the parameters available in normal YouTube links. However, since we can't embed a video with extra parameters anyway, by using a different link format that goes to https://www.youtube.com we can use the embedded player parameters. As an example I am going to use the related, start, end, autoplay, autohide controls, and display fullscreen button parameters in a link:


It will only work with https links in that format, it won't work as intended if the link is a regular http address. As luck would have it, DU3 seems to not like https links unless they are in a [link] tag. So this whole thing is perhaps more effort than it is worth - but it may come in handy for a long video where only the relevant portion could be shown by specifying start and end points.

This is good info that should be readily available.

+1 for pinning this

Most types of symbols that can be used here should be fairly easy to look up via a web search. I've posted the link to the w3schools standard html entity list numerous times and I recall MineralMan doing a post with accented vowels and similar language characters. There are additional pages at w3schools with those and more. If you mean something other than that, please clarify.

link to this from before.

http://web.archive.org/web/20120419091647/http://www.democraticunderground.com/124025017

Perhaps some of the replies in that version may also be useful (e.g. imitating the [pre] tag, issues with code in signatures).

to see Meta (or was that just in its latter days?), so that it wouldn't be archived.

Some of the Meta forum (up through May 2012) is archived over there - after that it tries (and fails) to send you to a log in screen.

I remember there being another sub-thread in the Meta HTML Reference thread - but someone else provided the answer before I saw the question and now I can't recall what it was about (font sizes? maybe). There may have been more, but I thought the signature stuff and the [pre] code was worth a link.

Hopefully the following thread will help:

Here's one that can be useful for quoting a whole DU post with a title or a DU Mail:



And this is what I'm using in my user style sheet (everyone's excerpts look like this in my browser):



And I often use this in my own posts as a double check that my excerpt code is actually doing something (i.e. slightly different than my user style sheet excerpt code):



Obviously there are too many possibilities for me to list what you can do by adding a little CSS to an div.excerpt element - for those wanting to try more, w3schools has a good CSS reference guide.

Most websites use style sheets to define how things will look (e.g. fonts, text size and color, borders, alignment and placement of elements, background colors, background images, etc.). For example in DU's main style sheet you can find the rule for excerpts (inserted in a post when you hit the excerpt button or type [div class="excerpt"] [/div] into your message):


A 'user style sheet' is a file that resides on your computer that will tell your browser that you want to substitute the website's style rule for a particular element with something you define yourself. Depending on the browser/platform implementing a user style sheet is very easy or virtual impossible.

Some of the things I am doing on DU with my user style sheet are: hiding signatures, adding a rounded border and drop-shadow to excerpt boxes, right justifying and hiding most of the edit text message and changing the text color to light grey, hiding the post count and profile/mail/journal/ignore icons by the username in posts....

ETA: I guess I should take a screenshot to show what posts look like when I browse DU. This is what my post (before adding this image) looked in my browser:

You've given me a great jumping off point to do some additional learning. Thanks!

I know basic html - but when I try to embed using the DU way, the link doesn't show. help.

I put in the http (supplied by DU, don't use /a, as is not done in the sample, to close the link...

The main problem seems to be the inability of the DU3 software to handle certain characters in the web address and/or text portion correctly - that and it acting a little differently than it did on DU2 (e.g. here you should include the http:// part, there you were supposed to omit it).

I posted a thread about the issues that I know about here.

If you give me an example like this (with a space in the web address so it shows up as text)...

URL = http ://www.democraticunderground.com/
text = DU3's Home Page

... I'll see if I can determine what the issue might be - and get it to look like this: DU3's Home Page.


If the problem is just trying to get the button to put the proper code into your post, there are two ways to use it:

1. Type the text you want to make into a link in your post, highlight that text, hit the
    link 
   button and enter the web address into the popup box. Done.
2. Hit the
    link 
   button, enter the address into the popup box, type the text you want to link in your post and hit the
    /link 
   button to complete.

Either method should result in code like this:

[link:http://www.example.com|custom text]

(Of course you can always just type the code in instead of using the buttons, that's what I usually do.)

http://www.democraticunderground.com/1120231

where I tried to link. It was supposed to say Book Savoury.

It disappeared when I did the embedded link, so I just posted it "raw."

You can replace them with %2B (as explained here in my other thread):


To give you:



For that particular link, you could also use %20 for spaces instead of the plus signs:


To give you:

Is there any way to enter line breaks into the "About Me" box on the user profile?

This has been asked in the past a few times and I usually try every way I can think of to get it to work each time someone raises the issue and have yet to succeed.

Maybe post in ATA to see if they'll add some code to recognize line breaks in the 'About Me' text and have the software insert <br> tags to the html source - just like the software will in a regular post. It can't hurt to ask...

http://www.democraticunderground.com/12591506

Maybe Elad will have some ideas...

|div style="width:20%;"| URL |/div|

Substitute braces for vertical pipe, no spaces before or after URL.