I’m attempting to replicate some of the Apple.com layout style. In particular, the floating frames over their slightly grayed window background.
I’ve figured out how to do this with graphic elements but I’d like to do it with HTML to preserve the Relative Page Layout effect.
Is there a way to round the corners of an HTML box that I’m looking past?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
There’s a couple of ways.
Built into Freeway is a feature called Graphic Effects (in the Style
tab of the HTML Item Inspector). Click on the left-most option – the
solid fill – and you can open up the Graphic Background segment to
see options for corner radius and color fill, along with opacity on
that fill. The only down-side to this is that a table is injected into
your page layout, so you end up with a lot of code that doesn’t mean
anything just to get the effect you’re after.
If you don’t mind not showing IE users any love, you can use my CSS3
Corners Action to do the same thing with no images and only one line
of CSS code added to your page per element. IE < 9 users will simply
see a square-cornered box. Safari and Firefox users will see the
rounded-corner wonder you have wrought. IE users are used to seeing a
largely broken Web anyway, so it’s not a huge loss in my opinion.
Walter
On May 5, 2011, at 4:55 PM, Robert wrote:
Is there a way to round the corners of an HTML box that I’m looking
past?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks — for both tips…
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Here’s an example using my Action, posted earlier this week in
response to a different question.
http://scripty.walterdavisstudio.com/layered-slide/
This was showing the effects you can add with Scriptaculous’s
Effect.Morph, which is how the slide-in images are done.
Walter
On May 5, 2011, at 5:25 PM, Robert wrote:
Thanks — for both tips…
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options