Centered Master w/surrounding graphic

Hello, all:
I’m somewhat confused with how to express this, so please bear with me. I want my webpages to be centered in a browser window (they are now; I’m fine with this) and surrounded (or to be on top of) a graphic (this is my question). I draw a graphic box around my master page, and import into it the graphic. Suddenly, the master is somewhat transparent, but only in spots. I can see parts of the graphic through the master page. So I check background, and it seems to all check out. But obviously, I am not doing something. You can see the website here, without the surrounding graphic, just the existing color block: writtenbyhand.com
Any ideas, tips?
Many thanks. Peter


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

Do you not just want a background image on your page?

With nothing selected on the page click on the paintbrush icon in the inspector.

In the background section choose the image you wish as your background in the image selector.

Set tiling parameters etc. Voila.

If this isn’t what you are trying to achieve please let us know or show us an example.

David


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

I understand what you said, but it’s not a background that I want, I don’t believe. I want the desired image to appear on the left and right (not top and bottom) of each webpage. If the webpage is 500 px wide then I want the left and right to be filled in the user’s browser window with my graphic…this is a very commonly used design technique, and perhaps I’m not conveying it accurately.

If you go here: http://www.edgefieldbb.com/
you will see a webpage centered on a colored ground. That’s what I want, except instead of the colored ground, I have a ghosted image of handwritten material that I want to use.

How to do?

Thanks, again.

Peter


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

You could just apply an image background to an HTML item, but after looking at your setup, you’re using tables. You can do this in Freeway 5 with the blue button ‘on.’ The problem with that is as you add more content, probably, you’ll have to keep resizing that handwritten thing if you get picky about things. Maybe so, maybe not.

I see you used Freeway 4.4.2 Express, have you upgraded to 5? I’m not sure how to apply a background to a table (I think there’s an action, maybe Weaver,) only CSS layered DIV items (Blue Button ‘On’)

Just some ideas.


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

Thanks, Mitchell, for your attention. I’m not deliberately using tables. The Master contains HTML as well as graphic boxes. I believe I understand the principal of what I’m trying to do, but the results aren’t as expected. My Master page seems to have “holes” where the background isn’t, and through which the background I want shows through. Help!
Thanks, again.
Peter


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

Sometime around 13/4/08 (at 20:24 -0400) Written by Hand Manuscript
Americana said:

I understand what you said, but it’s not a background that I want, I
don’t believe. I want the desired image to appear on the left and
right (not top and bottom) of each webpage.

In fact, it IS a page background graphic that you want, you just
don’t know it yet. :wink:

If you go here: http://www.edgefieldbb.com/
you will see a webpage centered on a colored ground. That’s what I
want, except instead of the colored ground, I have a ghosted image
of handwritten material that I want to use.

This is done using a page background graphic that tiles to fill the page…

Make your graphic wide enough to fill the widest browser window that
someone will use, and a bit more just to be safe. Try 2000 pixels
wide. Place the ‘visual page’ part of the graphic in the middle.

Apply it to the page as a background image, either using the
Inspector palette or by drag-and-dropping from the Finder onto your
page with the Shift key held down.

Then, in the Inspector palette, set the background image to repeat
vertically but be centered horizontally.

Set your page alignment to be centered, and see how it looks in a browser.

k


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

Hello:
I do appreciate everyone’s time and patience on this. Do I send the background graphic “to the back” or “send backward”? My problem is that when I make the graphic a background, it disrupts the page and “shows through” the existing page…not what I want. I want the existing page, with its solid color background, to sit on “top” of what you are calling the background…should I be working also with the opacity to scale back the image definition?

Thanks.
Peter


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

Sometime around 14/4/08 (at 18:01 -0400) Written by Hand Manuscript
Americana said:

Hello:
I do appreciate everyone’s time and patience on this. Do I send the
background graphic “to the back” or “send backward”?

Neither. This doesn’t make a page background, this just puts the
regular graphic object behind others.

First, if you’re using Freeway 4 or earlier you must save your
graphic in a web-ready format. (Freeway 5 does this for you.)

Then drag and drop the image onto an empty part of your page WITH THE
SHIFT KEY HELD DOWN. (Sorry about the caps, but that bit is
important.)

This applies the image as a page-background graphic, a little like
preprinted stationery. It isn’t something you can select or shuffle
about, and it is also something that isn’t sliced up by other items.

