Results 1 to 10 of 10
  1. #1
    Join Date
    Dec 2004
    Location
    Wakefield. UK
    Posts
    89
    Plugin Contributions
    0

    Default How to place an image in header.

    I am trying to place an image in the header on the right hand side opposite my logo but still after looking through the forums have no idea how to do it. This is the site www.toyjoyshop.co.uk it is an adult toy store. I have tried using the banner manager but it seems to put the banner everywhere but in the header. I am using the Lavender Template so i don't know if that makes a difference but i have uploaded the banner images to mysites images. Can somebody please tell me in laymans terms how i can achieve this.

    Thank you in advance

  2. #2
    Join Date
    Dec 2004
    Location
    Wakefield. UK
    Posts
    89
    Plugin Contributions
    0

    Default Re: How to place an image in header.

    Quote Originally Posted by Graphicman View Post
    I am trying to place an image in the header on the right hand side opposite my logo but still after looking through the forums have no idea how to do it. This is the site www.toyjoyshop.co.uk it is an adult toy store. I have tried using the banner manager but it seems to put the banner everywhere but in the header. I am using the Lavender Template so i don't know if that makes a difference but i have uploaded the banner images to mysites images. Can somebody please tell me in laymans terms how i can achieve this.

    Thank you in advance
    Sorry to be a pain, would it be possiable for some to take a look at this for me.
    I,ve left all the banners on the site but i only want it in the header. I've trailed these forums all day but cannot find an answer that i can understand.

    Thank you

  3. #3
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: How to place an image in header.

    You could create an image for your background save it as header_bg.??? and save it in includes/templates/YOUR_TEMPLATE/images.

    modify the following declaration in your stylesheet.css

    #logoWrapper{background:url(../images/header_bg.???) repeat-x;height:90px;width:100%;}

    change as necessary to fit your design

  4. #4
    Join Date
    Dec 2004
    Location
    Wakefield. UK
    Posts
    89
    Plugin Contributions
    0

    Default Re: How to place an image in header.

    thankyou for replying your a life saver. I've uploaded the image as you said but this is what i've got in my css.

    #logoWrapper{
    background-color: #e5d9e5;
    height:120px;
    }

    How do i insert the info you gave me without spoiling anything?
    Also will this position it to the right of the page.

    Thank you again

  5. #5
    Join Date
    Dec 2004
    Location
    Wakefield. UK
    Posts
    89
    Plugin Contributions
    0

    Default Re: How to place an image in header.

    i'm sorry i think i must have come across wrong, what i want to do is place an image to the right, on top of the header that is already there and keep not replace the header all together.

  6. #6
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: How to place an image in header.

    Quote Originally Posted by Graphicman View Post
    i'm sorry i think i must have come across wrong, what i want to do is place an image to the right, on top of the header that is already there and keep not replace the header all together.
    You could always create a new declaration

    #logo2 {
    background: url(../images/YOUR_IMAGE.???);
    float: right;
    }

    Now in your tpl_header.php

    find this code:

    PHP Code:
    <div id="logoWrapper">
        <div id="logo"><?php echo '<a href="' HTTP_SERVER DIR_WS_CATALOG '">' zen_image($template->get_template_dir(HEADER_LOGO_IMAGEDIR_WS_TEMPLATE$current_page_base,'images'). '/' HEADER_LOGO_IMAGEHEADER_ALT_TEXT) . '</a>'?></div>
    just below this add

    <div id="logo2">&nbsp;</div>

    save the file and upload to your server

  7. #7
    Join Date
    Dec 2004
    Location
    Wakefield. UK
    Posts
    89
    Plugin Contributions
    0

    Default Re: How to place an image in header.

    Thank you so much. I thought you had logged off and i created a new thread which i will now close.

    Thank you again for your time.

    PS. It's a nice site you have i've just been browsing

  8. #8
    Join Date
    Dec 2004
    Location
    Wakefield. UK
    Posts
    89
    Plugin Contributions
    0

    Default Re: How to place an image in header.

    Clyde, i think i have followed your instructions to the letter but this does not seem to be working

    Mark

  9. #9
    Join Date
    Feb 2007
    Location
    Los Angeles
    Posts
    359
    Plugin Contributions
    0

    Default Re: How to place an image in header.

    Hi

    i have askd in some other places for for a while and still not got any answer , mayby here some one can help

    i made a logo size 1200 x 110 ( or in this case itis the original of zen logo) and whan i shrink the size of my wen the boxes on the right comming off the page, i have play with the size any where from 750 and this is the best i could get.

    any idea what i am doing wrong?

    please some one answer

    Ty

  10. #10

    Default Re: How to place an image in header.

    I tried this too. It did not work for me either. if anyone knows how to do this, please explain.

 

 

Similar Threads

  1. Place image in header sales text?
    By bci7 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 25 Feb 2010, 05:53 PM
  2. Use header image in place header_text
    By Ragenther in forum General Questions
    Replies: 0
    Last Post: 15 Dec 2008, 09:38 PM
  3. How do I place a background image?
    By MamaT in forum Templates, Stylesheets, Page Layout
    Replies: 17
    Last Post: 13 Nov 2008, 09:24 PM
  4. How to place 2 images in header?
    By Grimmy2007 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Dec 2007, 02:40 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg