Forum Moderators: not2easy

Message Too Old, No Replies

Curved Arch Design

         

Fortune Hunter

3:35 pm on Jun 24, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I am working with Fireworks MX 2004 and I am trying to duplicatte and effect I have seen on several sites, but I can't seem to make Fireworks draw the design. I am sure it is some amazingly simple thing I am missing.

I am trying to duplicate the red arch that runs up the side and across the top of this page...

[sos.state.oh.us...]

How do you draw that effect in FW and then once it is drawn how do you export it out to Dreamweaver to add content and text to the page.

Fortune Hunter

SuperNovaCain

3:50 pm on Jun 24, 2005 (gmt 0)

10+ Year Member



Hi Fortune Hunter,
You're right, the effect is simple.

I don't know fireworks nor how it may export to DW but if you know anything about images, I'm sure you can do this yourself.

It's nothing more than a top and a side with an "arch" graphic tucked into the corner where they meet.
Look at the source of that page and see how they arrange the page. All their layout is done using tables.

SuperNĪvaCain

lZakl

3:59 pm on Jun 24, 2005 (gmt 0)

10+ Year Member



This design is usually accomplished by cutting up a larger image (usually in photoshop), and pasting it together via CSS. In addition to the cutting up of this image, a lot of times "repeat" is used in CSS for a small 1 px graphic to give the bar at the top and the verticle bar a sense of being 'scalable'. I haven't seen any automated programs that will do this for you. Even if there were, the code bloat would probably be disgusting. ;0) I did a intranet site like this a while back, and found there are not many tutorials on it. It was just a learn as you go sort of thing for me ...

That's what you need to get started anyway :0)

-- Zak