Technical Support Forums

Technical Support Forums » Web Album Generator

Change sourcecode to create fixed background (12 posts)


About this Topic

Tags

No tags yet.

  1. Piet
    Member
    Posted 9 years ago

    How can I change the template to use use my own background and textcolor. Now I change page by page and I think this is not usefull.
    Piet

  2. Mark
    Administrator
    Posted 9 years ago

    The "global" background colour and text colour can be changed in the first step of the Album Generation Wizard. If you would like to make further changes to the style of the pages, you will need to edit the stylesheet.

    If you would like a background image, simply add the following line to the "body" section of the stylesheet:

    background-image: url(filename.jpg)

    Where filename.jpg is the file of your choice.

    The text colour may also be changed via the stylesheet. Headings, for example, can be made a different colour from the caption text. You may want to read more information on "Cascading Stylesheets" before making any extreme changes to the default one.

    Good luck!

  3. Piet
    Member
    Posted 9 years ago

    Thanks
    Piet

  4. Joddleif
    Member
    Posted 9 years ago

    Can you tell me where in the code I have to put in the background-code?

    body {
    background-color: <PAGE_COLOR>;
    color: <TEXT_COLOR>;
    }

  5. Mark
    Administrator
    Posted 9 years ago

    Anywhere inside the curly brackets is fine. The order of the lines doesn't matter.

  6. slinky1947
    Member
    Posted 9 years ago

    I really want to change the background to an image. I must be doing something wrong. I've been trying to change the main.css file. I even deleted the background color. I'm lost. Sorry to be so thick. Would someone please show me how to put in the code.

    body {
    background-image: <http://slinky1947.triplehelix.info/tiles/ct4.jpg>;
    color: #000000;
    }



    Thanks for any response. Love the program, would just like to dress the background up a little.

  7. slinky1947
    Member
    Posted 9 years ago

    Think I missed up the sig

  8. Michiel
    Member
    Posted 9 years ago

    It's url(filename.jpg). Not <filename.jpg>. And you don't have to delete the background-color, although it's pretty useless if you have a repeating background.

  9. slinky1947
    Member
    Posted 9 years ago

    I keep trying!!!! Tried a few other programs, got so frustrated. Keep coming back to this one. It has everything I want. Just want a background image. Asking for a sample view of how to put in the code. Just started a webpage and not real experienced. Here is how I typed it but when I save main.css and upload background not there.

    body { background-image: http://slinky1947.triplehelix.info/tiles/(ct4.jpg);
    background-color: #9DB3BD;
    color: #000000;
    }

    body { background-image: (http://slinky1947.triplehelix.info/tiles/ct4.jpg);
    background-color: #9DB3BD;
    color: #000000;
    }

    body { background-image: http://slinky1947.triplehelix.info/tiles/ct4.jpg;
    background-color: #9DB3BD;
    color: #000000;
    }

    Would someone please just type it for me so that I can see it. This is the only thing I want to change.

    Thank you so much, hope I'm not becoming a pain X-D

  10. slinky1947
    Member
    Posted 9 years ago

    Just thought, does the jpg tile itself need to be in the folder with the main.css file?

  11. Michiel
    Member
    Posted 9 years ago

    It's like this:

    body {
    background-image: url(http://slinky1947.triplehelix.info/tiles/ct4.jpg);
    background-color: #9DB3BD;
    color: #000000;
    }

    or if you store the image in the same map as the stylesheet:

    body {
    background-image: url(ct4.jpg);
    background-color: #9DB3BD;
    color: #000000;
    }

    You just forgot url(...).

  12. slinky1947
    Member
    Posted 9 years ago

    Michiel,

    Thank you so very much. I am such a "happy camper" now. Got it, put it up and it looks just like I wanted it to. Now my photo pages will match the theme of my home page. I am thrilled.

    Thanks for your patience with me.

Reply

(required)