Results 1 to 10 of 10

Hybrid View

  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

 

 

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