New messages Members Forum rules Search
  • Page 1 of 1
  • 1
Forum moderator: kostova, Brazen  
uCoz Support Forum by uCozers » Coding » HTML » How to Make Image Banners With HTML (sml[Default])
How to Make Image Banners With HTML
ScottyBoyDate: Tuesday, 2009 July 14, 12:29 PM | Message # 1
Font size: A | A |
Major
Group: uCozer
Message: 88
[ ]
Offline
This tutorial explains how to make an image into a clickable link using HTML. To get an actual image, you must make one yourself with an image editor, or ask a someone from this site to supply you with one.

After you have an image prepared, you must upload it to your File Manager in the control panel and click it to get the direct link. You will need this link for the actual coding in the next section.

With the combination of two codes, you can easily make a clickable banner. Start off with a simple link code as follows..

Code
<a href="Place URL of page to be linked, here">

After the link code put in your image code like this...

Code
<img src="Place the image code that you got from your File Manager here">

And finally, add this code after the previous two.

Code
</a>

In all, it should look like this....

Code
<a href="PAGE LINK"><img src="IMAGE LINK"></a>

Keep in mind that this is only the way I do it. I'm sure there are several other ways to accomplish this. In any case, good luck,

Scotty


 
Z10Date: Saturday, 2009 August 01, 10:04 PM | Message # 2
Font size: A | A |
Major
Group: uCozer
Message: 100
[ ]
Offline
Nice Tutorial ScottyBoy.

"When life gives you lemons, make orange juice. Sit back, relax, and let the world wonder how you did it."
 
LeeDate: Saturday, 2009 August 01, 11:49 PM | Message # 3
Font size: A | A |
Private
Group: User
Message: 5
[ ]
Offline
With the href code you may add text, images, and buttons, you don't need to add them seperately if there isn't a gap inbetween the two pictures or text, for example you could have it like this

Code
<a href="link" ><img src="link 1.png" border="0"><img src="link 2.png" border="0">Hello World</a>

This will make it look like this

Hello World




Edited ByLee - Saturday, 2009 August 01, 11:49 PM
 
uCoz Support Forum by uCozers » Coding » HTML » How to Make Image Banners With HTML (sml[Default])
  • Page 1 of 1
  • 1
Search:


Copyrights uCozers 2009 - 2019 To TOP
Refresh Smileys Manager