WEST SIDE CALI KILLERS


HOME OF WSCK CLAN
 
HomeCalendarFAQSearchMemberlistUsergroupsstoreRegisterLog in

Share | 
 

 How to Make Images Clickable - bbCode Basics

View previous topic View next topic Go down 
AuthorMessage
HolyHandGrenade
Founder
Founder
avatar

Xbox Live Gamertag HolyHandGrenade
Country : USA
Posts : 609
Caps : 1104
Times Thanked : 26
Comments : My Honor is Loyalty
Browser : Chrome

PostSubject: How to Make Images Clickable - bbCode Basics   Tue Jul 31, 2012 4:25 am

This is very useful in forums allowing their users to advertise their sites or businesses, as they can display banners in their posts or signatures, & link those images to their sites.

To make a picture clickable, you need two tags we already saw, the [url] tag (learn about it here: How to Insert Live Links) & the [img] tag we saw in detail in three lessons starting from this one: How to Insert Images in Posts - Part 1.

We learned also previously that two or more tags can be combined provided that the tag started first ends last (read more about that here: How to Correctly Insert Tags).


Now that you know all that, you may have guessed at least partly how to post a linked (or clickabl)e image. Here are the steps needed:

1. The use of [img] tag:

Wrap the image link with the [img] tag, let's use again EG4L banner image (see it also HERE then HERE) as an example:

[img][You must be registered and logged in to see this link.]


2. The use of [url] tag:

OK! Now that we have our image link wrapped, we need to wrap the whole (link + tag) with the [url] tag & add the link we want to link the image to as an option.

Let's use Google.com (http://google.com/) as an example:

[img][You must be registered and logged in to see this link.]

to: (There shouldn't be a line-break in your code!)

[url=http://google.com/][img][You must be registered and logged in to see this link.]
images/logo.gif[/img][/url]

_________________

[You must be registered and logged in to see this image.]
Back to top Go down
 

How to Make Images Clickable - bbCode Basics

View previous topic View next topic Back to top 
Page 1 of 1

 Similar topics

-
» Lets Make Christmas Drawings! Screenshots! Images! Anything!
» Tk's Pet : Mouschi! :D
» How to make your WoW work on NetEase servers.
» **Make a logo for TCI Contest** (Contest Over)
» Can You Make Wolfenstein Characters in Other Graphics Engines?

Permissions in this forum:You cannot reply to topics in this forum
WEST SIDE CALI KILLERS :: Computer Related :: Coding :: Other Codes-