Unofficial DU3 Basic HTML Reference Lookup Table
Last edited Sat Nov 18, 2023, 07:00 PM - Edit history (11)
Bold[b]Text[/b]
Italic
[i]Text[/i]
Underline
[u]Text[/u]
Strikethrough
[strike]Text[/strike]
Highlight
[highlight]Text[/highlight]
Monospace font
[monospace]Text[/monospace]
Subscript
[sub]Text[/sub]
Superscript
[sup]Text[/sup]
Indented blockquote
[blockquote]Text[/blockquote]
Excerpt with light grey background
[excerpt]Text[/excerpt]
Hyperlink
No tags needed
Just paste the URL starting with http://
Hyperlink from text
[link:URL|Text]
(URL should include the http://)
Example:
[link:https://www.democraticunderground.com|DU4]
Images
No tags needed
Just paste the URL starting with http://
(Image filename must end with gif, jpg, or png file extension)
Example:
https://www.democraticunderground.com/imgs/logo.gif
Unordered Lists
[ul]
[li]Text
[li]Text
...
[/ul]
Ordered Lists
[ol]
[li]Text
[li]Text
...
[/ol]
Video Embedding (YouTube only)
No tags needed
Just paste the URL starting with https://
Examples:
https://www.youtube.com/watch?v=VyqzPu5pX6U
https://youtu.be/VyqzPu5pX6U
Embedding Tweets
No tags needed
Just paste the URL starting with https://twitter.com
Example:
https://twitter.com/demunderground/status/823960344548806656
Embedding Toots (Mastadon social media)
No tags needed
Just paste the URL starting with https://
Example:
https://mastodon.online/@pkrugman/109718199496975168
(NOTE: this only works for a limited number of Mastodon domains)
Preventing Embedding
For YouTube videos, add t=0& after the ? in the video URL.
Example:
https://www.youtube.com/watch?t=0&v=VyqzPu5pX6U
For Tweets, change domain from twitter.com to x.com in URL
Example:
https://x.com/demunderground/status/823960344548806656
For Mastodon, add %3 before post ID in URL
Example:
https://mastodon.online/@pkrugman/%3109718199496975168
= new reply since forum marked as read
Last edited Sun Aug 8, 2021, 03:54 PM - Edit history (20)
Anyhoo, here's how to link to a YouTube page:
http://www.youtube.com/watch?=VyqzPu5pX6U
Here's how to link to a YouTube page with a start time:
http://www.youtube.com/watch?t=1m35s&v=VyqzPu5pX6U
rocktivity
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):
display: block;
background-color: #e6e6e6;
margin: 0px 0px 0px 0px;
padding: 10px;
}
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:
[div style="display:inline-block; border:8px solid #99bbff;"]
Is there any way to enter line breaks into the "About Me" box on the user profile?
Response to Make7 (Original post)
Response to Make7 (Original post)
... at least it did for me.
Response to Make7 (Original post)
I was copying the old DU2 html lookup table which has that as the last line.
The html tags for tables (<table>, <thead>, <tbody>, <th>, <tr>, <td>) are not allowed because both DU2 and DU3 use tables for their page formatting - so anyone using them in a post would almost certainly screw up the page layouts.
I used <div> tags with the display properties set to render as a table. As I was doing it, I just couldn't bring my self to omit from the table a line that said tables aren't allowed. This was commented on in the first version of this thread posted in Meta:
http://web.archive.org/web/20120419091647/http://www.democraticunderground.com/124025017#post29
(Scroll down to post #4 by hootinholler.)
So at least one person besides myself found it amusing.
Response to Make7 (Original post)
Response to Make7 (Original post)
Response to Make7 (Original post)
The basic idea is to copy the web address of the image and paste the text of the URL in your post. Typically on desktop/laptop operating systems you right-click (or ctrl-click for Macs) the picture and select Copy image address (wording varies by browser). Then you just paste that URL into your post and DU software will almost always display the image when you preview and/or post it.
For mobile devices, you usually need to press and hold the image to get copy options - although sometimes you need to do an extra step to get the text of the URL instead of just a copy of the picture itself. You can usually Google questions like this to get an answer tailored for the device/browser you are using - try something like Get image URL android.
Eventually you should get an address like this to paste into your post...
https://static01.nyt.com/images/2017/01/20/us/19TORTURE-1/10TORTURE-1-master768.jpg
... which should display this when posted...
Response to Make7 (Original post)
Response to Make7 (Original post)
Response to Make7 (Original post)
