Loading...
 
Skip to main content

Features / Usability

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • Background image in tiki-main

    Posted by Jørgen Birkhaug

    How do I include a background image in tiki-main?

    I've tried:

    Image
    Copy to clipboard
    DIV#tiki-main {
        background-image:    url(corporate_crystal/page_corner.gif);
        background-position: top right;
        background:    white;
        height:   100%;
        width:   100%;
        margin-top:   10px;
        margin-bottom:   0px;
        margin-right:   0px;
        margin-left:   0px;
}
    Reads: 1608
    Posted by Bernard Sfez / Tiki Specialist

    Here i got :

    body {
    background-image: url(../../../images/wallbck.gif);
    background-repeat: repeat;
    background-attachment: fixed;

    And


    DIV#tiki-main {
    background-image: url(../../../images/wallbck.gif);
    background-repeat: repeat;
    background-attachment: fixed;


    Don't ask me a lot more 😊
    It works


    Posted by Stephen Lee

    You're best of putting the image in the ./img/custom folder of your site
    then do as you did replacing

    Copy to clipboard
    background-image:    url(corporate_crystal/page_corner.gif);

    with

    Copy to clipboard
    background-image:    url(./img/custom/page_corner.gif);
    Posted by Jørgen Birkhaug
    something went wrong with this reply

    Posted by Jørgen Birkhaug
    hmmm - this doesn't work for me (tikiwiki-1.8.3) although I have been able to make it work by adding the style to tiki.tpl. Obviously not the right place, but it does at least display the image.

    Posted by Stephen Lee

    Sorry totally told you the wrong thing you had it right to start with put the image in your style folder but instead of putting it in tiki-main try putting it in the body
    e.g.

    Copy to clipboard
    body {
             background-image:    url(corporate_crystal/page_corner.gif);
             margin-top:   0px;
             margin-left:   0px;
             margin-bottom:   0px;
             margin-right:   0px;
}

    Posted by Jørgen Birkhaug

    Thanks! That did the trick.

    Also, I tried using moreneat.css as my staring point and with it I was able to add the background image to body, tiki-main and centercolumn with no problems (I was using neat.css earlier). Strange ....