Has anyone tried the Full Background action with FWP 6?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If you’re after a static image, you can use the background-size css cover
attribute on whatever element you attach the background to.
http://www.w3schools.com/cssref/css3_pr_background-size.asp
–
Ernie Simpson
On Mon, Mar 11, 2013 at 1:12 AM, RavenManiac email@hidden wrote:
Has anyone tried the Full Background action with FWP 6?
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
On 11 Mar 2013, 2:20 pm, The Big Erns wrote:
If you’re after a static image, you can use the background-size css cover
attribute on whatever element you attach the background to.http://www.w3schools.com/cssref/css3_pr_background-size.asp
Ernie Simpson
Thanks Ernie. How and where would I insert that code in FWP?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Ernie. How and where would I insert that code in FWP?
It depends on what you are applying the background-image to… pretty much
everything html can have the background-image attribute applied to it.
If it’s the window background, then it’s the <body> element you’ll want
to target.
First, use the Inspector to choose the image, set it to no-repeat - set its
position to Horizontal-Center and Vertical-Top (though you can play around
with this later to see what happens). Next, open the Style Editor and if
you haven’t already, create a new Tag style with the Tag name
body
then open the Extended attributes and create the new style attribute
background-size
with a value of - cover - if that’s what you want. Create a second new
style attribute - background-attachment - with the value of - fixed - and
you’re done! Publish, preview and enjoy.
If you are applying this to a div element, then you could use the same
process to start – but then there are several ways to apply the
background-size and background-attachment attributes to the div.
The most straight-forward is to use the div’s own extended style attributes
(make sure you get the right tab). I would probably do it that way. But you
can also target the div’s id attribute (it’s FWP Name) as a Tag style –
remember to put a hash mark in front of the Tag name in the Style Editor,
this is how CSS tells the browser to “apply to the item with this id”.
Lastly, you could create a generic class style in the style editor and
apply it to multiple items… but I’d just extend the item’s style.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options