Skip navigation
lee tookey
Currently Being Moderated

My Site Search

Jan 3, 2013 11:49 AM

Hi Guys, I'm a complete n00bie to DW CS4 and need help please.

 

I have built a website with DW CS4 Not from scratch but from a template, so my problem is that I want a search my site funtion, now with the template it has the search bar already done but no code except the below code, and a assume that does nothing!.

 

[code]

Code.jpg

[code] end

 

So without using Google and many more search my site options, I'd like to use javascript or html if that's possible.

 

If PHP is the way then I'm limited in PHP and it my beyond me to do so.

 

Thank you in advance.

 

Lee

 
Replies
  • Currently Being Moderated
    Jan 3, 2013 12:05 PM   in reply to lee tookey

    In order for a search form field to "do anything," your site content must be indexed and stored in some kind of searchable database.  If you're not building a dynamic site with server-side programming & databases, you'll need to use a 3rd party service or software product.  HTML alone can't do this.

     

    Freefind

    http://www.freefind.com/

     

    Zoom from Wrensoft (software)

    http://www.wrensoft.com/zoom/

     

    Google Site Search

    http://www.google.com/enterprise/search/products_gss.html

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 3, 2013 2:56 PM   in reply to lee tookey

    Great minds think alike    I use Freefind on my site, too. 

     

    You'll notice my search form is not generic but one I customized with CSS.   I also created a template for my  search results page.  Come to think of it, I need to update that template... http://alt-web.com/

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 4, 2013 8:42 AM   in reply to lee tookey

    Can you upload your page to your web space and post the URL?

     

    Answers to layout questions are contained in your code.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 4, 2013 10:40 AM   in reply to lee tookey

    Copy & paste this code into a new, blank HTML page. 

    Code tested & works in FF, Chrome and IE.

     

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Custom Search Form</title>
    
    <style type="text/css">
    /* SEARCH FORM */
    #search-form {padding-top:39px;}
    
    #search-form span {
    width:338px;
    min-height:52px;
    display:block;
    float:left;
    background:url(http://www.2kpixels.co.uk/images/input-bg.gif) no-repeat left top;
    }
    
    #searchField, input {
    background:none;
    border:0;
    color:#000;
    margin-left:20px;
    line-height:1em;
    vertical-align:top;
    width:185px;
    padding:18px 0 10px 0;
    }
    
    #search-button {
    margin:0;
    padding:0;
    background:url(http://www.2kpixels.co.uk/images/button.gif) no-repeat;
    width:109px;
    min-height:52px;
    float:right;
    vertical-align:top;
    }
    </style>
    </head>
    
    <body>
    
    <!-- start of freefind search box html -->
    <form id="search-form" action="http://search.freefind.com/find.html" method="get" 
    accept-charset="utf-8" target="_self"> 
    <fieldset>
    <span>
    <input type="hidden" name="si" value="30525036" />
    <input type="hidden" name="pid" value="r" />
    <input type="hidden" name="_charset_" value="" />
    <input type="hidden" name="bcd" value="&#247;" />
    <input type="text" name="query" id="searchField" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter keyword here':this.value;" value="Enter keyword here" size="18" />
    <input type="submit" id="search-button" value="" />
    </span>
    </fieldset>
    </form>
    <!-- end of freefind search box html -->
    
    </body>
    </html>

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 4, 2013 11:31 AM   in reply to lee tookey

    Switch to code view, replace the search form code you have now with the new code snippets I gave you.  Same goes for the Search form CSS code.

     

    Good luck with your project!

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 4, 2013 11:40 AM   in reply to lee tookey

    You're welcome.  Glad to be of help.

     

    N

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 5, 2013 8:47 AM   in reply to lee tookey

    Validate your code and fix reported errors.

     

    CSS - http://jigsaw.w3.org/css-validator/

    HTML - http://validator.w3.org/

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 5, 2013 11:06 AM   in reply to lee tookey

    In order to do web sites, you must understand the basic structure.  And then you should be able to fix your code errors.

     

    A very basic HTML document should resemble this with pairs of tags in this order:

     

    <!DOCTYPE HTML>

    <html>

         <head>

             <title>Document title</title>

              <meta tags />

              <scripts></scripts>

              <styles></styles>

         </head>

         <body>

              <div>visible content</div>

              <div>visible content</div>

         </body>

    </html>

     

    Suggested tutorials:

    http://www.w3schools.com/html/html_intro.asp

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 6, 2013 9:25 AM   in reply to lee tookey

    What is the URL to your current test page?

     

    There are 3 types of Cascading style sheets:

    • Embedded: within <style> tags inside the <head> tags of your HTML document.  This is mostly used for page specific styles.

     

    • Inline: Inside the <body> tags of your code.  Rarely used except for HTML emails or when you need to override a rule in the embedded or external style sheets.

     

    Introduction to CSS:

    http://www.w3schools.com/css/css_intro.asp

     

    Validate CSS code:

    http://jigsaw.w3.org/css-validator/

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 6, 2013 2:08 PM   in reply to lee tookey

    There are so many coding errors and other violations in your page that it simply isn't workable in its present state.  I took the liberty of re-writing the code and cleaning up the most egregious errors for you.  However I strongly urge you to get up to speed with CSS, HTML & JavaScript right away.  Especially if you plan to sell "web design services" as part of your business plan.

     

    You can replace the CSS code in your external CSS file with the CSS code embedded here but do not include any HTML tags in your CSS file.  That was a major problem with your other page.

     

    Note also that I changed images to absolute URLs so I could see them.  You can change them back to site relative links if you prefer.

     

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Pixels Home</title>
    <link href="../favicon.ico" rel="icon" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="Website Design and PC Repair &amp; Data Recovery" />
    <meta name="keywords" content="data, recovery, pc repair, fix your pc" />
    <meta name="author" content="Templates.com - website templates provider" />
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/Myriad_Pro_300.font.js" type="text/javascript"></script>
    <style type="text/css">
    /**embedded CSS code**/
    * {
    margin: 0;
    padding: 0
    }
    
    html { min-width: 920px }
    
    body {
    background: #2f373a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1em;
    color: #4e4e4e;
    min-width: 920px;
    border-top: 10px solid #0c0e0e
    }
    
    object {
    vertical-align: top;
    outline: none
    }
    
    input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    font-weight: normal
    }
    
    fieldset { border: 0 }
    
    p {
    margin: 0;
    padding: 0
    }
    
    h2, h3, h4 { margin-top: 55px }
    
    h4 { line-height: 35px }
    
    img {
    vertical-align: top;
    text-align: left;
    border-top-width: 0px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    }
    
    ul, ol { list-style: none }
    
    /* GLOBAL */
    
    
    #header, #content, #footer {
    font-size: 0.875em;
    width: 920px;
    margin: 0 auto
    }
    
    .col-1, .col-2, .col-3 { float: left }
    
    /* ALIGMENT */
    
    
    .fleft { float: left }
    
    .fright {
    float: right;
    text-align: center;
    }
    
    .clear { clear: both }
    
    .alignright { text-align: right }
    
    .aligncenter { text-align: center }
    
    .wrapper {
    width: 100%;
    overflow: auto
    }
    
    .container {
    width: 100%;
    background: #FFF;
    }
    
    /* TAILING */
    
    
    .tail-top { background: url(http://www.2kpixels.co.uk/images/tail-top.gif) left top repeat-x #fff }
    
    .body-bg { background: url(http://www.2kpixels.co.uk/images/body-bg.jpg) no-repeat center top }
    
    .tail-bottom { background: url(http://www.2kpixels.co.uk/images/tail-bottom.gif) left bottom repeat-x }
    
    /* FORMS */
    
    /* SEARCH FORM */
    
    
    #search-form { padding-top: 39px; }
    
    #search-form span {
    width: 338px;
    min-height: 52px;
    display: block;
    float: left;
    background: url(http://www.2kpixels.co.uk/images/input-bg.gif) no-repeat left top;
    }
    
    #searchField, input {
    background: none;
    border: 0;
    color: #FFF;
    margin-left: 20px;
    line-height: 1em;
    vertical-align: top;
    width: 200px;
    padding: 18px 0 10px 0;
    }
    
    #search-button {
    margin: 0;
    padding: 0;
    background: url(http://www.2kpixels.co.uk/images/button.gif) no-repeat;
    width: 109px;
    min-height: 52px;
    float: right;
    vertical-align: top;
    }
    
    /* LISTS */
     .list { margin-bottom: -11px }
    
    .list li {
    padding: 0 0 11px 98px;
    min-height: 74px;
    height: auto!important;
    height: 74px;
    background: url(http://www.2kpixels.co.uk/images/icon.png) no-repeat left top;
    line-height: 1.43em;
    position: relative;
    text-align: left;
    }
    
    .list li strong {
    display: block;
    font-size: .86em;
    padding-bottom: 5px
    }
    
    .list li a {
    color: #4e4e4e;
    text-decoration: none
    }
    
    .list li a:hover { text-decoration: underline }
    
    .list1 { margin-bottom: -20px }
    
    .list1 li {
    padding: 0 0 20px 0;
    line-height: 1.43em;
    width: 100%;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
    }
    
    .list1 li img {
    float: left;
    margin: 5px 21px 0 0
    }
    
    .list1 li strong {
    display: block;
    font-size: .86em;
    padding-bottom: 0px
    }
    
    .list1 li a {
    color: #4e4e4e;
    text-decoration: none
    }
    
    .list1 li a:hover { text-decoration: underline }
    
    .list2 { padding-bottom: 15px }
    
    .list2 li {
    padding: 0 0 4px 12px;
    background: url(http://www.2kpixels.co.uk/images/arrow.gif) no-repeat left 5px
    }
    
    .list2 li ul {
    padding-top: 4px;
    margin-bottom: -4px
    }
    
    /* OTHER */
     p {
    margin-bottom: 20px;
    line-height: 1.43em;
    text-align: left;
    }
    
    .p0 { margin-bottom: 0 }
    
    /* TXT, LINKS, LINES, TITLES */  
    a {
    color: #20b7c9;
    outline: none
    }
    
    a:hover { text-decoration: none }
    
    h3 {
    font-size: 40px;
    line-height: 1.2em;
    font-weight: normal;
    color: #008DAB;
    letter-spacing: -2px;
    margin-bottom: 12px;
    text-align: center;
    }
    
    h4 {
    font-size: 30px;
    color: #000;
    letter-spacing: -2px;
    margin-bottom: 16px
    }
    
    /* HEADER */ 
    #header {
    height: 478px;
    background: url(http://www.2kpixels.co.uk/images/header-bg.jpg) no-repeat left bottom;
    position: relative;
    z-index: 2
    }
    
    #header .extra {
    position: absolute;
    right: -24px;
    top: 113px;
    visibility: visible;
    }
    
    #header .row-1 {
    height: 117px;
    width: 100%;
    overflow: hidden;
    color: #FFF;
    text-align: center;
    }
    
    #header .row-1 .fleft { padding: 24px 0 0 26px }
    
    #header .row-1 .fright { padding: 27px 15px 0 0 }
    
    #header .row-2 { height: 68px }
    
    #header .row-2 ul {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2
    }
    
    #header .row-2 ul li {
    float: left;
    text-transform: uppercase;
    margin-right: 4px
    }
    
    #header .row-2 ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 28px 0 24px 0;
    background-repeat: no-repeat;
    background-position: 0 0
    }
    
    /* button1 */
      #header .row-2 ul li.m1 a {
    width: 89px;
    background: url(http://www.2kpixels.co.uk/images/m1.png)
    }
    
    #header .row-2 ul li.m1 a:hover, #header .row-2 ul li.m1 a.active { background: url(http://www.2kpixels.co.uk/images/m1-act.png) }
    
    /* button2 */
     #header .row-2 ul li.m2 a {
    width: 95px;
    background: url(http://www.2kpixels.co.uk/images/m2.png)
    }
    
    #header .row-2 ul li.m2 a:hover, #header .row-2 ul li.m2 a.active { background: url(http://www.2kpixels.co.uk/images/m2-act.png) }
    
    /* button3 */
     #header .row-2 ul li.m3 a {
    width: 117px;
    background: url(http://www.2kpixels.co.uk/images/m3.png)
    }
    
    #header .row-2 ul li.m3 a:hover, #header .row-2 ul li.m3 a.active { background: url(http://www.2kpixels.co.uk/images/m3-act.png) }
    
    /* button4 */
     #header .row-2 ul li.m4 a {
    width: 114px;
    background: url(http://www.2kpixels.co.uk/images/m4.png)
    }
    
    #header .row-2 ul li.m4 a:hover, #header .row-2 ul li.m4 a.active { background: url(http://www.2kpixels.co.uk/images/m4-act.png) }
    
    /* button5 */
    #header .row-2 ul li.m5 a {
    width: 123px;
    background: url(http://www.2kpixels.co.uk/images/m5.png)
    }
    
    #header .row-2 ul li.m5 a:hover, #header .row-2 ul li.m5 a.active { background: url(http://www.2kpixels.co.uk/images/m5-act.png) }
    
    /* button6 */
    #header .row-2 ul li.m6 a {
    width: 105px;
    background: url(http://www.2kpixels.co.uk/images/m6.png)
    }
    
    #header .row-2 ul li.m6 a:hover, #header .row-2 ul li.m6 a.active { background: url(http://www.2kpixels.co.uk/images/m6-act.png) }
    
    #header .row-3 { padding: 62px 0 0 77px }
    
    /* CONTENT */
    #content { background: url(http://www.2kpixels.co.uk/images/cont-tail.png) repeat-y left top; }
    
    #content .tail-right { background: url(http://www.2kpixels.co.uk/images/cont-tail-right.gif) repeat-y right top }
    
    #content .col-1 { width: 630px }
    
    #content .col-2 {
    width: 290px;
    padding: 0;
    margin-top: 12px;
    }
    
    #content .col-2 ul { padding: 45px 43px 0 41px }
    
    #content .col-2 ul li {
    line-height: 1.43em;
    padding-bottom: 18px
    }
    
    #content .col-2 ul li strong {
    display: block;
    font-size: .86em;
    padding-bottom: 0px
    }
    
    #content .col-2 ul li a { text-decoration: none }
    
    #content .col-2 ul li a:hover { color: #000 }
    
    .inner_copy, .inner_copy a {
    border: 0;
    float: right;
    background: #f00;
    color: #f00;
    width: 35%;
    line-height: 10px;
    font-size: 10px;
    margin: -220% 0 0 0;
    overflow: hidden;
    padding: 0
    }
    
    #content .indent { padding: 33px 33px 50px 37px; }
    
    #content .indent1 {
    padding-bottom: 33px;
    text-align: left;
    }
    
    /* FOOTER */
    #footer {
    height: 110px;
    color: #fff
    }
    
    #footer .indent { padding: 47px 34px 0 37px }
    
    #footer a {
    color: #fff;
    text-decoration: none
    }
    
    #footer a:hover { text-decoration: underline }
    
    #footer img {
    position: relative;
    top: -4px
    }
    
    #content .inner_copy {
    border: 0;
    color: #f00;
    float: left;
    width: 50%!important;
    margin: -202px 0 0 0;
    line-height: 0;
    padding: 0;
    font-size: 12px
    }
    
    .q {
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    
    .Q { font-weight: bold; }
    
    #page1 .tail-top .tail-bottom .body-bg #header .row-1 .Q { text-align: left; }
    
    #page1 .tail-top .tail-bottom .body-bg #header .row-1 .Q { text-align: justify; }
    
    .tail-top .tail-bottom .body-bg #content .tail-right .wrapper .col-1 .indent h6 { text-align: center; }
    
    .tail-top .tail-bottom .body-bg #content .tail-right .wrapper .col-1 .indent iframe { text-align: right; }
    
    #page2 .tail-top .tail-bottom .body-bg #content .tail-right .wrapper .col-1 .indent .indent1 p u { text-align: center; }
    
    #page2 .tail-top .tail-bottom .body-bg #content .tail-right .wrapper .col-1 .indent .indent1 p u { text-align: center; }
    
    /**newsfeed**/
    #newsblock11791302 {
    width: 270px;
    height:2500px;
    overflow-y: scroll;
    word-wrap: break-word;
    padding: 5px;
    background-color: #f5f5f5;
    }
    
    /**newsfeed titles**/
    .bc_title { line-height: 25px }
    
    /**end embedded CSS**/
    </style>
    
    <!--[if lt IE 7]>
    <script type="text/javascript" src="js/ie_png.js"></script>
    <script type="text/javascript">
    ie_png.fix('.png, #header .row-2 ul li a, #content, .list li');
    </script>
    <![endif]-->
    <script type="text/javascript">
    <!--
    function MM_popupMsg(msg) { //v1.0
    alert(msg);
    }
    //-->
    </script>
    </head>
    <body id="page1">
    <div class="tail-top">
    <div class="tail-bottom"> 
    
    <!-- HEADER -->
    <div class="body-bg">
    <div id="header">
    <div class="extra"> <img src="http://www.2kpixels.co.uk/images/header-img.jpg" alt="header image" /> 
    <!--end extra--></div>
    <div class="row-1">
    <div class="fleft"> 
    <!--end float left--></div>
    <div class="fright"> 
    <!--end float right--></div>
    <!--end row-1--></div>
    <div class="row-2"> 
    <!--menu-->
    <ul>
    <li class="m1"><a href="home.html" class="active">Home</a></li>
    <li class="m2"><a href="#">About</a></li>
    <li class="m3"><a href="#">Services</a></li>
    <li class="m4"><a href="#">Support</a></li>
    <li class="m5"><a href="#">Contact Us</a></li>
    <li class="m6"><a href="#">Pricing</a></li>
    <!--end menu-->
    </ul>
    <!--end row-2--></div>
    <div class="row-3"> <img src="http://www.2kpixels.co.uk/images/slogan.gif" alt="" /> 
    <!--end row-3-->
    <div> 
    
    <!--start freefind search box-->
    <form id="search-form" action="http://search.freefind.com/find.html" method="get" 
    accept-charset="utf-8" target="_self">
    <fieldset>
    <span>
    <input type="hidden" name="si" value="30525036" />
    <input type="hidden" name="pid" value="r" />
    <input type="hidden" name="_charset_" value="" />
    <input type="hidden" name="bcd" value="&#247;" />
    <input type="text" name="query" id="searchField" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter keyword here':this.value;" value="Enter keyword here" size="18" />
    <input type="submit" id="search-button" value="" />
    </span>
    </fieldset>
    </form>
    <!--end of freefind search box--> 
    
    <!--end tail-bottom--></div>
    <!--end tail-top--></div>
    <!--end header--> </div>
    <!--end body-BG--></div>
    
    <!--start content-->
    <div id="content">
    <div class="inner_copy"> <a href="#">More</a> 
    <!--end inner_copy--></div>
    <div class="tail-right">
    <div class="wrapper">
    <div class="col-1">
    <div class="indent">
    <div class="indent1">
    <h3>Welcome to 2kpixels Re-Launch</h3>
    <p>We are proud to be Re-launching our NEW web site for 2013/14, and as you can see we have made some very major changes that we think have improved our look and feel of our site, this will give you a more pleasant experience looking for the information that you need to get the right service from 2kpixels. Serving commercial, residential in the whole of Leicestershire.</p> 
    
    <!--counting down to re-launch-->
    <h4 class="aligncenter">------Counting Down to Re-Launch------</h4>
    <embed src="http://flash-clocks.com/documents/countdown-clock.swf?targetName=2kpixels Re-Launch 2013&amp;dateString=2013.1.10|18:0:00&amp;targetMessage=2kpixels is now LIVE!&amp;textColor=008cbd&amp;backAlpha=0&amp;backColor=e2ddcd" width="550px" height="130px" wmode="direct" type="application/x-shockwave-flash"></embed>
    <hr />
    <h3 class="aligncenter">What's NEW! in our improved site:</h3>
    <p>What To Expect From 2kpixels Website, Enjoy Online Live Chat, Daily Tech News Updates, Complete Re-Design of our Web site, Clear Pricing, Extended Support Times,
    Telephone Support, Free Email Support, Tutorial Downloads, Helpful How-to Video's, Live Desktop To Iphone Support, Discount Offers, and much more to come in the future, either way 2kpixels has you covered.</p> <p>If you are looking for perfect PC repair and web design services in Leicester for your home or business, you will find them here!.</p> <p>Bringing a new fresh approach to PC repair and web design services, here at 2kpixels we are always changing with the fast pace of technology. So if your bang up to date with all the latest technology or a complete tech noobie, were here to help you.</p>
    <hr />
    <p>Like what you've seen so far? Then join us on launch day to view all of our new site.</p> <p>So don't leave it to so called DIY sites that railroad you into making a limited website with there limited images and website layouts and don't give you what you want etc, 2kpixels creats what's on your mind all the time everytime.</p> 
    
    <!--facebook-->
    <h4 class="aligncenter">----Great News! Were Now On Facebook!----</h4>
    <p class="aligncenter"> <img src="http://www.2kpixels.co.uk/images/like_us_facebookA copy.gif" alt="Like US On FaceBook" width="300" height="100" usemap="#Map2" /> <map name="Map2" id="Map2">
    <area shape="rect" coords="-1,0,300,100" href="https://www.facebook.com/2kpixels" target="_blank" alt="" />
    </map> </p> <p>When published why not grab yourself a discount code for a massive 5% off just for liking us on our fan page!, Just a click away folks.</p> 
    
    <!--google ads--> 
    <p class="aligncenter"> 
    <script type="text/javascript"><!--
    google_ad_client = "ca-pub-2859579126359205";
    /* 2kpixels ads */
    google_ad_slot = "2342913462";
    google_ad_width = 300;
    google_ad_height = 250;
    //-->
    </script> 
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script> 
    
    <h3 class="aligncenter">This Month's Feature</h3>
    <p>You may already know that a vast majority of websites you visit now ask you to enable &quot;Cookies&quot; for there website.  Here at 2kpixels.co.uk we eat alot of cookies, click the &quot;Cookie&quot; image to see our cookie policy. <img src="http://www.2kpixels.co.uk/images/Brown Cookie-64x64.png" alt="Cookie" width="18" height="18" align="middle" onclick="MM_popupMsg('2KPIXELS Loves Cookies So Much That We Eat 99% Of All Our Cookies, We Only Use 1% To Welcome You On Your First And Last Visits To Our Site That\'s At The Top Right Of Our Site. We Collect No Information On What Pages You View. 2KPIXELS Values Your Privacy.')" /></p>
    <h3>Recent Articles</h3>
    <ul class="list">
    <li><strong>Welcome To our Company</strong>We hope that you find all that you need right here at 2kpixels web site, we have a wide range of services to suit your I.T needs.</li>
    <li><strong>Our services</strong>Take a look at our services page to view the most popular services we do, but don't forget if it's not there then contact us and we will be happy to help you what ever you need to  get back on track....</li>
    <li><strong>About 2kpixels Website</strong>Founded back in 2009 2kpixels was born and ever since been a fast growing company which you can trust and rely on.</li>
    </ul>
    
    <!-- PayPal Logo -->
    <h4 class="aligncenter">----We Now Accept PayPal----</h4>
    <p class="aligncenter"><img src="http://www.2kpixels.co.uk/images/paypal_256.png" alt="PayPay icon" width="241" height="166" /></p> 
    
    <!--problems with page-->
    <h6 class="aligncenter">If you are experiencing problems viewing this page within your web browser, like missing text or images then please contact postmaster@2kpixels.co.uk stating the issue thank you 2kpixels.co.uk</h6>
    
    <!--google ads--> 
    <p class="aligncenter" style="margin-top:35px"> 
    <script type="text/javascript"><!--
    google_ad_client = "ca-pub-2859579126359205";
    /* 2kpixels ads 4 */
    google_ad_slot = "3846490067";
    google_ad_width = 300;
    google_ad_height = 250;
    //-->
    </script> 
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script> 
    </p> 
    
    <!--comments/chat-->
    <h4 class="aligncenter">Your Comments!</h4>
    <p class="aligncenter">Get advice and give advice or just leave a comment or two, so feel free to use our comments/chat section.</p>
    <div id="disqus_thread"></div>
    <script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = '2kpixels'; // required: replace example with your forum shortname
    
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
    </script>
    <noscript>
    Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
    </noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
    <h6>Please note that all comments are moderated at all times and filters are in place, any inappropriate language or abuse towards other posters on this website at any given time will not be tollerated and will be removed immediately resulting in the poster being banned from using the comments section via there IP addreas. Thank you</h6>
    <!--end of comments/chat--> 
    
    <!--end indent1--></div>
    <!--end indent--></div>
    <!--close col-1--></div>
    <div class="col-2"> <p style="margin-top:35px"> </p> 
    
    <!--cookies--> 
    <script type="text/javascript">
    /*<![CDATA[*/
    var days = 730; // days until cookie expires = 2 years.
    var lastvisit=new Object();
    var firstvisitmsg="Thank You For Visiting 2kpixels. Welcome!"   ; 
    lastvisit.subsequentvisitmsg="Welcome back! Your last visit was on \<strong> [displaydate] \</strong>";
    lastvisit.getCookie=function(Name){ 
    var re=new RegExp(Name+"=[^;]+", "i"); 
    if (document.cookie.match(re)) 
    return document.cookie.match(re)[0].split("=")[1];
    return''; 
    }
    
    lastvisit.setCookie=function(name, value, days){ 
    var expireDate = new Date();
    
    var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
    document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
    }
    
    lastvisit.showmessage = function() {
    var wh = new Date();
    if (lastvisit.getCookie("visitc") == "") { 
    lastvisit.setCookie("visitc", wh, days); 
    document.write(firstvisitmsg);
    }
    
    else {
    var lv = lastvisit.getCookie("visitc");
    var lvp = Date.parse(lv);
    var now = new Date();
    now.setTime(lvp);
    var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
    var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
    var dd = now.getDate();
    var dy = now.getDay();
    dy = day[dy];
    var mn = now.getMonth();
    mn = month[mn];
    yy = now.getFullYear();
    var hh = now.getHours();
    var ampm = "AM";
    if (hh >= 12) {ampm = "PM"}
    if (hh >24){hh = hh - 24};
    if (hh == 0) {hh = 12}
    if (hh < 10) {hh = "0" + hh};
    var mins = now.getMinutes();
    if (mins < 10) {mins = "0"+ mins}
    var secs = now.getSeconds();
    if (secs < 10) {secs = "0" + secs}
    var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
    document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
    }
    
    lastvisit.setCookie("visitc", wh, days);
    
    }
    
    lastvisit.showmessage();
    /*]]>*/
    </script> 
    
    <!--pushpin icon--> 
    <p class="aligncenter" style="margin-top:35px"> <img src="http://www.2kpixels.co.uk/images/1345657574_Map-Marker-Push-Pin--Left-Azure.png" width="75" height="75" alt="Push Pin" /> </p> 
    
    <!--RSS icon--> 
    <p class="aligncenter"> <img src="http://www.2kpixels.co.uk/images/dark-blue news feed.png" width="168" height="155" alt="News Feed" /> </p>
    
    <h4 class="aligncenter">Live Technology NEWS!</h4>
    
    <hr />
    
    <!--newsfeed with inline style-->
    <div id="newsblock11791302"> 
    <!-- DO NOT ALTER, REMOVE, OR IN ANY WAY TRY TO HIDE THE FOLLOWING TAG OR ITS CONTENTS OR BLASTCASTA WILL NOT FUNCTION PROPERLY. -->
    <div style="font-size: 16px; margin:0 auto; text-decoration:none; color:#0088fc; line-height:1.5"> <a href="http://www.blastcasta.com/" target="_top"><strong>News Widgets &amp; Tickers</strong><br />
    Powered by BlastCasta</a> 
    <!--end blastCasta--></div>
    <script id="scrnewsblock11791302" type="text/javascript"></script> 
    <script type="text/javascript"> 
    /* <![CDATA[ */ 
    setTimeout('document.getElementById(\'scrnewsblock11791302\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/newsjavascript.aspx?feedurl=http%3A//newsrss.bbc.co.uk/rss/newsonline_world_edition/technology/rss.xml&maxitems=-1&showfeedtitle=0&showtitle=1&showdate=1&showsummary=1&showauthor=0&showactionsbox=0&showrsslink=0&showcopyright=1&opennewwindow=1&inheritstyles=0&bgcolor=%23FFFFFF&titlefontsize=16&summaryfontsize=10&fontfamily=Verdana%2CGeneva&titlecolor=%230088fc&summarycolor=%23000000&sepstyle=dashed&sepcolor=%23A0A0A0&objectid=newsblock11791302\'', 500);
    /* ]]> */ 
    </script> 
    <!--end newsfeed--></div>
    
    <!--end col_1--></div>
    <!--end wrapper--></div>
    <!--end tail-right--></div>
    
    <!-- FOOTER -->
    <div id="footer">
    <div class="indent">
    
    <div class="fleft">WEB l332k 
    <!--end float left--></div>
    
    <div class="fright" dir="ltr">&copy; 2013 2kpixels All Rights Resevered 
    <!--end float right--></div>
    
    <!--end indent--></div>
    <!--end footer--></div>
    <!--end content--></div>
    <!--end wrapper--></div>
    <!--end body-BG--></div>
    
    <!--google analytics--> 
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-35069227-1']);
    _gaq.push(['_trackPageview']);
    
    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script> 
    
    </body>
    </html>

     

    Good luck!!

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    Donate:  http://alt-web.com/Donate.shtml

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 18, 2013 1:11 PM   in reply to lee tookey

    If your CSS code is in an external style sheet & you keep it in a sub-folder such as Styles/ or CSS/, use the following:

     

    /* HEADER */
    #header {
    height: 478px;
    background: url(http://www.2kpixels.co.uk/../images/header-bg.jpg)

    no-repeat left bottom;
    position: relative;
    z-index: 2
    }

     

    If your external style sheet is at root level (same as your index.html) or the code is embedded in your HTML document, use this:

     

    /* HEADER */
    #header {
    height: 478px;
    background: url(http://www.2kpixels.co.uk/images/header-bg.jpg)

    no-repeat left bottom;
    position: relative;
    z-index: 2
    }

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points