Home General Discussion
Options

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

12346»

Comments

  • Options
    Big''nBall''nBig''nBall''n Posts: 767 ✭✭✭✭
    Thanks!
    The Names Ball'n.... Big'nBall'n! 
  • Options
    EulogyEulogy Posts: 2,463 ✭✭✭✭✭
    Bump
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    Bump.
    And cleaned up "how to post youtube videos" code.
    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==========

    To share a Youtube video you'll need to use the following code:

    <embed width="420" height="315" src="http://www.youtube.com/v/Unique Video ID Goes Here">

    The Unique Video ID is a string of letter/numbers in the URL that's unique for every Youtube video.

    The URL for all Youtube videos will look something like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    See that bolded string of letters & numbers after the "v=" in the URL above; that's the unique video ID. Copy the unique video ID and insert it into the code above to display the video.

    So for the example video:
    The URL would look like this: https://www.youtube.com/watch?v=EViyBHOx8fE
    The Code would look like this: <embed width="420" height="315" src="http://www.youtube.com/v/EViyBHOx8fE">
    And the embedded video should show up in your post like this:


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

  • Options
    Puff_DougiePuff_Dougie Posts: 4,599 ✭✭✭✭✭
    Bump
    "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
    Your how to format post is great. I don't understand why my posts show up twice and the code is visible.   Can you explain it to me?  Please keep in mind that I have no children at home to help me with this sort of thing. 

    I wrote a reply and then tried to delete it. I got a message that said "since there are no replies the children can be deleted"  that was pretty strange.

    I got several replies to a post and I don't know the proper way to reply - can I just post one reply that covers all of them? If so do I start at the bottom or the top answer?  I know I sound like a a complete brainless wonder but I really don't know. thxs. 
  • Options
    EulogyEulogy Posts: 2,463 ✭✭✭✭✭
    jgibv:
    Bump.
    And cleaned up "how to post youtube videos" code.
    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==========

    To share a Youtube video you'll need to use the following code:

    <embed width="420" height="315" src="http://www.youtube.com/v/Unique Video ID Goes Here">

    The Unique Video ID is a string of letter/numbers in the URL that's unique for every Youtube video.

    The URL for all Youtube videos will look something like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    See that bolded string of letters & numbers after the "v=" in the URL above; that's the unique video ID. Copy the unique video ID and insert it into the code above to display the video.

    So for the example video:
    The URL would look like this: https://www.youtube.com/watch?v=EViyBHOx8fE
    The Code would look like this: <embed width="420" height="315" src="http://www.youtube.com/v/EViyBHOx8fE">
    And the embedded video should show up in your post like this:

  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    Bump for new folks who've joined this holiday season #6

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

  • Options
    Big''nBall''nBig''nBall''n Posts: 767 ✭✭✭✭
    bump+1
    The Names Ball'n.... Big'nBall'n! 
  • Options
    StubbleStubble Posts: 8,201 ✭✭✭✭✭
    El Bumpo...
    Hey, you gonna eat the rest of that corndog?
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    BUMP.
    specifically this section for my man DZR because he's as cool as a cucumber



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

    To share a Youtube video you'll need to use the following code:

    <embed width="420" height="315" src="http://www.youtube.com/v/Unique Video ID Goes Here">

    The Unique Video ID is a string of letter/numbers in the URL that's unique for every Youtube video.

    The URL for all Youtube videos will look something like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    See that bolded string of letters & numbers after the "v=" in the URL above; that's the unique video ID. Copy the unique video ID and insert it into the code above to display the video.

    So for the example video:
    The URL would look like this: https://www.youtube.com/watch?v=EViyBHOx8fE
    The Code would look like this: <embed width="420" height="315" src="http://www.youtube.com/v/EViyBHOx8fE">
    And the embedded video should show up in your post like this:


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

  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    been a while since this was towards the top.... bump for newer folks who might have missed it.
    Eulogy:
    jgibv:
    Bump.
    And cleaned up "how to post youtube videos" code.
    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==========

    To share a Youtube video you'll need to use the following code:

    <embed width="420" height="315" src="http://www.youtube.com/v/Unique Video ID Goes Here">

    The Unique Video ID is a string of letter/numbers in the URL that's unique for every Youtube video.

    The URL for all Youtube videos will look something like this:
    https://www.youtube.com/watch?v=EViyBHOx8fE

    See that bolded string of letters & numbers after the "v=" in the URL above; that's the unique video ID. Copy the unique video ID and insert it into the code above to display the video.

    So for the example video:
    The URL would look like this: https://www.youtube.com/watch?v=EViyBHOx8fE
    The Code would look like this: <embed width="420" height="315" src="http://www.youtube.com/v/EViyBHOx8fE">
    And the embedded video should show up in your post like this:


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

  • Options
    ExpendableYouthExpendableYouth Posts: 2,105 ✭✭✭✭✭
    Thanks for the info, I was wondering how to post pics.
  • Options
    jgibvjgibv Posts: 9,244 ✭✭✭✭✭
    image

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

  • Options
    SecretSquirrelSecretSquirrel Posts: 864 ✭✭✭✭
    wow! im new to the forums (any forum) and I followed a link from a guy in the newbie thread. this is awesome! thanks a lot!
  • Options
    SecretSquirrelSecretSquirrel Posts: 864 ✭✭✭✭
    lets give this a shot...

    image

  • Options
    SecretSquirrelSecretSquirrel Posts: 864 ✭✭✭✭
    my life is complete.
Sign In or Register to comment.