[Pro] CCS gradient background?

Freeway
1

Was wondering is there a way to add a CSS gradient background to the actual background of a Freeway page? I see I can add images to tile which is how I create gradients but was wondering if there was a way to add the CSS gradient background action to it?

Ta

J

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

2

Yes but not as easy as the action.

Try this

Create an HTML box over your page, give it a name (ie gradient) and then apply the CSS3 gradient action to your box and style it how you want it to appear.

Publish your page and look at the source code - look for the style called #gradient. It should look something like this

#gradient { 
background-image: -moz-linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* FF3.6 */ 
background-image: -o-linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* Opera 11.10+ */ 
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,255,255,0.8)),to(rgba(255,0,255,0.8))); /* Saf4+, Chrome */ 
background-image: -webkit-linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* Saf5.1+, Chrome 10+ */ 
background-image: linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* Standard CSS3 */ 
}

Copy the code and paste it into the before end head section of Page>HTML markup within some script tags. Change #gradient to #PageDiv

You will then get something that looks like this

<style type="text/css">
<!-- 
#PageDiv { 
background-image: -moz-linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* FF3.6 */ 
background-image: -o-linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* Opera 11.10+ */ 
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,255,255,0.8)),to(rgba(255,0,255,0.8))); /* Saf4+, Chrome */ 
background-image: -webkit-linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* Saf5.1+, Chrome 10+ */ 
background-image: linear-gradient(top, rgba(0,255,255,0.8), rgba(255,0,255,0.8)); /* Standard CSS3 */ 
}
-->
</style>

Remove the box and the action from your page and preview and you should get something like http://deltadesign.co/css3/CSS3_Gradients.html

David

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

3

Great thanks will try this!

Cheers

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

4

I just tried this in FWP 6 and I couldn’t get it to work. Do I have to do something different?

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

5

CCS ???

Check your version with ActionsForge -
http://actionsforge.com/actions/view/201-css3-gradients

–
Ernie Simpson

On Wed, May 1, 2013 at 6:45 PM, RavenManiac email@hidden wrote:

I just tried this in FWP 6 and I couldn’t get it to work. Do I have to do
something different?

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

CCS - didn’t they have a hit with Led Zepp’s ‘Whole Lotta Love’, theme tune for Top of the Pops - not much code used in that!

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