Home General Discussion

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

1246

Comments

  • ddubridgeddubridge Everyone, Registered Users Posts: 3,949
    I dont believe it works like that. I'm pretty sure you have to post from a website for it to show up. I signed up for photobucket.

    rad1964:
    I need to upload my image to a server (any server) and then find the path or URL of the image.
  • yleekyotyleekyot Everyone, Registered Users Posts: 19
    ddubridge:
    I dont believe it works like that. I'm pretty sure you have to post from a website for it to show up. I signed up for photobucket.

    rad1964:
    I need to upload my image to a server (any server) and then find the path or URL of the image.
    ty...i will try photobucket
  • MartelMartel Everyone, Registered Users Posts: 2,423
    Some new guys might appreciate this.
  • jgibvjgibv Everyone, Registered Users Posts: 5,996
    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.
  • ddubridgeddubridge Everyone, Registered Users Posts: 3,949
    bump for new guy steve
  • catfishbluezzcatfishbluezz Everyone, Registered Users Posts: 6,993
  • catfishbluezzcatfishbluezz Everyone, Registered Users Posts: 6,993
    bumpity bump for noobs
  • macs-smokesmacs-smokes Everyone, Registered Users Posts: 585
    Thanks for the bump... I search it every time I have posted a pic.(not many but every time)
  • ddubridgeddubridge Everyone, Registered Users Posts: 3,949
    Add it to your favorites. Problem solved!
  • jgibvjgibv Everyone, Registered Users Posts: 5,996
    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 for Kuzi ....
    And all you other cool cats who should be posting some youtube videos in the "Songs" thread.
  • kuzi16kuzi16 Everyone, Registered Users Posts: 14,471
    jgibv:
    Bump for Kuzi ....
    And all you other cool cats who should be posting some youtube videos in the "Songs" thread.
    thats why we like you and keep you around.
  • ehehatehehat Everyone, Registered Users Posts: 1,534
    Bump for ejasenovic.
  • ejasenovicejasenovic Everyone, Registered Users Posts: 64
    ehehat:
    Bump for ejasenovic.
    Thank you kind sir!
  • catfishbluezzcatfishbluezz Everyone, Registered Users Posts: 6,993
  • danielzreyesdanielzreyes Everyone, Registered Users Posts: 6,739
    Bump for Nathan
  • pelirrojopelirrojo Everyone, Registered Users Posts: 1,520
  • catfishbluezzcatfishbluezz Everyone, Registered Users Posts: 6,993
    bump for noobs
  • catfishbluezzcatfishbluezz Everyone, Registered Users Posts: 6,993
  • Bob LukenBob Luken Everyone, Registered Users Posts: 3,664
    Bumpity bump bump
  • CigaryCigary Everyone, Registered Users Posts: 623
    Can't tell ya how thankful I am to read this post!
  • ehehatehehat Everyone, Registered Users Posts: 1,534
  • jgibvjgibv Everyone, Registered Users Posts: 5,996
    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 for Kuzi ....
    And all you other cool cats who should be posting some youtube videos in the "Songs" thread.
    BUMP for Dr. Frankenstein
  • dr_frankenstein56dr_frankenstein56 Everyone, Registered Users Posts: 1,519
    Thank You!

    WOW! it works!

    I have poor computer skills... sorry if my previous post were stupid looking

  • macs-smokesmacs-smokes Everyone, Registered Users Posts: 585
  • New BootsNew Boots Everyone, Registered Users Posts: 2,634
    Thanks! HTML is easy peasy...I'll enjoy this
  • New BootsNew Boots Everyone, Registered Users Posts: 2,634
  • lucky_sallucky_sal Everyone, Registered Users Posts: 1
    Wow, this is a great post. I'm new here and look forward to becoming active. Thanks for the HTML lesson. I'm sure it'll come in handy.

  • RainRain Everyone, Registered Users Posts: 8,761
  • Ken LightKen Light Everyone, Registered Users Posts: 3,524
  • EchambersEchambers Everyone, Registered Users Posts: 2,335
Sign In or Register to comment.