[Pro] corners and shadows

Exhibeo
1

Dear all,

I initially tried using “impress” which looked good on mac, PC, iphone and iPad but did not render well on android.

I have since used “slide” which maybe does not look as good but renders better on android.

Is there any way of adding corners and shadows to the exhibeo graphics so it blends in with the rest of the site?

Thank you,
David

oia.me.uk

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

2

Hi David,
Yes and really easily using a small bit of CSS markup. Here’s an example;
http://www.freewayactions.com/test/oia-me-uk/

Simply copy the code below and paste it into your Freeway page using Page > HTML Markup and select ‘Before ’ from the Insert menu;


<!-- Custom CSS Styles start -->
<style type="text/css">
<!-- 
#item3a_exibid {
	/*  corners  */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	/*  shadows  */
	-webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow:    5px 5px 4px rgba(0, 0, 0, 0.75) !important;
	box-shadow:         5px 5px 4px rgba(0, 0, 0, 0.75) !important;
}
-->
</style>
<!-- Custom CSS Styles end -->

You won’t see anything change within Freeway but upload or preview and you should see the box now has rounded corners and a drop shadow.
Regards,
Tim.

On 21 Oct 2013, at 16:01, David Ellwood wrote:

Is there any way of adding corners and shadows to the exhibeo graphics so it blends in with the rest of the site?

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

3

Thank you Tim, your example looks perfect! I will try this tomorrow.

I am looking to take web design further and I am considering upgrading to Freeway Pro 6. As you will be aware, I do not have your expertise with code. Is it possible to produce the same effect using one of your CSS3 goodies?

Thanks again,
David

Sent from my iPad

On 21 Oct 2013, at 21:33, Tim Plumb email@hidden wrote:

Hi David,
Yes and really easily using a small bit of CSS markup. Here’s an example;
http://www.freewayactions.com/test/oia-me-uk/

Simply copy the code below and paste it into your Freeway page using Page > HTML Markup and select ‘Before ’ from the Insert menu;


<!-- Custom CSS Styles start -->
<style type="text/css">
<!-- 
#item3a_exibid {
  /*  corners  */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  /*  shadows  */
  -webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow:    5px 5px 4px rgba(0, 0, 0, 0.75) !important;
  box-shadow:         5px 5px 4px rgba(0, 0, 0, 0.75) !important;
}
-->
</style>
<!-- Custom CSS Styles end -->

You won’t see anything change within Freeway but upload or preview and you should see the box now has rounded corners and a drop shadow.
Regards,
Tim.

On 21 Oct 2013, at 16:01, David Ellwood wrote:

Is there any way of adding corners and shadows to the exhibeo graphics so it blends in with the rest of the site?

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

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

4

Yes, quite possibly. Try adding the CSS3 Box Shadow and CSS3 Corners Actions to your Exhibeo gallery item. I’m unable to check this at the moment but will in the morning if you get stuck.
Regards,
Tim.

David Ellwood email@hidden wrote:

Thank you Tim, your example looks perfect! I will try this tomorrow.

I am looking to take web design further and I am considering upgrading
to Freeway Pro 6. As you will be aware, I do not have your expertise
with code. Is it possible to produce the same effect using one of your
CSS3 goodies?

Thanks again,
David

Sent from my iPad

On 21 Oct 2013, at 21:33, Tim Plumb email@hidden wrote:

Hi David,
Yes and really easily using a small bit of CSS markup. Here’s an
example;
http://www.freewayactions.com/test/oia-me-uk/

Simply copy the code below and paste it into your Freeway page using
Page > HTML Markup and select ‘Before ’ from the Insert menu;


<!-- Custom CSS Styles start -->
<style type="text/css">
<!-- 
#item3a_exibid {
  /*  corners  */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  /*  shadows  */
  -webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow:    5px 5px 4px rgba(0, 0, 0, 0.75) !important;
  box-shadow:         5px 5px 4px rgba(0, 0, 0, 0.75) !important;
}
-->
</style>
<!-- Custom CSS Styles end -->

You won’t see anything change within Freeway but upload or preview
and you should see the box now has rounded corners and a drop shadow.
Regards,
Tim.

On 21 Oct 2013, at 16:01, David Ellwood wrote:

Is there any way of adding corners and shadows to the exhibeo
graphics so it blends in with the rest of the site?

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

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

–
Sent from my mobile. Please excuse my brevity.

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

5

Hi David,
I was looking at this quickly this morning and what I forgot last night was that you can’t apply an Action (the CSS3 Corners [1] or CSS3 Shadows Actions [2]) to another Action item (in this case the Exhibeo item). What you can do, however, is to place the Exhibeo item within another HTML and apply the two Actions to this parent box.
Regards,
Tim.

[1] CSS3 Corners - ActionsForge
[2] CSS3 Shadow Extra - ActionsForge

On 21 Oct 2013, at 22:13, David Ellwood wrote:

Is it possible to produce the same effect using one of your CSS3 goodies?

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

6

Thanks Tim,

As advised, I have managed to add the corners using an HTML parent box and adding CSS3 actions to it.
The “slide” seems to render better than the “Impress” on Android.

Thanks again for your prompt input,
David

On 22 Oct 2013, at 09:24, Tim Plumb email@hidden wrote:

Hi David,
I was looking at this quickly this morning and what I forgot last night was that you can’t apply an Action (the CSS3 Corners [1] or CSS3 Shadows Actions [2]) to another Action item (in this case the Exhibeo item). What you can do, however, is to place the Exhibeo item within another HTML and apply the two Actions to this parent box.
Regards,
Tim.

[1] CSS3 Corners - ActionsForge
[2] CSS3 Shadow Extra - ActionsForge

On 21 Oct 2013, at 22:13, David Ellwood wrote:

Is it possible to produce the same effect using one of your CSS3 goodies?

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

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