Loading...
 
Skip to main content

Features / Usability

Forum List Topic List

Forums » Features / Usability » Background image in tiki-main
 
Thread actions
Print this page
  • Print all pages

    • Background image in tiki-main

    Posted by Jørgen Birkhaug posts: 12 Norway

    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: 1088
    Posted by Bernard Sfez / Tiki Specialist posts: 8654 France

    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 posts: 154 United Kingdom

    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 posts: 12 Norway
    something went wrong with this reply

    Posted by Jørgen Birkhaug posts: 12 Norway
    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 posts: 154 United Kingdom

    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 posts: 12 Norway

    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 ....