Log In · Register

 
to be html or not to be
bbyness
post Oct 9 2006, 03:33 PM
Post #1


nessa<3
****

Group: Member
Posts: 139
Joined: Jul 2006
Member No: 445,930



how do u get the words in the pictures to links? [like here] is it done in imageready? image slicing html? anyone know of any tutorials?

thanks abunch :D
 
 
Start new topic
Replies (1 - 13)
*Infinite.*
post Oct 9 2006, 03:47 PM
Post #2





Guest






Ehh, screen shot?

I can't view any cB layout previews or myspaces here for some odd reason.
 
bbyness
post Oct 9 2006, 03:57 PM
Post #3


nessa<3
****

Group: Member
Posts: 139
Joined: Jul 2006
Member No: 445,930



that weird. here...
screenshot here

see how the home, comment, add me, view friends, message me are all in the picture and theirs links. ive seen this in many layouts before.
 
freeflow
post Oct 9 2006, 05:27 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



Make them in the picure then image slice with imageready. You can find slicing tutorials through google :) or http://good-tutorials.com
 
bbyness
post Oct 9 2006, 06:46 PM
Post #5


nessa<3
****

Group: Member
Posts: 139
Joined: Jul 2006
Member No: 445,930



ohhhhhhhhhhhhhhhhhhkay.i understand. i know how to make an html layout! i just was unsure about a div. u just simply place them on the html code. is their a script that gives you the code to put the other html code in? did that last question make scence? lol... thnks :D
 
freeflow
post Oct 9 2006, 07:03 PM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



kinda? What you do is you make the links in an image program. And attach them to an image. Then you image slice. (I gave you links where to find tutorials on it) Once you image slice, whatever program you use (I suggest imageready) it will generate a code for you. Thats the html code you will use.

After you slice it will give you a folder w/ images and the code. You will then upload all the images and place their urls in the code.

Then you can put the code in a div to position the image or whatever. (Thats normal div coding)
 
bbyness
post Oct 9 2006, 07:14 PM
Post #7


nessa<3
****

Group: Member
Posts: 139
Joined: Jul 2006
Member No: 445,930



ya i got all of that. but isnt their another code u have to put all of that in when ur putting it in your about me or w/e on myspace. ..hmm i hope this is making scence sorry cry.gif
 
freeflow
post Oct 9 2006, 09:36 PM
Post #8


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



For the links? No the image code you get and after you edit it like I told you , thats what you put in about me or I'd like to meet. Wherever you put your divs.
 
bbyness
post Oct 9 2006, 09:38 PM
Post #9


nessa<3
****

Group: Member
Posts: 139
Joined: Jul 2006
Member No: 445,930



alright ill try it. i finished the picture. im gonna slice the links in imageready tommarow. im all photoshoped out. biggrin.gif
 
freeflow
post Oct 9 2006, 09:47 PM
Post #10


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



If you need any help just post here or pm me :)
 
bbyness
post Oct 9 2006, 09:56 PM
Post #11


nessa<3
****

Group: Member
Posts: 139
Joined: Jul 2006
Member No: 445,930



mkay. thanks abunchh _smile.gif
 
flaymzofice
post Oct 10 2006, 10:23 AM
Post #12


Senior Member
*****

Group: Member
Posts: 547
Joined: Dec 2005
Member No: 337,439



Because I'm stupid, I don't get how that generating a file thing works. So you can always image slice, but instead of saving as a file, just take the co-ordinates and put it into your own image slice code in your 'about me' section like this:

CODE
<img src="IMAGE URL usemap="#Map">
<map name="Map">
  <area shape="rect" coords="000,000,000,000" href="URL">
  <area shape="rect" coords="000,000,000,000" href="URL">
  <area shape="rect" coords="000,000,000,000" href="URL">
  <area shape="rect" coords="000,000,000,000" href="URL">  
</map>
</div>
 
freeflow
post Oct 10 2006, 05:23 PM
Post #13


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



If she uses the above code she doesn't need to slice. Slicing would be a waste of time because when you slice they cut the images in parts. Yup. To get coordinates I believe you can use paint? But you can use imageready but slicing would be pointless.
 
flaymzofice
post Oct 10 2006, 06:58 PM
Post #14


Senior Member
*****

Group: Member
Posts: 547
Joined: Dec 2005
Member No: 337,439



^ *dumb again* You click on the slice tool to create the shape around the text you want to link, to get the co-ordinates, using ImageReady. I don't know about Paint, but couldn't do it in regular Photoshop...I don't think. I can't remember. But yeah, for dummies like me, the above was easier.
 

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