Citizen Dog by Mark O'Hare

Citizen DogNo Zoom

Comments (101) (Please sign in to comment)

  1. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    I’m posting some my tips on formatting comments, posting (hyper)links and embedding images. I’ll also post other commenter’s tips.
    Feel free to add any tip or tricks that you come up with.

  2. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    Here’s a quick refresher in text formatting
    Note that all the tags are used in pairs (except <hr> and <img src=…>). HTML tags are enclosed in angled brackets with an opening tag <tag> and closing tag </tag>. Shortcut keys use the same character to open and close.
    Popular font tags:


    Attribute (HTML tag, Shortcut key)


    Bold (b, *)
    What you type: This is <b>Bold text<b> or This is *Bold text*
    What we see: This is Bold text
    What you type: Howdy <b>S</b>tel<b>B</b>el
    What we see: Howdy StelBel


    Italic (I, _)
    What you type: <i>Howdy<i> or _Howdy_
    What we see: Howdy


    A note about shortcut keys (*, _, -, +,^ ,~). They only work with whole words or phrases. So to emphasize character(s) within a word you must the HTML tag. (see Bold examples above)


    Here are some addition font codes;


    Subscript (sub, ~)
    What you type: H<sub>2</sub>SO<sub>4</sub>
    What we see: H2SO4


    Superscript (sup, ^)
    What you type: C<sup>3</sup>I
    What we see: C3I


    Insert (ins, +)
    What you type: This why we <ins>love</ins> fall
    What we see: This why we love fall


    Delete (del, – )
    What you type: This why we -hate- love fall
    What we see: This why we hate love fall


    Small Text (small)
    What you type: Hey, <small>Let's see some small text</small>
    What we see: Hey, Let’s see some small text


    Big Text (big)
    What you type: Another <big>big</big> idea
    What we see: Another big idea


    Tags can be combined for more effects.
    What you type: *<big>S</big>tel<big>B</big>el*
    What we see: StelBel


    What you type:


    <big><big><big>f</big>f</big>f</big>f


    <small>f<small>f<small>fff</small>


    f</small>f</small>f


    <big>f<big>f<big>f<big>f<big>f


    </big>f</big>f</big>f</big>
    What we see:


    ffffffffffffffffffff



    Horizontal Rule (hr)
    What you type: <hr>


    Blank line (p)
    What you type:


    Witty comment<p>
    *Good morning Citizens of Dog*
    What we see:


    Witty comment


    Good Morning Citizens of Dog

  3. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    Here’s how to post images from Bing Images.
    First here’s your model for images:
    <img src='URL' width='200'>
    1.Copy the above into your text editor (Notepad).
    2.Search in Bing Images for just the right image.
    3.Left click on it to open the image page.
    4.Right click on the image
    5.Select Copy image location or Copy shortcut (This step is browser dependant.)
    6.Back in Notepad select URL (just letters not the quotes.)
    7.Paste to replace URL with the image URL.
    Now the code should look something like this;
    <img src='http://www.artofbryan.com/cartoons/cartoon10_thmb.jpg' width='200'>
    8.Select all and paste into the comment box.



    To adjust the size, change the width, anything up to 350.
    To separate the image and text add a paragraph break <p> before/after the image code.
    The Mac equivalent of Notepad is TextEdit
    If this is confusing, StelBel can sort you out.

  4. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    StelBel
    said, way back when
    Here’s what I did:
    1.Left click on photo. (a larger version will come up on another page.)

    2.Right click on the photo. A menu will come up. (If you have Firefox, left click on “Copy image location”, acc. to x_Tech. We have Explorer, so I left clicked on “Copy shortcut”)

    3. Paste the URL into a comment box here.

    4.Put your blinking cursor at the BEGINNING of the URL and type exactly: <img src=’ no space between ’ and URL

    (note: pay attention to the small quote marks ( ’ )…they are important)

    5. Then, at the end of the photo URL, put your blinking cursor exactly after where it says .jpg and type:
    ’ width=’200’>

    (NO spaces between jpg and the quote mark ( ’ ).

    6. Click SUBMIT (give it a few seconds. Mine came up one line at a time.)

    I hope this is clear. Take it one step at a time. It really looks more difficult than it is.
    Good luck!

  5. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    Here’s an even easier method. Now follow closely.
    cats animated Pictures, Images and Photos
    Go to photo bucket. In the ‘search site’ type emoteicons (or cats, dogs, whatever) and hit Enter. (You don’t need a photobucket account to do this) When you hover the mouse over an image a Share box appears, click once on the HTML code box. Next in a GoComics comment Paste (CTRL+v), add any text you want and SUBMIT. That’s all there is to it.
    Hope you could follow all that.
    Photobucket Image Hosting

  6. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    To insert HTML code exact as it should be typed use the “code” tag.
    You type: <code><big>Big Text</big></code>
    We see: <big>Big Text</big>
    The shortcut key for the code tag is @

  7. Number Two

    Number Two said, over 2 years ago

    @x_Tech

    </a> <br>



    Great idea, x_Tech! What’s the code for a horizontal dotted line?

  8. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    @Number Two

    Sorry No. 2, GoComics does not allow any attributes with the hr tag.

  9. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    To post two images side by side try;
    <img src='URL' width='150'><img src='URL' width='150'>
    You can post several images as long as the combined width doesn’t exceed 350.
    See No.6’s 7 “Cyrils” line dancing.

  10. Number Two

    Number Two said, over 2 years ago

    @x_Tech

    <img src='http://www.cheesebuerger.de/images/smilie/musik/f045.gif'><img src='http://www.cheesebuerger.de/images/smilie/musik/f045.gif'> <img src='http://www.cheesebuerger.de/images/smilie/musik/f045.gif'> <img src='http://www.cheesebuerger.de/images/smilie/musik/f045.gif'> <img src='http://www.cheesebuerger.de/images/smilie/musik/f045.gif'> <img src='http://www.cheesebuerger.de/images/smilie/musik/f045.gif'> <img src='http://www.cheesebuerger.de/images/smilie/musik/f045.gif'></a>

  11. Number Two

    Number Two said, over 2 years ago

  12. Number Two

    Number Two said, over 2 years ago

  13. Number Two

    Number Two said, over 2 years ago

  14. Number Two

    Number Two said, over 2 years ago

  15. x_Tech

    x_Tech GoComics PRO Member said, over 2 years ago

    Adding A Link To Your Comment


    Here’s the model for a [hyper]link.
    <a href='URL'>Blue text about link</a>


    1.Copy the model to the comment box or to Notepad (Windows) or Textedit (Mac).


    2.Find the page you want to link and copy the URL from the address box (the addy).


    3.Select the letters URL in the model (but not the quotes).


    4.And Paste to replace the URL with the addy.


    5.Replace “Blue text about link” with text that describe the link or simply “Click here”.


    6.If you’re using Notepad or Textedit copy and paste to the comment box.


    7.Submit your post and you’re done.

  16. Load 15 more comments. | Load the rest (86).