Log In · Register

 
Putting Mapped Images into a banner?
RyanChronicles
post May 16 2008, 03:27 PM
Post #1


HAHA I love korn!
***

Group: Member
Posts: 85
Joined: Feb 2008
Member No: 618,986



Whats the code to make a baner

with links in it

Also how do i add more then one banner using the slice tool in photoshop?

 
 
Start new topic
Replies
vintage-toile
post Jun 2 2008, 02:08 PM
Post #2


Kissing for yesterday.
*****

Group: Official Designer
Posts: 465
Joined: Sep 2007
Member No: 569,813



if you have photoshop, then create your banner.
then open IMAGEREADY, and ensure the HTML box is showing (you can select it to come up by clicking window and then the choice for the HTML box to show)
then click on the picture on the navigation selection bar with a hand holding a little box (or touching it)
then drag that tool over the part you want to be a link, then go to the box, re name the image map, and enter in the URL.
repeat all of these steps.
then click on "edit" and press "copy code", once youve clicked this, select copy code for all layers.
then go into notepad and press CTRL and V (paste).
okay, got that far? (this is a quick run down on an image map, to see what ive done, go to see layouts which use this technique on CB! i've done one or two this way!)
now paste that into the navigation layer on your site, and then ensure the MAP NAME is the same as the name you saved your image as.
upload the image to your host, photobucket or tinypic, and then copy and paste the DIRECT URL to the portion of the map:

CODE
<img src="AND YOU PUT THE DIRECT LINK TO THE BANNER IMAGE HERE" width="454" height="652" border="0" alt="" usemap="#NAME OF THE IMAGE MAP">
<map name="fancy_green_Map">
<area shape="rect" alt="" coords="364,51,409,65" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=YOURFRIENDIDHERE">
<area shape="rect" alt="" coords="305,47,361,71" href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOURFRIENDIDHERE">
<area shape="rect" alt="" coords="273,52,296,72" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=FRIENDIDHERE">
<area shape="rect" alt="" coords="201,51,263,73" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=YOURFRIENDIDHERE">
<area shape="rect" alt="" coords="124,51,194,64" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOURFRIENDIDHERE">
<area shape="rect" alt="" coords="84,52,115,63" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=YOURFRIENDIDHERE">
<area shape="rect" alt="" coords="41,48,83,65" href="http://home.myspace.com/index.cfm?fuseaction=user">
</map>


the rest is done for you already, so don't worry about that.

now just paste that into the DIV layer you've made for navigation, change the links to whatever you need them to be (i've just used an example from one of my myspace layouts).

i don't know whether thats what you want but i hope that helps kind of..
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: