PassMark Logo
Home » Forum

Search template background image

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • bobo5290461
    Junior Member
    • Jul 2012
    • 4

    #1

    Search template background image

    I would like an image on the whole of my search form.

    I used something like : background-image : url('../../../images/background.jpg');
    But i don't know where to put it and if it's the correct code.

    Tx anyone.
  • David
    Administrator
    • Dec 2004
    • 4714

    #2
    You can edit the search_template.html file (and the CSS in this file) to select a background colour or background image. You can treat this like a normal HTML file.

    For example,
    body {background-color:#b0c4de;}
    or
    body {background-image:url('paper.gif');}

    This FAQ should also help in working out what CSS fields to edit,
    Q. How do I customize the appearance of my search results with CSS?

    Comment

    • bobo5290461
      Junior Member
      • Jul 2012
      • 4

      #3
      I have no idea where to put this .
      I have

      <body onload="if (document.getElementById('zoom_searchbox')) {document.getElementById('zoom_searchbox').focus() ;}">

      where do i put {background-color :#b0c4de;}

      tx

      Comment

      • David
        Administrator
        • Dec 2004
        • 4714

        #4
        It is a CSS style.

        So in the file we provide you can find this,

        <style type="text/css">
        .highlight { background: #FFFF40; }
        .searchheading { font-size: 130%; font-weight: bold; }

        add the body line in the CSS style block. So it will be like this,

        <style type="text/css">
        body {background-color:#b0c4de;}

        .highlight { background: #FFFF40; }
        .searchheading { font-size: 130%; font-weight: bold; }



        If you are creating a web site, then I would strongly recommend getting a basic book on HTML and web design. There are dozens of good HTML books on the market. It will save you a lot of time in the long run.

        Comment

        • bobo5290461
          Junior Member
          • Jul 2012
          • 4

          #5
          And it works!!!! Tx
          Splendid system and excellent support. Keep up the good work.

          Comment

          Working...