Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1474

    Hi there,

    Thanks for a great theme! If I want to have some graphics on the side of the main page that follow when you resize your browser like for example the iphone and ipad at kriesi.at, how do I accomplish this? If I just change the background image this wont work so I guess I have to somehow attach it to the main page? I would also like to maybe put some graphics on top of the main page like the coffee cup on kriesi.at. Is this possible? Thanks again

    Best Regards

    Johan

    #35350

    As I don’t have an iphone I’m not sure what’s special about kriesis website but he uses a common methode to implement his background images. Here’s the code:

    #bgwrap{
    width:100%;
    position:relative;
    display:table;
    z-index: 1;
    background: transparent url('images/skin1/stuff_bg_less.jpg') no-repeat top center;
    }

    #35351

    Hi there and thanks for your reply,

    Well, I wont use iphones on my website thats for sure..:-) Is the graphics on Kriesis webpage part of the background image? Im really not so sharp at coding so would you please guide me in the right direction as to where I put the code?

    Thanks alot!

    Johan

    #35352
    #35353

    Great! So where do I put or modify the code you wrote?

    Last question…:-)

    Thanks

    JOhan

    #35354

    The best way would be to use the Background manager under Appearance > Background and to upload it there. Please be aware that I can’t give you the copyright for the image as I didn’t create it. So I’m not sure if Kriesi or the copyright holder allows you the usage of the image.

    The Dude

    #35355

    Hi again,

    But I dont want to use his image, I want to create my own graphics. Should I use the code you wrote and if so, where should I put it? In style2?

    Thanks

    #35356

    If you look at http://www.psdmansion.com/test/ I did a simple test where I put a star behind the main page and when you resize you browser the star wont attach to the main page. Im sorry if I wasnt clear enough. Do you know what I want to do?

    #35357

    Ok, I got it to work with some settings. Im new a this …..:-) Thanks for all your help!

    All the best

    Johan

    #35358

    You can try to add the background image to the body via css like:

    body{
    width:100%;
    position:relative;
    display:table;
    z-index: 1;
    background: transparent url('images/skin1/stuff_bg_less.jpg') no-repeat top center;
    }

    If that doesn’t work you can try to attach it to a div like:

    #wrap_all{
    width:100%;
    position:relative;
    display:table;
    z-index: 1;
    background: transparent url('images/skin1/stuff_bg_less.jpg') no-repeat top center;
    }

    Please delete the background from the background manager first or your css code will be ignored. Add this css code to style1/2/3.css

    #35359

    Now where talking! Thanks alot! It works.

    Thanks again for a great theme!

    All the best

    #35360

    Glad that I could help.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Background image’ is closed to new replies.