I would like to separate my menu items with a “sunken” or etched line. Sort of a custom embossed effect. I want to carve up a single gray box vs align a bunch of embossed gray blocks tightly together.
Here’s a vertical line example in the top menu. I’m looking to create the horizontal equivelent:
I tried drawing a graphic line and trying various border/shadow options but can’t seem to make it happen.
I can’t be the first person to employ this effect. Any pointers?
Do you mean like the dividers at the bottom of this page? http://
These are simply graphic items (x2 1px high graphic boxes one on top
of another) select both together and exported out of Freeway as a gif
and then bought back into Freeway into another graphic box and pasted
between each line.
Ideally they should be styled to appear as a background image on a
div or list, as they not part of the page content only styling, but
that’s coming on the next iteration.
David
David Owen :: Freeway Friendly Web Hosting and Domains :: http://
On 29 Nov 2009, at 12:21 am, geoffb wrote:
I would like to separate my menu items with a “sunken” or etched
line. Sort of a custom embossed effect. I want to carve up a single
gray box vs align a bunch of embossed gray blocks tightly together.
Here’s a vertical line example in the top menu. I’m looking to
create the horizontal equivelent:
Ideally they should be styled to appear as a background image on a div or list, as they not part of the page content only styling, but that’s coming on the next iteration.
Here’s an interesting thing I saw regarding this on another list. I’m not sure how you’d go about this in Freeway, but I guess if you named the container you could make a new style to target it, like #container hr or something?
Yes that right your can style the hr tag instead if you look at this
post.
David Owen :: Freeway Friendly Web Hosting and Domains :: http://
On 29 Nov 2009, at 12:21 pm, Paul Bradforth wrote:
On 29 Nov 2009, at 10:38, David Owen wrote:
Ideally they should be styled to appear as a background image on a
div or list, as they not part of the page content only styling,
but that’s coming on the next iteration.
Here’s an interesting thing I saw regarding this on another list.
I’m not sure how you’d go about this in Freeway, but I guess if you
named the container you could make a new style to target it, like #container hr or something?
Let’s hope SoftPress finds a way of perhaps displaying CSS in the
design view, or at least a better integration of CSS in the next
version of Freeway. I’m sure there are many designers aching for
this. I know I am
David
On 29 Nov 2009, at 12:45 pm, Keith Martin wrote:
Yep, that sort of thing can work very well, although it wouldn’t
show in the design view.
Do you mean like the dividers at the bottom of this page? http:// ineedwebhosting.co.uk/
These are simply graphic items (x2 1px high graphic boxes one on top
of another) select both together and exported out of Freeway as a gif
and then bought back into Freeway into another graphic box and pasted
between each line.
Ideally they should be styled to appear as a background image on a
div or list, as they not part of the page content only styling, but
that’s coming on the next iteration.
David
David Owen :: Freeway Friendly Web Hosting and Domains :: http:// www.ineedwebhosting.co.uk
Thanks - yes, just like that. I was thinking that there was a “canned” effect in Fwy somewhere that I was just missing. I guess not. Would be nice though.
Easy enough for me to patch together a couple of gray and white lines and import…
Aside from all the “visible CSS” stuff, I’d like to add my feature request for a simple additional option in the effects panel next to all the shadow effects - maybe called “etched” or something like that.
Hi Geoff,
Here’s an example Freeway 5 Pro file that demonstrates how you can
replicate the menu in your example using the CSS Menus action that
ships with Freeway. http://www.freewayactions.com/test/css-menu-example/
The trick is to use the ‘Item Dividers’ section to specify borders
both to the left and the right of the menu items that differ slightly
from the background colour. In this case one is slightly darker than
the background and the other is slightly lighter. The overall effect
makes the lines look chiseled.
Regards,
Tim.
On 29 Nov 2009, at 18:32, geoffb wrote:
Thanks to all who replied.
Aside from all the “visible CSS” stuff, I’d like to add my feature
request for a simple additional option in the effects panel next to
all the shadow effects - maybe called “etched” or something like that.