Read the section titled ‘Adding a page background image’ that starts
on page 34 in the Using Freeway PDF, something you can open directly
from the Help menu in Freeway 5.

k


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

Believe it or not, after all your ministrations, I think I’ve got it…or at least part of it. I hope you can see that I am remedial, after all, and somewhat trainable. I can follow directions! If you would please go here:

http://writtenbyhand.com/Diaries%20Landing.html

you’ll note the background graphic has been successfully loaded…however, it made the nice solid green page transparent. Click on any of the type links to get to a page with that nice green solid…here’s one:

http://writtenbyhand.com/writtenbyhand-dh.html

So now my question is: how do I keep the attributes of the webpage (size, etc.) and make it not transparent, and still show the background graphic on the left and right sides of the webpage itself?

Peter


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

Sometime around 14/4/08 (at 19:17 -0400) Written by Hand Manuscript
Americana said:

http://writtenbyhand.com/Diaries%20Landing.html

you’ll note the background graphic has been successfully
loaded…however, it made the nice solid green page transparent.

Hi Peter - I’m afraid I really don’t understand what you mean or want! :slight_smile:

What does ‘made the nice solid green page transparent’ mean? Your
page background image will show on top of the assigned page
background colour.

You currently have it set to center vertically as well as
horizontally, so it moves odly if the window is resized. You also
haven’t prepared it for use as a background image - meaning, you’ve
just thrown the simple image at the page without considering what
will happen in larger browser windows.

Additionally, it is going to be very hard to read content placed on
top of that handwritten manuscript; it is just too busy.

I can give you more detailed advice on tackling this, but I really
need to know a little more about what you actually want in the end.

k


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

Hi Peter

Is this more like what you are trying to achieve?

http://www.stta.org.uk/_testpages/manuscripttest.html

David


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

Precisely. Exactly. Brilliant! Perceptive! Intuitive!

Now, please tell me
—HOW you did this?

What you demonstrate is exactly, exactly IT! Please reveal all.

With profound gratitude,
Peter


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

Sorry to not get back to you sooner on this - time difference, workload etc etc

Firstly the background graphic is your own one taken into Photoshop and faded - the way I did it was to create a new layer, fill it with white and set the opacity to 40% (experiment with this to suit yourself) then save as a jpeg relatively low quality and progressive. (It is a background image after all). I can send you this one if you like or just take it off the page above.

In Freeway - now I know you are using Express so there may be limitations here - In the inspector (with nothing on the page selected) click on the paintbrush icon and under Background choose the background image file, Horizontal: center and Vertical: tile

Draw an HTML box the size of your page on the page and select a colour for its fill. Set height to 100%

Draw other HTML and Graphic boxes on top of this and select their background to white.

And that is you - preview and see how it looks.

Now being a Pro user I am not sure if you can do all of this in Express but if you can’t I am sure you will find it worth the upgrade cost.

Good luck and let us know how you get on.

If you can’t do HTMl layers in Express you could do your layering with graphic boxes and graphic text I know you do this quite a lot on your present site.

David


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

David:
Thank you so much. I will try that this evening. Believe me, I understand about the pressures of work loads, and am grateful for your time and expertise.
Peter


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

Hello, David:

It worked. See: http://writtenbyhand.com/Diaries%20Landing.html

The HTML box needs to be “sent back” in Freeway Express 4.0; probably something much easier all together in Express 5.0

I need to work on the ghosting level (should go lighter) and scale of the background image (should be smaller) to make it less competitive with the foreground. Easy tasks compared with this part!

I’m much obliged to you.

Peter


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

Sometime around 20/4/08 (at 17:42 -0400) Written by Hand Manuscript
Americana said:

It worked. See: http://writtenbyhand.com/Diaries%20Landing.html

The HTML box needs to be “sent back” in Freeway Express 4.0;
probably something much easier all together in Express 5.0

You can of course build this green panel into the background image.
I’ve made an example here: Written by Hand - Diaries

You can grab the image here:

Doing it this way means you can concentrate on the layout without
worrying about the large box behind everything.

k


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

Well done Peter

You see if you ask the right questions here there will always be somebody willing and able to help.

I have had many questions answered here so I think it only fair that I do my bit when I can.

ATB

David


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