Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
HTML Tags and Forum Wizardry
#1
I am a noob (and only a noob) in the correct method to add a picture to the Scrawling Board. Can someone please post the syntax (in laymen\'s terms) of how to add a picture? I have come across some funny pics/comics that I might like to share to lighten up the workday.

Thanx in advance!
Argert (or Argent or Aggie or Argie or some other mispell/misuse...)

<b><span class=\"minor\">Stickied</span>.</b>
<span class=\"minor\">Edited by an officer (Mareyn) on Aug 25 2006 at 6:16:29am</span>.

<b><span class=\"minor\">Changed subject</span>.</b>
<span class=\"minor\">Edited by an officer (Mareyn) on Aug 25 2006 at 6:17:26am</span>.

<b><span class=\"minor\">Changed subject again.</span>.</b>
<span class="minor">Edited by an officer (Darias) on Aug 15 2007 at 5:46:36am</span>.
Reply
#2
Agreed. Also, instructions on how to post a link as well. I know, I know - there is a \"link\" button, but every time I try it doesn\'t work. And instructinos in English would be appreciated. lol

In my own \"scrawling board noob\" defense, I did figure out how to \"make item\" all by myself! See watch - <item>Prairie Dog Whistle</item>

lol
Reply
#3
<img src=\"http://yourpartyisready.com/catdog/linktext.JPG\">

First one is for images second one is for links
Reply
#4
Thank you, Pojo. This is helpful. OK so let\'s see if I can do it:

<a href=\"http://www.thottbot.com\">Test Link to Thottbot</a>

<div style=\"text-align: center;\"></div>and for the pic

<img src=\"C:\\Documents and Settings\\jkehrer\\My Documents\\My Pictures\\test.jpg\">
Reply
#5
Yay!!!

Maybe we should make the instructions a sticky for other \"scrawling board noobs\" in the future?
Reply
#6
I am definitely showing the noobness here, but the image is on the hard drive... Do I need to specify a drive path? C:/MyPictures/image?

URL = something something location?

Darias is probably cracking up right now ;-)
Reply
#7
Argert - yep the file path is what I used in the URL part. I\'m wondering that, if I delete the pic from my hard drive if the pic will no longer show up on the scrawling board. Or if by embedding it, it saves it to the webpage permanently.

Can anyone answer that one?
Reply
#8
You can\'t link pictures directly from your harddrive. That text pojo mentioned is simply a reference to where a file is. That reference needs to be to a location on the interent some where, not your personal PC. If you want to upload a picture use the Photo Gallery, once you do that you are then able to link it from else where.

For example:
<img src=\"http://www.spaceman.ca/sc/images/thumbs/piratedesktop_thumb.jpg\">

I right clicked on the image in the photo gallery and copied the location. Then inserted it as the URL in pojo\'s statement.
Reply
#9
Roxy, when you embed a picture that references to your hard drive, you can see it when you\'re on your computer, but no one who\'s on your physical computer (and has access to <i>your</i> computer\'s hard drive) can see it. It\'ll show up as a broken link.

The correct (but admittedly annoying) way to do it is to upload the pic to a server, for instance our website\'s <a href=\"http://www.spaceman.ca/sc/index.php?EditPhoto=\">Photo Album</a>; then find the picture in the album, right-click on it and select \"Copy Image Location\" from the pop-up menu. This pastes the universally-accessible URL of the image onto your clipboard, which you can paste in between the quotes in that &lt;img src=\"\"&gt; tag.
Reply
#10
ooooooooooh - OK, how about this. . .

<img src=\"http://www.spaceman.ca/sc/images/thumbs/WoWScrnShot_080706_012204_thumb.jpg\">

Did that work?
Reply
#11
Shaka! When the waaaaalls fell...
(yes it worked!)
Reply
#12
<div style=\"text-align: center;\">YAY! I am officially no longer a \"scrawling board noob\"!!!!</div>

<div style=\"text-align: center;\">WOOT!!!</div>

<i>(sorry trying out center align and italics as well - lol)</i>
Reply
#13
Nice work, Roxy Smile

Now you can even get real fancy if you want by <i>combining</i> the &lt;img&gt; tag with the &lt;a&gt; tag, by surrounding the former with the latter. So for instance...

&lt;a href=\"http://www.spaceman.ca/sc/index.php?ViewPhoto=486\"&gt;&lt;img src=\"http://www.spaceman.ca/sc/images/thumbs/sc_ww_meeting_02_thumb.jpg\"&gt;&lt;/a&gt;

It looks like a mouthful, and it sorta is (which is why Karin has it on his list to make it easier for us, I think), but you end up with this:

<a href=\"http://www.spaceman.ca/sc/index.php?ViewPhoto=486\">
<img src=\"http://www.spaceman.ca/sc/images/thumbs/sc_ww_meeting_02_thumb.jpg\">
</a>

So now you\'ve turned the image itself into a link that takes you to the photo album detail page for the image.
Reply
#14
Please sticky this thread, Karin. As a computer noob, I need to try these tips. /sigh -- always so much to learn. Hehe.
Reply
#15
<div style=\"text-align: center;\"></div>Trying Mareyn\'s most recent instructions...<i></i>

<a href=\"http://www.spaceman.ca/sc/index.php?ViewPhoto=514\"><img src=\"http://www.spaceman.ca/sc/images/thumbs/WoWScrnShot_080706_012204_thumb.jpg\"></a>
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)