[Pro] Page Shadow or Glow?

Freeway
1

Is there anyway to add a page shadow or glow using HTML Markup code or the Extended Attributes box?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

check out the css3 box-shadow property -
http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

–
Ernie Simpson

On Wed, May 1, 2013 at 2:43 AM, RavenManiac email@hidden wrote:

Is there anyway to add a page shadow or glow using HTML Markup code or the
Extended Attributes box?

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

3

Thanks Ernie. As it turns out I think I’m looking for more of what FWP calls an Outer Glow effect. I checked w3schools.com, but I couldn’t find a reference for that. Any ideas?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

I think I’m looking for more of what FWP calls an Outer Glow effect.

You will have to be a bit more specific - an example would be useful.

It is likely that the answer will be determined by your page construction.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

The box-shadow can be any color (or text shadow) can be any color - why not
a light one?

Check out the hover state on these menu items here -
http://portfolio.thebigerns.com

Btw, searching for that I found this - which relates to your thread about
“columns” and backgrounds -
http://cssway.thebigerns.com/workbench/alex-position/

–
Ernie Simpson

On Wed, May 1, 2013 at 3:17 PM, RavenManiac email@hidden wrote:

Thanks Ernie. As it turns out I think I’m looking for more of what FWP
calls an Outer Glow effect. I checked w3schools.com, but I couldn’t find
a reference for that. Any ideas?

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

6

More about CSS Box Shadow…

http://www.corelangs.com/css/box/hover.html

Helsy

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

On my site I have a page shadow that is offset (pushed down slightly from the top):

http://visionsecurity.jp/

To create it, I sketched an HTML box the size of the page itself and named it “outerShadow”. Most of my page content are child items of that parent (NOT inflow children). I then use the following HTML Markup to get it to work right (with PIE fallback for older IE browsers):

Before 

<style type="text/css">
<!--
#outerShadow {
	-moz-box-shadow: 0 29px 24px 2px #000;
	-webkit-box-shadow: 0 29px 24px 2px #000;
	box-shadow: 0 29px 24px 2px #000;
	behavior: url("/PIE.htc");
}
-->
</style>

Before 

<script>
var outer=document.getElementById("outerShadow");
var inner=document.getElementById("PageDiv");
if (PageDiv && outerShadow){
	outerShadow.style.height = (parseInt(outerShadow.offsetHeight) -28) + "px";
}
</script>

And to get the vertical gap at the very bottom, I sketched an HTML box in the pastboard and then applied Paul Dunnings MAKE FOOTER action to it.

http://www.actionsworld.com/Actions/MakeFooter/index.php

NOTE: If you’re using FW7, email Paul for his Beta version.

Best wishes,

James Wages

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options