PDA

View Full Version : can some one plz help me with this...

Miss_Thang
09-30-2003, 01:04 AM
hey can someone plz help me wit' this! i wanna know how people make graphics and make the text on the graphic links? like this site here www.jboogunplugged.cjb.net you see how she got her links? I'm using psp8...i hope some one can help! thanx!
Miss_Thang
09-30-2003, 01:14 AM
I still need help wit the first ? I posted..but I forgot to ask umm...when putting the image as a bground umm...the way that site got it [www.jboogunplugged.cjb.net] i have trouble putting my image as a background. can some1 tell me how to do that? I tried using the image code but it didn't work! I hope some1 can help thanx!
knudddel
09-30-2003, 02:23 PM
You mean, you've made a graphic and want to write text on it? Or in the statusbar? If you want the text ON the graphic, I don't know how you do that, because I've got Photoshop, but I'd try to take a brush with one pixel and try to DRAW the letters... Was it that? Or if you want to have the stuff down in the grey statusbar, you have to put following script in your <head> section. Just change the bold text to the text u want:
<SCRIPT>
<!-- Hide from old browsers

// All you have to do is put another text in the variable message.
// Don't forget to break all lines with a ^
// When you do not place a ^ at the end of all the message, the
// message will not repea^

message = "HERE GOES THE TEXT YOU WANT AND READ THE ABOVE AREFULLY!!! "

scrollSpeed = 100
lineDelay = 1700

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}

// Unhide -->
scrollText(0)
</SCRIPT>
Miss_Thang
10-01-2003, 03:34 AM
thank you!! i appreciate it! i'm gonna try it out =)
MissLadyhawke
10-05-2003, 10:47 PM
I believe that they used the Image Mapper tool that comes with Paint Shop Pro. I personally have never used it, so I wouldn't be able to explain it to you, but I know that there are tutorials out there for that tool. Or you could just use PSP's Help section.
Hope this helped you,
MaGiCSuN
10-06-2003, 02:54 PM
it's so easy to make your own image map :) i always thought you would need an program for it, but its really no hassle to understand an image map with the coordinates and suchs

from lissa's site (http://www.lissaexplains.com):

the first part is this:

<img src="imagemap.gif" usemap="#mymap" width="your width" height="your height" alt="your description" border="0">

change the bold parts to what you like and what is asked to be filled in.

the second part of the image map is this:

<map name="mymap">
<area shape="rect" coords="0,0,50,50" href="frames.shtml" alt="frames">
</map>

this map code only contains one clickable area on the image. You can add as many as you want, just duplicate the <area> part.
In the code above you need to change the bold parts again.

now you need to fill in the coords. This is really easy, once you understand how to find them. Open your image in PSP, and when you move with your cursor over the image you see that there are numbers in the status bar (on the bottom) and they change when you change your position from the cursor. Take your cursor and move it to the spot where you want the area to begin, this will be the upper left corner of the area. For example this is x=50 y=50 (x = horizontal (from the left) and y= vertical (from the top)) so you fill in at coords:

coords="50,50"

then you have to find the second one, so you move your cursor to the place where you want the area to end, this is the right bottom corner. for example x=100 and y=100 so your coords will be:

coords="50,50,100,100"

the first two numbers are the upper left corner, the second two numbers are the bottom right corner :) its so easy ! so you have to see it as this:

1-------------
| text text |
-------------2

1 is first two coordinates, 2 is second two coordinates. it's like drawing an invisible shape ;)

also make sure usemap="#mymap" and <map name="mymap"> should always match (mymap) with the name.

Love,
Mirna