Faint/'thin' image for 'background' to a define_mainpage.php

[Guest]

HI there...

Please...

I have a gif image

In fact, it is an animated gif image...[a waving flag]

How do I make/convert it & >>>HOW&WHERE to install it<<< to be a faint/thin background to the text and graphics in define_mainpage.php (using that nice FCKeditor based mod), please?

Many thanks for your help on a probably horribly boring stupid question.

:rolleyes:

[kgt]

You will need an imaging program for this. One of the following will work:

 

Adobe Photoshop

Corel Paint Shop Pro

The GIMP

 

Photoshop is most expensive (several hundred dollars), PSP is second (about $100), and the Gimp is free. I don't know for sure if the GIMP will handle animated GIFs, but since it's free, there's no harm in trying.

 

You will need to adjust the brightness and contrast and make the image larger if needed.

[Guest]

Yes, thank you...the halftone I can make...placing it in osC is the hard part, for me. Thanks!

Two linked problems in there...

1) Where do I put it in the shop directories/files when it is ready?

i.e., where is the 'call' for the white background and if I have a file (not a color number) called (for example) flag.gif ['renamable,' obviously] what should I rename it/where to put it/how to 'call' it to display, please. Somewhere(I don't know) there is a 'call' for a white background. In short, once I got it, how do I put in this waving gif?

2) It is very small (a few cm) in the beginning. I want to make it stretch proportionally, so it still looks OK and flag like, but airy/wispy/faint. My thinking is that if I put in the little file in halftone, and tell it to be BigX x BigY, it will do so, although badly degraded(spotty, with white holes), which is OK, as it is not meant to be a pretty photo...just a hint. Problem is that flags are typically horizontal, and the middle section of the shop is vertical... If it only displayed at the top and filled the screen, left to right, that would be OK. Then the bottom could be white, for example. Maybe better>>Or alternatively, the flag halftone could repeat, from top down, as space permitted. How to do the latter might be simpler than ensuring white at the bottom. Sorry for my newbie remarks, just trying to do it... (somebody here had a callling card site in Texas with a halftone flag, I remember, but I do not remember where...)

Many thanks for your patience...with such things

Cheers

[kgt]

1. Put the file in images/. Edit stylesheet.css, the body tag:

 

background-image: url( 'images/flag.gif' );

 

You have to turn off waving by making the gif into a non-animated gif.

 

2. You can specify positioning of the background and whether or not to repeat it in the css file. I guess it depends on your image what would look best.

[Guest]

HI...thanks... You are good!

(Sorry I missed your reply, somehow.)

1. OK, you wrote that I have to "turn off" the waving...but I want it to wave, please. Is there a workaround, please? Even if it is a lot of hassle for me, I want to try, please? (I've seen it, but I cannot remember where) People tell me that they will love it!

2. Specify position..I want it to fill the whole of define_mainpage.php or at least the topmost part, in the proper shape. Best would be for the flag to repeat vertically, filling the frame, left to right as in...

flag

flag

flag

...till the bottom of the page.

How to I do that please?

There must be a way...!

Many many thanks!

Have a great day! :rolleyes:

[kgt]

1. Then leave the waving on!

 

2. Read up on css background properties. You need to specify the background-repeat property.

[Guest]

HI there,

Thanks...

1) I thought the waving was technically not possible. Thanks for the clarification! My image is just a hint, it is so thin...so not so distracting.

2) As each category is in another language, and hence the gif graphic (flag) needs to be different, I wondered if the single css file for the whole shop will be hard to do with variations for each language?

Apparently in a test, loading in a sample filled top to bottom of the middle, including above the text area and all surroundings. Too much coverage, although logical for a css file that defines the whole color layout...bars, etc.

~

Hence my #3) Alternative idea: Take the define_mainpage.php for each language (thankfully separate!) and apply a background thin image 'only' there. This keeps the language related image in bounds, perfectly, and on the right page every time, I found.

 

However, I'm still having trouble getting a satisfactory result. My faint image always seems in front or other dumb issues.

 

...Any tips you can think of please to shove it in back of text and pix and credit card icons, without wraparound?

How to effectively apply it behind the existing texts and behind the existing graphics???

 

Many thanks for your patience...

[♥Vger]

Read up on css background properties. You need to specify the background-repeat property.

 

Vger