Runboard.com
You're welcome.







runboard.com       Sign up (learn about it) | Sign in (lost password?)

 
Wizard27 Profile
Live feed
Blog
Friends
Miscellaneous info



Registered: 10-2006
Posts: 122
Karma: 0 (+0/-0)
reply | quote
Adding Pictures


To add pictures which are either hosted or by another dedicated site like Image Shack or Photobucket you'll need the URL address to do it.

Hotlinking
Hotlinking can take up another persons bandwidth, you have to have permission from the person who added the original picture. It is known as bad Net Etiquette to do so but loads of people do it.

You may find that you'll see red X's where a picture was. This means either the picture has been taken off the original hosts server or has been moved to another place on the image host server.

HTML for Pictures
The HTML for pictures is....

<img src="URL of picture goes here">

I'm using Justbec's icon image of the hut here for an example...

<img src="http://i13.photobucket.com/albums/a279/Justbec/Hyt.gif">

You will notice there will be a slight border around the image, to remove a border around the image we need to amend the HTML slightly...

<img src="http://i13.photobucket.com/albums/a279/Justbec/Hyt.gif" border="0">

To make a larger border around the image just increase the number to 1,2 or 3 etc

Adding a mouseover name tag
If you hover the mouse over a picture you may see some text explaining what it is, to add text we need to add more info to the HTML we just created....

<img src="http://i13.photobucket.com/albums/a279/Justbec/Hyt.gif" border="0" alt="this is where bec's lives">

Adding an image as a link
Like above we need to add the link to the website first before we add the image HTML code, this would look like this

{I'm using google as an example for the link}

<a href="http://www.google.com" target="_blank"><img src="http://i13.photobucket.com/albums/a279/Justbec/Hyt.gif" border="0" alt="this is where bec's lives"></a>

Note the closure of the link tag </a>on the end of the link. This means now that when you click on the image, it will take you to the google site, also note the mouseover tag name

Try this out in your notepad and webpage which you are using to see for yourself how easy this works

The Wizard3, 14/12/06, 22:36


---

2/11/06, 18:18 Link to this Post Send an Email to this person   Send a PM to this person
 


Add A Reply





You are not logged in (login)
--> The Runboard Web-Ring <--
Previous | Home | Join | Random | Next