You logged in as Guest
Login:
Recent messages · Members · Forums rules · FAQ · SEARCH Registration · Log in

Page 1 of1
Forum moderator: Armaros 
UcoZ Community » UcoZ System management and tuning » Design customization » Making Image Links / Upload Images [Guide for Newbies]
Making Image Links / Upload Images [Guide for Newbies]
L2ShadowsDate: Friday, 2008-06-20, 3:25 Am | Message # 1
Regular
Group: Users
Messages: 91
Reputation: 3 [0%]
Status: Offline
Basic Images

To simply put an image on your page or in a comment, the HTML code is:

Code
<img src="http://www.YOUR IMAGE URL HERE.gif">

Images must be UPLOADED to somewhere like [ Tinypic ] for this to work. You cannot use an image that is just saved on your computer. When you upload your image, the host (eg Tinypic) will give you an address for it (Sometimes called an URL or LINK), and you will need to insert this into the above code. If the host gives you more than one address, and you're unsure which is the right one, look for one that begins with "http://" and ends with an image file extension, (usually ".gif", ".jpg", or ".png").

Image Links

This is the code to make your own clickable image.
You must use the full path of the page you want to link to (ie including the http:// bit), or it won't work.

Code
<a href="http://www.PAGE TO LINK TO.com"><img src="http://www.YOUR IMAGE URL HERE.gif"></a>

Open In a New Window

If you want your link to open in a new window when someone clicks on it, just include target="_blank" in the link tag (the "a href" part), like this:

Code
<a href="http://www.PAGE TO LINK TO.com" target="_blank"><img src="http://www.YOUR IMAGE URL HERE.gif"></a>

No Borders?

Image links usually have a border by default. If you dont want a border on your image, add border="0" to the image tag like this:

Code
<a href="http://www.PAGE TO LINK TO.com"><img src="http://www.YOUR IMAGE URL HERE.gif" border="0"></a>

Resizing (with HTML)
To change the size of your image, just include your desired width and height in the image tag, eg:

Code

<img src="http://www.PATH_TO_YOUR_IMAGE.gif" width="100px" height="150px">


Uploading Help / Hosts

Uploading an image means that you put it on the internet so anyone can access it at any time, even if your computer is turned off. There are lots of ad supported sites that will let you host your images for free.

Tinypic [ www.tinypic.com ]

Tinypic is possibly the simplest image host ever. You simply click "Browse" find the file on your computer you want to upload, and press "Upload":

When you're done, it spits out 4 links like this:



 
UcoZ Community » UcoZ System management and tuning » Design customization » Making Image Links / Upload Images [Guide for Newbies]
Page 1 of1
Search: