[Pro] Showcase arrows/buttons

Freeway
1

Hey all love the Showcase option in 5.5, but what I would like to do is switch out the buttons so every website is not the same look and white does not go with every design… Thanks for any ideas

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

2

Carla we discussed this before.

controls.png file determines the button’s look.

David

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

3

Hi Carla,
Here’s a quick and dirty guide to adding your own controls. When I get time I’ll clean it up and add an article to the Softpress KnowledgeBase.

  1. Download a copy of the controls.png file that the Action uses to display the buttons. You should be able to find a copy of this in your site’s Resources folder.
  2. Open the file in Photoshop (or similar) and you’ll see all of the controls (plus one that didn’t get used) in two rows of 4 icons.
  3. Each icon is roughly 26 pixels square so for the sake of keeping things simple we’ll keep to this size for our new buttons.
  4. Using the controls.png file as a template create your new buttons and save the resulting image as another 24-bit png with transparency. I called mine ‘steel.png’
  5. Back in Freeway attach the Upload Stuff or Upload Extra Resources Action (see below for links) to your showcase page
  6. Select your new controls png file and choose to upload it to the same folder as the HTML file
  7. Go to Page > HTML Markup… and select 'Before ’ from the Insert menu
  8. Paste the following code in the dialog, change the file name to match the one you chose in step 4 and click OK;
<style type="text/css">
<!-- 
.fwShowcase_controls a {  background-image: url(steel.png); }
-->
</style>

Here’s an example of one I did earlier (I’ve always wanted to say that!);
http://www.freewayactions.com/test/showcase-controls/
Click on any of the images and you should see my ‘steel.png’ controls in the lower right hand corner of the image;
http://www.freewayactions.com/test/showcase-controls/steel.png

Upload Stuff - http://www.freewayactions.com/product.php?id=032
Upload Extra Resources - http://www.actionsforge.com/projects/view/26-upload-extra-resources

Regards,
Tim.

On 25 Feb 2011, at 02:16, Carla wrote:

Hey all love the Showcase option in 5.5, but what I would like to do is switch out the buttons so every website is not the same look and white does not go with every design… Thanks for any ideas

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

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

4

Thanks Tim
fantastic! and

Dave yes I remember the controls.png graphics but not how to switch out the arrows. Thanks for all your help guys

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

5

Thanks for sharing your steel version Tim - consider it stolen!

D

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

6

Ha!

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

7

Hi Tim

I tried this - and tested with your steel.png - uploaded stuff into resource folder. Inserted markup in proper place and no controls at all show up… do I delete the old control.png
for this to work

Thanks

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

8

If you used Tim’s code snippet then the steel.png file should be alongside the HTML page that the showcase is on ie With HTML Files

If you want to use the file from the Resources folder then change the code to

<style type="text/css">
<!-- 
.fwShowcase_controls a {  background-image: url(Resources/steel.png); }
-->
</style>

And no, you do not need to remove the original controls.png file.

David

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

9

Ah ! I see thanks Dave - works perfectly
Voila
thanks so much

C

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

10

As a follow up to this I’ve created a simple Action that streamlines the whole process of updating the Showcase controls image. Showcase Extras[1] is a page Action that allows you to choose one of the 13 pre-defined button styles within the Action of select your own and use this in both image galleries and slideshows.

I’ve also added the ability to add images as watermarks to the gallery images so you can easily add copyright or contact details to your images in one easy step.

If anyone fancies designing their own set of controls to use with the Action just send me your PNG file and I’ll add it to the project.
Regards,
Tim.

[1] http://www.actionsforge.com/actions/view/226-showcase-extras

On 25 Feb 2011, at 11:15, Tim Plumb wrote:

Hi Carla,
Here’s a quick and dirty guide to adding your own controls. When I get time I’ll clean it up and add an article to the Softpress KnowledgeBase.

  1. Download a copy of the controls.png file that the Action uses to display the buttons. You should be able to find a copy of this in your site’s Resources folder.
  2. Open the file in Photoshop (or similar) and you’ll see all of the controls (plus one that didn’t get used) in two rows of 4 icons.
  3. Each icon is roughly 26 pixels square so for the sake of keeping things simple we’ll keep to this size for our new buttons.
  4. Using the controls.png file as a template create your new buttons and save the resulting image as another 24-bit png with transparency. I called mine ‘steel.png’
  5. Back in Freeway attach the Upload Stuff or Upload Extra Resources Action (see below for links) to your showcase page
  6. Select your new controls png file and choose to upload it to the same folder as the HTML file
  7. Go to Page > HTML Markup… and select 'Before ’ from the Insert menu
  8. Paste the following code in the dialog, change the file name to match the one you chose in step 4 and click OK;
<style type="text/css">
<!-- 
.fwShowcase_controls a {  background-image: url(steel.png); }
-->
</style>

Here’s an example of one I did earlier (I’ve always wanted to say that!);
Gallery
Click on any of the images and you should see my ‘steel.png’ controls in the lower right hand corner of the image;
http://www.freewayactions.com/test/showcase-controls/steel.png

Upload Stuff - FreewayActions.com | Upload Stuff
Upload Extra Resources - http://www.actionsforge.com/projects/view/26-upload-extra-resources

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

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

11

You are a star Tim! can’t wait to try it

C

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

12

Ok I have looked around and after installing the Showcase ectras I can not seem to find it oy

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

13

forget what I said
I just found it
working too long
thanks

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

14

Hi Carla,
The Action is a page based item so should be applied to the Showcase page by using the Page > Actions > Showcase Extras menu option. The settings for the Action can be found in the Actions palette (Window > Actions).
Regards,
Tim.

On 10 Mar 2011, at 23:59, Carla wrote:

Ok I have looked around and after installing the Showcase ectras I can not seem to find it oy

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

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

15

I know I just replied Tim thanks found it

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

16

Tim

you just made all our lives much easier thanks

C

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

17

Thanks Tim - an excellent addition to Showcase.

D

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

18

Very welcome, Tim. And very useable, ‘right out the tin’. You are just so generous to us sometimes lazy reliants on Freeway’s convenience.

Thanks. Colin

On 10 Mar 2011, at 23:39, Tim Plumb wrote:

… I’ve created a simple Action that streamlines the whole process of updating the Showcase controls image. Showcase Extras… http://www.actionsforge.com/actions/view/226-showcase-extras

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

19

Tim,

I am using the showcase extras action. I can set the button to any of your presets and to any custom ones I have created. It works fine in Preview and in the browsers preview. If I close Freeway and reopen it, the button defaults to Candy-Black all the time. Looking at the HTML source, it is fine when I close the freeway file. As soon as I reopen the file in freeway it rewrites it to the candy-black.png file.

Any ideas? Thank you so much for this action!

Paul

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

20

Hi Paul,
Thanks for bringing my attention to this. I’ve just uploaded version 1.1 of the Action that hopefully fixes the issue you were seeing with the button style getting reset between saves. You can download the updated action at ActionsForge;
http://actionsforge.com/actions/view/226-showcase-extras

Regards,
Tim.

On 20 Mar 2011, at 18:31, poki wrote:

Any ideas? Thank you so much for this action!

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

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