header

Freeway
1

Good afternoon…

I have a question

This header with the woman in green on it - http://www.eatcleandiet.com

that looks like it is a pop up - is there a way to do that in freeway? I have a couple of sites I would like that “pop up” look

Thanks

Julie

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

2

Photoshop is your friend.

If you dissect the page with FireFox and the View In Photoshop add-on it will show you how they did it. Open With Photoshop – Get this Extension for 🦊 Firefox (en-US)

In the case of your sample site it is very big background image with the image of the woman on another layer.

Marcel

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

3

Look familiar?

http://www.eatcleandiet.com/images/site/ecd_home_bg.png

–
Ernie Simpson

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

4

Yes

How do you do it?

I know probably silly question…

Sent from my iPhone

On Nov 5, 2012, at 18:51, Ernie Simpson email@hidden wrote:

Look familiar?

http://www.eatcleandiet.com/images/site/ecd_home_bg.png

–
Ernie Simpson

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

5

I dont have photoshop…

I use pixelmator…
On Nov 5, 2012, at 5:18 PM, Helveticus email@hidden wrote:

Photoshop is your friend.

If you dissect the page with FireFox and the View In Photoshop add-on it will show you how they did it. Open With Photoshop – Get this Extension for 🦊 Firefox (en-US)

In the case of your sample site it is very big background image with the image of the woman on another layer.

Marcel

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

Not silly… the url to the images is in the code. Developer tools for Safari
and Firefox can get you there faster, but all that is really needed is a
simple understanding of page code.

–
Ernie Simpson

On Mon, Nov 5, 2012 at 6:57 PM, Julie Maxwell Allen email@hiddenwrote:

Yes

How do you do it?

I know probably silly question…

Sent from my iPhone

On Nov 5, 2012, at 18:51, Ernie Simpson email@hidden wrote:

Look familiar?

http://www.eatcleandiet.com/images/site/ecd_home_bg.png

–
Ernie Simpson

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

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

7

I use pixelmator

Any graphic/image editing software can do it.

Or you could do it the CSS way http://www.deltadesign.co/fw_examples/CSSstuff/curl2.html

D

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

8

I mentioned it… becasue when you do the add on it doesnt open anything since I dont have PSD.

I am code stupid LOL So I dont know what I look for…

(hangs head in shame)

J
On Nov 5, 2012, at 8:32 PM, DeltaDave email@hidden wrote:

I use pixelmator

Any graphic/image editing software can do it.

Or you could do it the CSS way http://www.deltadesign.co/fw_examples/CSSstuff/curl2.html

D

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

9

FireFox + Web Developer Extension add-on.

Look under “Images” and then select “Image Information” from the drop down. It will show a list of all the images on the page.

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

10

Thank you!

so there is not a way of creating this look / graphic other than CSS?

On Nov 5, 2012, at 11:36 PM, Helveticus email@hidden wrote:

FireFox + Web Developer Extension add-on.

Look under “Images” and then select “Image Information” from the drop down. It will show a list of all the images on the page.

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

11

It’s a simple background image - requires no special CSS in Freeway Pro.

–
Ernie Simpson

On Tue, Nov 6, 2012 at 1:50 PM, Julie Maxwell email@hidden wrote:

Thank you!

so there is not a way of creating this look / graphic other than CSS?

On Nov 5, 2012, at 11:36 PM, Helveticus email@hidden wrote:

FireFox + Web Developer Extension add-on.

Look under “Images” and then select “Image Information” from the drop
down. It will show a list of all the images on the page.

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

12

OK,

is there a way to get that shadowing ? pop up look with a graphic in FWP?

Thanks …

On Nov 6, 2012, at 2:07 PM, Ernie Simpson email@hidden wrote:

It’s a simple background image - requires no special CSS in Freeway Pro.

–
Ernie Simpson

On Tue, Nov 6, 2012 at 1:50 PM, Julie Maxwell email@hidden wrote:

Thank you!

so there is not a way of creating this look / graphic other than CSS?

On Nov 5, 2012, at 11:36 PM, Helveticus email@hidden wrote:

FireFox + Web Developer Extension add-on.

Look under “Images” and then select “Image Information” from the drop
down. It will show a list of all the images on the page.

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

13

You need to create the graphic first (or steal it) - then add it to your FW page in the same way you add any graphic.

D

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

14

I would never steal it … :smiley:

ok so figuring out how to creat it in pixelmator… thanks

On Nov 6, 2012, at 3:20 PM, DeltaDave email@hidden wrote:

You need to create the graphic first (or steal it) - then add it to your FW page in the same way you add any graphic.

D

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

15

OK - so steal wasn’t the right word.

There are plenty of copyright free images out there/ image libraries where you can get something suitable.

But at the end of the day you are better to make your own so that you can adapt it to suit every use scenario.

Stealing is BAD and should not be encouraged!

D

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

16

Freeway’s shadow styles are pretty flat. The curved selection and greater blur at the outer edges are things you can do easily in Photoshop / Pixelmator / Acorn and not easily or at all in Freeway. Use the right tool for the job. If all you want is a soft drop shadow, like a perfectly flat object was raised up above another perfectly flat surface, then you get that in the Inspector’s Style tab, in the Graphic Style segment. Look for the icon that looks like a soft drop shadow.

Walter

On Nov 6, 2012, at 3:17 PM, Julie Maxwell wrote:

OK,

is there a way to get that shadowing ? pop up look with a graphic in FWP?

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