HTML posting basics


WUFYS uses HTML where formatting is enclosed in “less than” and “greater than” signs like this <bold> </bold>unlike many boards that use brackets like this [bold] [/bold].

  • The first one starts the command and the second one (with the divided by sign) ends the formatting like this <bold> Text </bold>

  • EVERY POST ON WUFYS NEEDS TO BEGIN WITH THE <br> COMMAND. That is a line break and if you don't include it, QRS tells me that she has to edit it into the post. SO PLEASE begin every post with a <br> command!

  • As soon as you select the FULL HTML option in your post the WUFYS editor assumes you are doing all the formatting except for lines and breaks and blank lines. You can use the <br> command once for a line break, or twice (like this <br><br>) for one blank line, three times for two blank lines and so on, but you can also just put in the hard breaks and the editor will interpret them for you.

  • Links

    The method for posting a HTML link is fairly simple. The following format is used:


    <a HREF="URL">Link Description</a>


    where "URL" is the URL address you want to link to (and you gotta use the double quotes), and Link Description is whatever you want to call your link. For example:

    <a HREF="http://www.WAKEUPFROMYOURSLUMBER.com">Link to WUFYS</a>

    becomes Link to WUFYS

  • IMAGES

    To insert a picture <img src=”www.linkadress.com/picturename.jpg”>

    for EXAMPLE:

    The command <img src="http://i3.photobucket.com/albums/y57/myratsareintune/ILbarcode.gif">

    gives you the WUFYS side bar .gif file


    Other resources

    1. To host photos for free and get the HTML generated for you www.photobucket.com This site doesn't allow porn so its less likely to be blocked at work.

    2. Best resource page I've found http://www.htmlcodetutorial.com/

    3. Good luck!


    OK here is a little more if you are curious.
    You may use <b> to begin bolding and <center>
    to center text, but please remember to end these items where appropriate
    with </b> and/or </center>, etc. If you post links or other
    advanced coding, be sure to test before posting.

    A lengthy article or reply can be very tedious to read if it does not contain some very simple HTML formating. Inserting either of the following codes will make your post much more readable:



    Character Formatting

    Simple special effects may be created using Character Formatting Codes. These codes are used in pairs in the format: <?>words to be formatted</?>, where <?> turns the formatting "ON" and </?> turns the formating "OFF".

    Please: ALWAYS turn "OFF" the formatting when you use it.

    Some commonly used codes of this type are:

    • <b> and </b> -- BOLD
    • <i> and </i> -- Italic
    • <u> and </u> -- Underline
    • <blink> and </blink> -- Blink
    • <strike> and </strike> -- Strike
    • <sub> and </sub> -- Subscript
    • <sup> and </sup> -- Superscript
    • <big> and </big> -- Big text
    • <small> and </small> -- Small text

    These codes can be "nested" to produce multiple effects at the same time. For instance:

    <b><i>Bold and Italic</i></b> produces Bold and Italic

  • <hr> is a horizontal rule. It draws a line across the page like this:


    A popular one on WUFYS is <blockquote> which is used to emphasize quotes from other articles or posts.

    This
    is a
    blockquote

    I will add to this post as need arises.

    I know it can be confusing at first, but keep after it.

    When the code slaps you

    JUST SLAP BACK!



    Posted in

  • Comment viewing options

    Select your preferred way to display the comments and click "Save settings" to activate your changes.

    how do you do the vertical line for long quotes, where the text is indented and there is a vertical line alongside?
    -----------------------
    "Stop judging by appearances, but judge justly."

    Christopher Marlowe | Thu, 2007-10-04 04:55

    Use the blockquote command to get this effect:

    You're an anti-Semite!
    You're an anti-Semite!

    ...and turn off when finished.

    Poseidon | Thu, 2007-10-04 05:25

    THANK YOU

    ..now look what you've started claymore! lol, this is definately a good idea to get people into posting and formatting correctly =) ..a good start, please add! qrs will be pleased.

    Grim Reaper | Thu, 2007-10-04 07:30

    What is the block quote command?

    Could you show an example?

    Thanks.

    ;-)

    Hey this is fun....

    Rhiannon | Thu, 2007-10-04 07:38

    I got it....now I understand!

    So you put

    < ---blockquote--->

    then type whatever....

    and end with

    <-- /blockquote --->

    MINUS THOSE DASHES OF COURSE...

    Wow!!

    You guys just unleashed a new demon in me!!

    heh heh.

    Rhiannon | Thu, 2007-10-04 07:47

    RED

    GREEN

    PURPLE

    ORANGE

    CRIMSON

    WHITE

    PINK

    <font color= [color type - pink, purple, yellow, crimson, white, black, orange, etc or substitute the color code as found here] </font>

    Be sure not to abuse the font color scheme to make the post difficult to read. Just make the point across with appropriate formatting.

    Nepos Libertas | Thu, 2007-10-04 07:54

    I'm really glad you posted these. I felt a little left out because I didn't know HTML. I was sad and
    of course it was frustrating. I couldn't express myself. I don't understand it all yet, but I don't mind. I know I can improve in time.

    -----------------------
    "Stop judging by appearances, but judge justly."

    Christopher Marlowe | Thu, 2007-10-04 09:42

    There is Nothing Semitic about zionism

    code

    <marquee direction=right> There is Nothing Semitic about zionism</marquee>

    Claymoremind | Thu, 2007-10-04 10:20

    I will go absolutely wild with this….!!

    -

    The demon has sprung!!!

    But don't worry Nepos....I will take your advice with great consideration.

    heh heh heh...

    Rhiannon | Thu, 2007-10-04 10:50

    But, you left out by far THE MOST IMPORTANT html command - the !--break-- (surrounded by lesser than and greater than symbols - I don't know how you get the symbols to show up. Whenever I put the symbols there, the HTML disappears.)

    Anyway, this is very important because with so many contributors posting at the site, featuring only the title of each post gives everyone a fair amount of exposure.

    As it is now, I find myself entering just about every post just to add that !break command. And with the growing number of posts, it's becoming a burden.

    So, please everyone - if you do nothing else - include the !--break-- command in the beginning of your post.

    Claymore - please include it at the very top of this post as a mandatory command. Meanwhile, I'll try to figure out if I can include it by default in the "create blog" feature.

    The rest of these commands are awesome - but another optional format you might want to include is how to format bullets, numbered lists, and headlines.

    ---------------------------------------
    "Money" has no value - people do.

    qrswave | Thu, 2007-10-04 15:13

    I didn't include line breaks because I thought this editor implied them from the keyboard (ENTER) command. I didn't know you were doing it!

    Claymoremind | Thu, 2007-10-04 22:24

    All satires from now on need to include the following code at the bottom of the article. Some of the satires, even though they were labeled as satire in the tag box, were taken quite literally and ran wild over the internet.


    <br><br><br><br><br><br><br>

    <b><font size=6 color=red><blink>
    ------------------SATIRE------------------
    </b></font></blink>











    ----------------SATIRE------------------

    Claymoremind | Fri, 2007-10-05 00:27

    ..good idea, it absolves us of any doubt for making creative satires!
    ..t'is pretty funny how fast they fly though! keep it in mind.

    Grim Reaper | Fri, 2007-10-05 00:45

    unclesam wakeup

    Go, Rep. Kaptur!

    Tell Wall Street to Go To Hell!!!

    US Gross National Debt

    Just Foreign Policy Iraqi Death Estimator