Home General Discussion
Options

How to format your posts [Now with Emoticons aka Smilies]

1235

Comments

  • Options
    Thanks for posting. Just what I've been looking for. Are videos same as pic?
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    jgibv:
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE
    BUMP
    EDIT: Updated the "how to post a youtube video" instructions ... I discovered there's a much easier way to do this than what I had originally posted here.
    Bump-er boats.
    Just to refresh your memory.

    * I have a new address as of 3/24/18 *

  • Options
    Puff_DougiePuff_Dougie Posts: 4,599 ✭✭✭✭✭
    bumpity...
    "When I have found intense pain relieved, a weary brain soothed, and calm, refreshing sleep obtained by a cigar, I have felt grateful to God, and have blessed His name." - Charles Haddon Spurgeon
  • Options
    honorknight7honorknight7 Posts: 523
    Seemed like a good time for a BUMP
  • Options
    honorknight7honorknight7 Posts: 523
    honorknight7:
    Seemed like a good time for a BUMP
    +1 :P
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    Top
    jgibv:
    jgibv:
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE
    BUMP
    EDIT: Updated the "how to post a youtube video" instructions ... I discovered there's a much easier way to do this than what I had originally posted here.
    Bump-er boats.
    Just to refresh your memory.

    * I have a new address as of 3/24/18 *

  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    jgibv:
    Top
    jgibv:
    jgibv:
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE
    BUMP
    EDIT: Updated the "how to post a youtube video" instructions ... I discovered there's a much easier way to do this than what I had originally posted here.
    Bump-er boats.
    Just to refresh your memory.

    * I have a new address as of 3/24/18 *

  • Options
    Puff_DougiePuff_Dougie Posts: 4,599 ✭✭✭✭✭
    bumpity...
    "When I have found intense pain relieved, a weary brain soothed, and calm, refreshing sleep obtained by a cigar, I have felt grateful to God, and have blessed His name." - Charles Haddon Spurgeon
  • Options
    Puff_DougiePuff_Dougie Posts: 4,599 ✭✭✭✭✭
    Bumping again...
    "When I have found intense pain relieved, a weary brain soothed, and calm, refreshing sleep obtained by a cigar, I have felt grateful to God, and have blessed His name." - Charles Haddon Spurgeon
  • Options
    EchambersEchambers Posts: 4,178 ✭✭✭✭✭
    bump
    -- "There's something that doesn't make sense. Let's go poke it with a stick."
  • Options
    ejgormanejgorman Posts: 1,114 ✭✭✭
    Bump!
    East Side 2015
    KLMOW Badge 8/2014
    Team Trident 2014
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    BUMP. Good info here.
    Refresh your memory or learn something new!
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    * I have a new address as of 3/24/18 *

  • Options
    ejgormanejgorman Posts: 1,114 ✭✭✭
    I'm looking this up far too often not to give this another bump.
    East Side 2015
    KLMOW Badge 8/2014
    Team Trident 2014
  • Options
    ChemnitzChemnitz Posts: 1,300 ✭✭✭
    bump
  • Options
    brianetz1brianetz1 Posts: 4,134 ✭✭✭
    bump3
  • Options
    ChemnitzChemnitz Posts: 1,300 ✭✭✭
    I keep searching for this, so... bump.
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    Very useful info here in case you're not well versed in BBCode....

    This same info is also laid out nicely in a table-format on a Wikipedia page CLICK HERE


    Chemnitz:
    I keep searching for this, so... bump.
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    * I have a new address as of 3/24/18 *

  • Options
    pelirrojopelirrojo Posts: 1,757 ✭✭✭
    bumpalicious
  • Options
    honorknight7honorknight7 Posts: 523
    Bump a Rooney
  • Options
    jbohonjbohon Posts: 980 ✭✭✭✭✭
    Thank you for this!!

    I was wondering how to format and add pictures and now I know! WOO HOO!!!

    “I come in peace. I didn’t bring artillery. But I’m pleading with you, with tears in my eyes: If you f@$# with me, I’ll kill you all.” -Gen. James Mattis, USMC
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    jbohon:
    Thank you for this!!

    I was wondering how to format and add pictures and now I know! WOO HOO!!!
    Glad you found this thread, and that it was helpful to you, Jay.
    Also, welcome to the forums!

    * I have a new address as of 3/24/18 *

  • Options
    TaraLeeTaraLee Posts: 179 ✭✭✭
    COOL :) Thank you!

  • Options
    jd50aejd50ae Posts: 7,900 ✭✭✭✭✭
    I actually had to bookmark this thread I go to it so often.
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    BUMP for james40 so he can hopefully get embedded videos working on the Songs thread


    jgibv:
    Very useful info here in case you're not well versed in BBCode....

    This same info is also laid out nicely in a table-format on a Wikipedia page CLICK HERE


    Chemnitz:
    I keep searching for this, so... bump.
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    * I have a new address as of 3/24/18 *

  • Options
    EulogyEulogy Posts: 2,463 ✭✭✭✭✭
    Bump
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    bump to page 1

    * I have a new address as of 3/24/18 *

  • Options
    EulogyEulogy Posts: 2,463 ✭✭✭✭✭
    Bump
  • Options
    jd50aejd50ae Posts: 7,900 ✭✭✭✭✭
    I love this thread....I finally figured out how to do a YouTube.....
  • Options
    EulogyEulogy Posts: 2,463 ✭✭✭✭✭
    bump
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    bump for "big n ball n"
    jgibv:
    BUMP for james40 so he can hopefully get embedded videos working on the Songs thread


    jgibv:
    Very useful info here in case you're not well versed in BBCode....

    This same info is also laid out nicely in a table-format on a Wikipedia page CLICK HERE


    Chemnitz:
    I keep searching for this, so... bump.
    jgibv:
    rad1964:

    I thought I would make a post describing HOW TO FORMAT YOUR POST.
    After doing a quick seach in the forum, I noticed that madurofan had once mentioned some basics, I thought I would give any one who desires the POWER to format their posts.
    This comes in handy for those with longer posts so that they can seperate sentences where one ends and another starts (makes reading easier too). And also call attention to important words or parts of their sentences.



    ==========LINE BREAKS==========

    Adding <br> after a sentence will create one line break. The same as hitting ENTER on a typewriter/keyboard.

    Adding <br><br> after a sentence will create two line breaks. The same as hitting ENTER twice on a typewriter/keyboard.

    ==========BOLDING==========

    Adding <b> before a word and a </b> after the word will BOLD the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <b>Sancho Panza Double Maduro</b> (when you post it you will see the BOLDED word.

    ==========ITALICIZING==========

    Adding <i> before a word and a </i> after the word will ITALICIZE the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <i>Sancho Panza Double Maduro</i> (when you post it you will see the ITALICIZED word.

    ==========FONT SIZE==========

    Adding size="4" inside your font tag will change your font size.
    Personally I wouldn't bump the font size beyond 8 on this forum, because it could get annoying and unreadable.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font size="4">Sancho Panza Double Maduro</font> (when you post it you will see the Font Size change.

    ==========COLOR==========

    Adding <font color="blue"> before a word and a </font> after the word will COLOR the word.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <font color="purple">Sancho Panza Double Maduro</font> (when you post it you will see the COLORED word.
    Some of the 'named' colors that work in this manner are:

    aqua
    gray
    navy
    silver
    black
    green
    olive
    teal
    blue
    lime
    purple
    white
    fuchsia
    maroon
    red
    yellow
    There are other ones but the list is too long to name them all. Click here for the big list.

    ==========LINKS==========

    Adding <a href="http://www.cigars.com" target="_blank"> before a word and a </a> after the word will make that word a LINK that goes to a web page.

    Exp. - I really love the Sancho Panza Double Maduro. All you have to do is this - I really love the <a href="http://www.cigar.com/cigars/viewcigar.asp?brand=668" target="_blank">Sancho Panza Double Maduro</a> (when you post it you will see the LINKED word.

    NOTE: Although adding this <a href="http://www.cigars.com" target="_blank"> the part of this formatting code target="_blank" does not have to be included, but what I have learned in my years of coding is that it is best to add this in there because it opens up a new page insted of loading the link into your current page. Which means you lose cigar.com and go to the other page, but with target="_blank" in the code it leaves cigar.com page open and opens a new page for you.


    ==========IMAGES==========

    To display an image, you need to know the exact "path" or "URL" to the image on a server. For instance, if you see an image you like, right click on it and "view properties". You will see the image's path or URL. Copy it down, by selecting it (left click and hold in the button on your mouse when you are at the start of the URL, while dragging towards the end of the URL, highlighting it. You then press your keyboards's ctrl keypad (usually the most left and lowest key) and the C key at the same time (CTRL + C). This copies the URL or whatever is highlighted to your CLIPBOARD. The clipboard is invisible and will hold whatever the last thing you highlighted and copied.

    Adding an image from a website - Add the following code - <img src="http://img.cigar.com/p/500/cs/s/cs-s7a-view2.jpg"> anywhere on your post and when you post your post, you should see the IMAGE. (Of course you need to swap out the URL I have in there for your own)

    You should probably add two <br> tags before and after your img tag so any words that accompany it will be either above the image or below the image and not floating off to the side of the image.


    Exp. -

    image

    When I want to show off a photo I took myself and post it here on Cigar.com, I need to upload my image to a server (any server) and then find the path or URL of the image. I have my own website fortunately and here's my URL: http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg

    Any image you link to should not be to wide, because this websites displayable width is around 790 pixels (790 px = @11 inches).
    (600 px = @7 inches).

    Here's my example:

    <br><br><img src="http://www.radmedia.org/gallerys/cigars/rad1964_nub_600x450.jpg"><br><br>

    image

    PS - You can also combine a few of the tags together. (bold, color, italicized)
    Try adding bold and a color! For best results open and close the tags in the order they appear.
    <font color="blue"><b></b></font>

    ==========HTML ENTITIES==========

    HTML Entities are simply code that represent certain symbols.
    Here are a few common ones:

    © = &copy;
    ® = &reg;
    ¢ = &cent;
    ½ = &frac12;
    é = &eacute;
    And the often abused         = &nbsp;
    (Yes, that spot is supposed to be blank)

    (I put 8 of the &nbsp; in order to get that space)
    (8 pixels worth)
    One &nbsp; equals 1 pixel of blank space
    (72 pixels = @ 1 inch)


    There are many other ones but the list is too long to name them all. Click here for the big list.

    There's many more tricks and formatting options you can do. These are only the basics. I will add more to this post as it becomes pertinent.



    It would also be great if there was a way to make a post a sticky. Perhaps a Moderator or a vote. If the forum doesn't support Stickys, then perhaps with enough views, certain posts can be identified, the ones that get tons of views, and maybe they can create a new forum group called FAQs or STICKYs.


    Thought I'd go ahead and post a few emoticons, aka smilies for folks to use. These come from my gaming website. Enjoy.


    Use this code here and substitute the "number_of_the_smiley_goes_here" with the number of the smilie you want to use.
    <img src="http://www.xhale.net/images/smilies/number_of_the_smiley_goes_here.gif">

    Exp. pasting the following code into your post <img src="http://www.xhale.net/images/smilies/14.gif"> will result in this: image

    Smiley list A
    Smiley list B



    ==========YOUTUBE VIDEOS==========

    THE EASY WAY to post a Youtube video, in 4 simple steps:

    Open the Youtube video page in your internet browser then:
    1) Click the Share button below the video - (circled in red below)
    2) Click Embed - (circled in green below)
    3) Check the box that says Use old embed code - (circled in blue below)
    4) Copy the resulting Code - (circled in yellow below) and paste it into your forum post.

    Visual "How To" Guide:
    image


    The resulting, embedded video should look like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    * I have a new address as of 3/24/18 *

Sign In or Register to comment.