Basic HTML for Posting (plain editor)

Submitted by ShockFX on

NEW NOTE: This stuff works in the plain editor, not the fancy new one. You can switch to the plain text editor by clicking the link below the fancy new editor.

Quick note, in order to make the tags inactive and display the syntax, remove all ^ from the text when trying this yourself.Syntax can now be used "as is" thanks to a contributor to this post.

Images: (Note, you can remove the [], just keep the "" for the URL) Standard: <img src="[URL GOES HERE]"/> Resized: <img src="[URL GOES HERE]" width="#" height="#"/> Where width and height can be altered in two ways. One is to explicitly set the size in pixels. Use width="100px" height="100px" to resize the image to 100x100. Or, use width="50%" height="50%" to resize the image to 50% of original size.

Youtube: Copy and paste the code from the specific youtube video page. On the right of the screen, under the user info, there is typically 2 boxes. URL and Embed. If you click in the Embed text box all the text should highlight. Just copy paste that here and it will work. I searched "youtube embed circle" and this is the first image result:

Links: <a href="[URL GOES HERE]">[Whatever you want the link to appear as goes here]</a> Example: Whatever you want the link to appear as goes here

From BlueDurham on linking: For another post of ShockFX's in a diary it would be: http://mgoblog.com/diaries/state-recruiting#comment-125774 The comment number can be found in the address if you hit the reply button for a specific post - its the last number of the address. To direct to a specific comment in a board [or one of Brian's articles (labeled story)], again another of ShockFX's past comments: http://mgoblog.com/content/thumbs-new-point-system#comment-125573 To type something but not have it link or do the HTML thing bracket it with "&lt;" and "&gt;" For example, the link to this post is: &lt;http://mgoblog.com/mgoboard/basic-html-posting&gt; = <http://mgoblog.com/mgoboard/basic-html-posting&gt;

More from BlueDurham: To "Marquee" text: <marquee>The text</marquee> shows: The text You can do multiple things at once: To put blinking small italicized text into a yellow box: <blockquote><blink><small><i>The text</i></small></blink></blockquote> shows:

The text

Yeah, I know, this comment is quite obnoxious with all of the stuff going on.



Yet more from BlueDurham:

arrows:

& followed by rarr; (right arrow, →), larr; (←), uarr; (↑), darr; (↓), harr; (↔), capitalize the A in the above gives you a double arrow, e.g. rArr; (⇒), and crarr; (↵).

subscript:

<sub>2</sub> shows up as 2

similarly, superscript is <sup>2</sup> shows up as 2

strike through

<strike>word</strike> gives word

Bringing it all together - something near and dear to all most of our hearts, the crucial process of fermentation is shown below:

C6H12O6 → 2C2H5OH + 2CO2

Blue Durham

July 6th, 2009 at 6:50 PM ^

To post a "hidden reference" as link
<a href="the web link" target="_blank">link</a>

For example, as Brian says, the recruiting board lives here

is entered as:
<a href="http://mgoblog.com/content/2010-michigan-football-recruiting-board" target="_blank">here</a>

To "Marquee" text:
<marquee>The text</marquee>

shows:
The text

You can do multiple things at once:

To put blinking small italicized text into a yellow box:
<blockquote><blink><small><i>The text</i></small></blink></blockquote>

shows:

The text

Yeah, I know, this comment is quite obnoxious with all of the stuff going on.

Blue Durham

July 7th, 2009 at 5:25 PM ^

arrows:
& followed by rarr; (right arrow, →), larr; (←), uarr; (↑), darr; (↓), harr; (↔), capitalize the A in the above gives you a double arrow, e.g. rArr; (⇒), and crarr; (↵).

subscript:
<sub>2</sub> shows up as 2
similarly, superscript is <sup>2</sup> shows up as 2

strike through

<strike>word</strike> gives word

Bringing it all together - something near and dear to all most of our hearts, the crucial process of fermentation is shown below:

C6H12O6 → 2C2H5OH + 2CO2

MGauxBleu

July 17th, 2009 at 9:35 AM ^

I was going to do a separate post on this, but since this exists now I will just add it here. You can also customize how you embed youtube videos. The most important for me is size.

For instance:

There are a couple ways of handling this size change. The easiest way is to let youtube handle it. You can click the gear icon below:

For 4x3 videos (the ones with black vertical bars on either side of the player in youtube) just select the 320x265 option

before coping and pasting the embed code. This size should work for posts, as well as comments up to 4 levels deep (you are replying to a reply of a reply of a comment.) For high quality, HD and 16x9 videos, or 5 level deep comments this probably won't work (the smallest size in the customize options is still too big.) But you can do some math. Just copy the embed code somewhere and do some quick cross-copy and multiplying. Take 320 and divide it by the value from "width=Xpx" and then multiple that result by the value from "height=Ypx". Finally replace the width and height by 320 and the result of your math. This has to be done in two spots in the embed code in order to work across browsers. If the video is still too big, retry your math with a number smaller than 320 (300 should work for 5th level comment) and edit your post or comment.

There is one more parameter I will try to mess with today at work. I will follow up if it works. Might be cool.

formerlyanonymous

July 18th, 2009 at 11:42 PM ^

you can also start them at specific times by inserting something like this at the end of the internet address:

#t=1m45s

This would start the video 1 minute and 45 seconds into it. For example:

