|
| |
|
|
_gail
Posts: 2876
From: So FL
Status: offline
 |
Katherine: Textures, slices and rollovers - 6/7/2002 17:14:39
Katherine,
I suppose I'm asking a mouthful, but it is not necessary to go in depth. I'm looking for only a very basic understanding.
These are the questions based on your Live Service Desk site which is discussed here in Site Critiques : What do you think?
It would be helpful for you to tell me which programs you used.
- do you hand code or do you primarily use FrontPage for the layout?
- how do you get a texture in a solid color, in this instance the orange lines on the gold colored background? Also, do textures have their own extensions if I ever wanted to make one?
- I'm studying your graphic in Edit in FrontPage mode. I am totally in the dark as to how to use slices. Can you please give me some insights on how you created it? I see there is a background, but the rollovers are in the foreground, correct?! I'm absolutely fascinated with slices but really don't know where to begin to learn the process.
Saying this, can anyone point me to a very basic tutorial on how to make rollevers (and slices for that matter)? I'm on information overload right now so it will have to be very simple.
Thanks, gail
Edited by - _gail on 06/07/2002 17:20:56
|
|
|
|
abbeyvet
Posts: 5095
From: Kilkenny Ireland
Status: offline
|
RE: Katherine: Textures, slices and rollovers - 6/7/2002 18:30:30
Hi Gail,
That site - which is at its own home now though not yet at the plain site URL: http://www.liveservicedesk.com/index2.shtml - is a mix of FP and hand coding. Its a pretty straigtforward layout really, any editor could do it.
The header, footer and navigation are all in include pages, included using SSI in this instance, not FP includes. But they could equally be FP includes, just this is not an FP site, that is will not be maintained with FP.
The images are all made in Image Composer.
The stripes are added using the stripe tool in effects in IC.
This is how I made the rollover slices.
- Made the curve, a plain gold one.
- Added strips
- Added a black outline
- Added a drop shadow, then trimmed away both shadow and outline from the top and left with the crop tool
- Created little green buttons using the button tool in IC. Placed the buttons along the edge of the curve
- Added the link titles
- Grouped the lot, flattened them and then put them on a white background.
- I sliced these myself by hand - You could equally use an image slicer, I just don't always bother. These are fairly simple slices and it was as easy to do them by hand. Some graphics programs have one built in or as an addon.
There is a free image slicer available for download here
All I did was cut out each button from the main image, then cropped the image by the height of the cut out button, cut the next one, crop again and so on. I also have an image cut out for the top and bottom of the curve.
On the page I made a table, added the striped bg as a table background image, then stacked the images I cut out one on top of the other. I did crop each image from the left over as far as the start of the button. I was just trying to minimise the size of the images as much as I could, it is not really necessary to do that.
To make the rollover version of each nav link I just put a small blurred gold circle on each button.
You need a javascript to power the rollovers. There are loads of generators that will make this for you once your images are made - here are a couple:
http://javascript.internet.com/generators/preload-images.html
http://builder.cnet.com/webbuilding/pages/Programming/ad.html
It takes a bit of playing with to get the hang of, but is not terribly complicated at all.
I hope at least some of this makes sense to you - it is way easier to do than describe.
I have not really seen a general tutorial on this - there are several around that are program specific. I didn't read all of this but it looks promising:
http://www.roy.whittle.com/tutorial/tutorial.html
Katherine
++++++++++++++++++++++++
www.inkkdesign.com
Women and cats will do as they please. Men and dogs should relax and get used to the idea.
| |
|
|
|
_gail
Posts: 2876
From: So FL
Status: offline
|
RE: Katherine: Textures, slices and rollovers - 6/7/2002 19:05:15
WOW, Katherine. Thanks!!!
gail
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
