Background stationary moving text (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

Zycon -> Background stationary moving text (1/18/2004 19:55:22)

How can I have the text to move over a stationary background when scrolling down the page?



skip -> RE: Background stationary moving text (1/18/2004 21:35:15)

you can use css to get this done

http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment



Zycon -> RE: Background stationary moving text (1/27/2004 7:52:33)

Skip

Thank you for your help. Can this also be accomplished using FrontPage 2000 and if so do you have the procedure or is there a tutorial available that I can use to follow.



Swirl -> RE: Background stationary moving text (1/27/2004 8:35:14)

Go to page properties/background tab and select watermark.

Swirl



Zycon -> RE: Background stationary moving text (1/28/2004 6:52:13)

Swirl

Thank you for your help. That was what I was trying to accomplish.



Zycon -> RE: Background stationary moving text (1/28/2004 10:34:54)

Swirl

I can get it to work until I add a theme then it will not hold the watermark with background as per your instructions. Can this feature be used with a theme?



Swirl -> RE: Background stationary moving text (1/28/2004 20:11:16)

That option isn't available when you use a theme.

Sorry
Swirl



BeTheBall -> RE: Background stationary moving text (1/28/2004 21:46:22)

Jim, going back to Skip's post, I believe the CSS will override the theme and allow you to display the image how you wish. For example, if your background picture is titled, MyPicture.jpg and is in your images folder, place code like this in the <Head> of your page:

<style type="text/css">
body
{
background-image: url("images/MyPicture.jpg");
background-repeat: no-repeat;
background-attachment: fixed
}
</style>



Zycon -> RE: Background stationary moving text (1/29/2004 9:46:10)

Thank you Duane for your response.

Did what you suggested with minor change so that the 'Clouds' would appear completely as a background on the page. The effect as shown here http://members.rogers.com/zyconinc/Piper2.htm is what I am trying to accomplish but to have the clouds remain stationary.

I made the change on the 'Home' page here http://members.rogers.com/zyconinc/ and it displays as I would like in FrontPage that is the text and picture scrolls over the stationary clouds but when I 'Publish' the background (clouds) do not appear.

Any suggestion or comment you can make will be appreciated.



BeTheBall -> RE: Background stationary moving text (1/29/2004 13:15:12)

My bad. I should have published. Here is a better approach. Open your local copy of your web. Then open the _themes folder. In that folder should be a folder with the same name as your theme. Within that folder should be a .css file with a name comprised of part of your theme name and probably 1111. Open that file with NotePad. Towards the end, you will see the attribute for your background. It will begin like this:

body { background-image: url('YourBackGroundImage.gif'); font-family: Arial, Helvetica }

Put a copy of your image in the same folder as the .css file and, assuming your image is clouds.jpg, then change the above code to:

body { background-image: url('clouds.jpg'); background-repeat: no-repeat;
background-attachment: fixed
font-family: Arial, Helvetica }

Note, your fonts following the font-family tag may be different so change the ones I have posted here to those you are currently using. The above fix did not work in Preview mode, but worked on the published site.

Good luck!



Zycon -> RE: Background stationary moving text (1/31/2004 7:06:17)

Duane,

Proceeded as you suggested with only one change - instead of
background-repeat: no-repeat;
background-attachment: fixed I removed the no- so that the background would cover the complete page

Published but still not working on the web but works on my local copy.

Any other suggestions?



BeTheBall -> RE: Background stationary moving text (1/31/2004 11:47:09)

Jim, looks like you haven't applied the theme to all pages. Open a page that isn't displaying the clouds. Then choose Format-Theme. Select your theme from the list and then mark the "All Pages" radio button and click OK. Then, republish. I think that will do it.



Zycon -> RE: Background stationary moving text (1/31/2004 16:10:47)

Duane,

I am trying to get the 'clouds' background on only two pages "Home" and "Piper Arrow ll". If I put it on all the pages then the text will be too difficult to read.

I have the "Blank Theme" for all the other pages so that the Nav buttons and other set up at the top will look as it does.

I guess what I am asking can two themes be used on the same site?



BeTheBall -> RE: Background stationary moving text (1/31/2004 19:12:28)

quote:

I guess what I am asking can two themes be used on the same site?


Sure. When I visited the site your home page and the Piper Arrow II pages did have the cloud background.



Zycon -> RE: Background stationary moving text (2/2/2004 18:17:33)

I would like to thank all of those who provided input in solving my problem.

I was finally able to accomplish my desire of having some of the pages on my site a different background which would remain stationary with the text scrolling over the background when moving down the page. It was also able to be done using a theme, actually two different themes.

This was done by using the 'Style' as suggested by 'Skip' above and explained in detail by 'Betheball' (we Beginner's appreciate being held by the guiding hand of the more experienced). I did make a change in that script as indicated in my earlier post so that the 'Clouds' would cover the full background. It was necessary to add that script to each page that I wanted the text to scroll.

I did not apply 'All Pages' as I only wanted the 'Clouds' to appear on a few select pages.

I didn't use the suggestion .......... Put a copy of your image in the same folder as the .css file.......... see above because when I did and used the check mark in the 'Apply using CSS' in the 'Themes' window under 'Page Properties' it would revert back to its original form.

A problem I did run into and this is why the long dissertation is that when I tried to publish, the transfer would not maintain a key element in the code but would eliminate the 1 from the 1011 from the <meta name="Microsoft Theme" content="my-theme-aviation 1011">. (see near the top of the home page in HTML) This was finally solved by opening the web on line and adding the '1' in the HTML view.

Are there any patches to FP2000 that makes this program less buggy and would anyone recommend up grading to another version or does all FP have there own unique problem?



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.09375