http://www.youtube.com/watch?v=bv5RQyV3OWQ#t=0m59s

is

Note in your embed, after the end of the youtube url, you need to add "&start=59" in both places that contains the url. So the embed would look something like this:

<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/bv5RQyV3OWQ&start=59"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bv5RQyV3OWQ&start=59" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>

As compared to starting this at time zero:

http://www.youtube.com/watch?v=FM6im0588OU

MGauxBleu

July 20th, 2009 at 9:49 PM ^

This jumped out at me when I was putting the youtube stuff together, but I didn't address it. Video that is 4x3 is generally 320x240, which is, you know the same aspect ratio. I have no idea where youtube is getting this 265 from, but that is the source of the black bars under the video I posted. This is better:

cjm

December 11th, 2009 at 6:23 PM ^

Thanks ShockFX and to all that have contributed. I feel like I am more than savvy on tech stuff but totally lost on HTML.

So I have a picture in jpeg form (or really any form through photoshop) but how to I turn that into [URL GOES HERE]?

You would think ShockFX explained it with enough detail but I'm missing something. ANY HELP?

bjk

January 13th, 2010 at 10:49 AM ^

*>[the text]

I still don't understand how to in-activate html commands so that they can be displayed as text. Is this explained above?

bjk

January 13th, 2010 at 10:19 PM ^

that's what it says above; I must've done something wrong.

test II:

<

[the text]

/>

just in case, i'll try it with quotation marks as literals:

"<"

[the text]

"/>"

retracing my prior attempts, I'll try it with a literal";" after the latter expression;

<

[the text]

/>;

and for rigor, with quotation marks:

"<"

[the text]

"/>";.

(Sorry to make you repeat yourself.)

bjk

January 13th, 2010 at 10:30 PM ^

As you see above, it still ain't happening. (Let me clarify; I'm trying to display the "blockquote" command as a literal.) Let me try a cut-and-past of the literal in the OP, here, for experiment:

Without the bracketting expressions:

The text

And with:

<

The text

/>

(no quotation marks)

If you have moderator super-powers, I invite you to look at the actual text of my comments to see where I'm steering off the road. Thanks for giving this as much time as you already have.

ShockFX

January 13th, 2010 at 10:48 PM ^

It's not:
&lt;<blockquote><blink><small><i>The text</i></small></blink></blockquote>/&gt;

It's:
&lt;blockquote&gt;&lt;blink&gt;&lt;small&gt;&lt;i&gt;The text&lt;/i&gt;&lt;/small&gt;&lt;/blink&gt;&lt;/blockquote&gt;

=

<blockquote><blink><small><i>The text</i></small></blink></blockquote>

ShockFX

January 14th, 2010 at 8:23 AM ^

No problem. For reference, I don't have super moderator powers (probably a good thing), but if you right click on the page and hit the "View Page Source" menu item, you can see the full HTML of the page, including what you actually typed into the box. If you don't know HTML that well though, it's a bit of a difficult read.

bjk

January 18th, 2010 at 8:40 PM ^

I didn't understand the vast majority of it, but I was able to find my way around. That is an eye-opener for the uninitiated, but it demystifies a lot, too. I've started boot-strapping my way to finding answers to this type of question via alternative sources (eg, simple google search) but I would never have known where to start without this post. I link it to comments all the time.

bjk

February 15th, 2010 at 7:30 PM ^

To type something but not have it link or do the HTML thing bracket it with "&lt;" and "/&gt;"

For example, the link to this post is:
"&lt;"http://mgoblog.com/content/basic-html-posting/&gt;
=
<http://mgoblog.com/content/basic-html-posting/&gt;

The slash (see blink) will show up as a literal if it is included; the example chosen ends with a slash and so this error is not immediately evident.

I propose this correction:

bracket it with "&lt;" and "&gt;"

ShockFX: I initially ran into a brick wall trying to get "&lt;," etc., to show up as a literal. Thank for your earlier hint about right-clicking and selecting "View Page Source."

2nd Edit: For curiosity, I tried the link

<http://mgoblog.com/content/basic-html-posting/&gt;

from the example above; it doesn't work with the slash on the end ("Page Not Found" message).

TESOE

May 14th, 2012 at 1:26 AM ^

http://tiny.cc/SEJ5O

 

The DB never spoke with UM football coaches during the recruiting process - he wasn't even on Miami's radar until after signing day. That's when Cane coaches called his school to inquire why he never signed with West Virginia. After that they turned his recruitment over to track coordinator Amy Deem; Anderson said the Canes had no football scholarship to offer him. Anderson...has personal best times of 11.26 seconds in the 100, 21.54 seconds in the 200 and 50.03 seconds in the 400. The track scholarship will convert over to football as soon as he plays in a game for the Canes.

I read this off a link from Brice's recruiting page. Looks like Miami oversigned Latwan with a track scholarship that will convert as soon as he plays a game. I assume that allows him to go into the 2012 class or later. Interesting recruiting tactic. Can he workout with the Football team in the meantime?

Have an opinion...come on...

 

Pos  
First Will Hagerup

HelloHeisman91

May 9th, 2010 at 1:30 AM ^

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/5CcOsfBC2mM&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/5CcOsfBC2mM&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

TIMMMAAY

June 15th, 2010 at 9:13 PM ^

I too had some trouble adjusting to the new editor. If you switch to "plain text editor" or click the "source" button, you can use the same html tags you're all used to.