WebYep Gallery spacing/styling

Is there a way to style a WebYep Gallery element so that the captions underneath the pics push things DOWN instead of up? Also, is there away to always have at least 5 px of spacer around EVERY image, regardless of what row the image is on?

The gallery element works very well, but the spacing is always very inconsistent, since caption lengths are usually different from one another. It would be great if I could lock in these styles so that my galleries would be nice and neat. Any ideas? Thanks.

TB


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

Hi tb… here is something I wrote some time back. It should get you on your way to controlling the webyep gallery with css

all the best… Max

WebYep Gallery Example for Freeway Pro 5

I have been asked by a few people how to create and use the styles for the new gallery action.
So for anyone who isn’t sure here is a Freeway 5 sample with the styles already done… :o)

What you need to do is: First install the new action suite, then read page 49 of the manual, as this gives a proper description of what each class style does.
Then download the example file which is here:

http://www.max-izzat.co.uk/examples/gallery-example.zip

Look at the picture/screen shot which is also included in the zip file for a reference and then open up the downloaded file example called gallery_test.freeway
Now adjust the styles to see what effect it will have on the published look (you will need to view this via either a server or via MAMP.)
The first thing you will notice is you dont actually attach these styles to anything in Freeway as it’s picked up automatically by WebYep.
The only exception to this if you would like to style the actual div (layer) that Freeway produces when you add a Gallery element and in my quick example I have added a grey border
Apart from that the styling can be done as shown in the artwork.

Please note: I have placed the class names in the tag field (this is so it is published regardless if it is used within the freeway artwork) and also note, if you intend write them in by hand rather than copying from my example you will need to remember to place the dot “.” before the name to make it a class style when it is published.

I hope this helps people who are not sure how to use this new function.


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

Hi TB… this should get you going

WebYep Gallery Example for Freeway Pro 5

I have been asked by a few people how to create and use the styles for the new gallery action.
So without further ado and for anyone who isn’t sure here is a Freeway 5 sample with the styles already done… :o)

What you need to do is: First install the new action suite, then read page 49 of the manual, as this gives a proper description of what each class style does.
Then download the example file which is here:

http://www.max-izzat.co.uk/examples/gallery-example.zip

Look at the picture/screen shot which is also included in the zip file for a reference and then open up the downloaded file example called gallery_test.freeway
Now adjust the styles to see what effect it will have on the published look (you will need to view this via either a server or via MAMP.)
The first thing you will notice is you dont actually attach these styles to anything in Freeway as it’s picked up automatically by WebYep.
The only exception to this if you would like to style the actual div (layer) that Freeway produces when you add a Gallery element and in my quick example I have added a grey border
Apart from that the styling can be done as shown in the artwork.

Please note: I have placed the class names in the tag field (this is so it is published regardless if it is used within the freeway artwork) and also note, if you intend write them in by hand rather than copying from my example you will need to remember to place the dot “.” before the name to make it a class style when it is published.

I hope this helps people who are not sure how to use this new function.


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