Super Web Mart - Discount Coupons & Deals - Discount Promos, Coupon Codes, Discount deals and web site reviews
 

Author Topic: google adsense search box border  (Read 2781 times)

0 Members and 1 Guest are viewing this topic.

Offline ben

  • Jr. Member
  • **
  • Posts: 23
    • View Profile
google adsense search box border
« on: September 22, 2010, 09:23:29 AM »
hi, i have simple question..  ;D



how to delete border around search box?


thanks
« Last Edit: April 19, 2012, 10:56:10 AM by seochapter »

Webmaster Forum

google adsense search box border
« on: September 22, 2010, 09:23:29 AM »

Offline haji

  • Jr. Member
  • **
  • Posts: 69
    • View Profile
Re: google adsense search box border
« Reply #1 on: September 22, 2010, 09:29:34 AM »
got the code for the box? (and the form around it)

Offline ben

  • Jr. Member
  • **
  • Posts: 23
    • View Profile
Re: google adsense search box border
« Reply #2 on: September 22, 2010, 09:35:12 AM »
Code: [Select]
<form action="www.site.com" id="cse-search-box">
  <div>
    <input name="cx" type="hidden" id="search" value="partner-pub-xxxxxxxxxxxxx:ifvoli-ci0h" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input name="q" type="text" />
    <input name="sa" type="submit" value="Search" />
  </div>
</form>
« Last Edit: September 23, 2010, 02:53:40 AM by seochapter »

Offline haji

  • Jr. Member
  • **
  • Posts: 69
    • View Profile
Re: google adsense search box border
« Reply #3 on: September 22, 2010, 09:45:05 AM »
I'm guessing the border comes from the script I see on a similar page with a search box so put

Code: [Select]
<script>(function(){var input = document.getElementById('cse-search-box').q;
input.style.border = "none";})()</script>

after that script (with source from google)

Offline ben

  • Jr. Member
  • **
  • Posts: 23
    • View Profile
Re: google adsense search box border
« Reply #4 on: September 22, 2010, 09:51:52 AM »
I'm guessing the border comes from the script I see on a similar page with a search box so put

Code: [Select]
<script>(function(){var input = document.getElementById('cse-search-box').q;
input.style.border = "none";})()</script>

after that script (with source from google)


not working

anyone with some idea?

Offline Reema Khan

  • Full Member
  • ***
  • Posts: 184
    • View Profile
Re: google adsense search box border
« Reply #5 on: September 22, 2010, 09:55:34 AM »
I'm guessing the border comes from the script I see on a similar page with a search box so put

Code: [Select]
<script>(function(){var input = document.getElementById('cse-search-box').q;
input.style.border = "none";})()</script>

after that script (with source from google)


not working
Quote
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
    <head>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <title>Test</title>
    </head>
    <body>
        <form action="www.site.com" id="cse-search-box">
          <div>
            <input name="cx" type="hidden" id="search" value="partner-pub-9564556370134088:ifvoli-ci0h" />
            <input type="hidden" name="cof" value="FORID:10" />
            <input type="hidden" name="ie" value="ISO-8859-1" />
            <input name="q" type="text" />
            <input name="sa" type="submit" value="Search" />
          </div>
        </form>
        <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>
        <script type="text/javascript">
            //<![CDATA[
            (function(){var input = document.getElementById('cse-search-box').q;
    input.style.border = "none";})()
            //]]>
        </script>
    </body>
</html>
anyone with some idea?
It has to come after the script line for Google's code.

For example it works like this:

Offline ben

  • Jr. Member
  • **
  • Posts: 23
    • View Profile
Re: google adsense search box border
« Reply #6 on: September 22, 2010, 09:59:46 AM »
i love youuuuuuuuu!!!! thanks man!!!! ;D

Offline amreek singh

  • Jr. Member
  • **
  • Posts: 57
    • View Profile
Re: google adsense search box border
« Reply #7 on: November 02, 2016, 01:38:51 AM »
To customize the search box:

1. On the Control Panel, on the left-hand menu, click Look and feel.
2. In the Customize a style section, click the options you want.
3. Click Customize, and then:
      . To change the border and background of the whole custom search element, click the Global Styles tab.
      . To change the background color of the Search button and search input box, click Search Controls
      . Click Save & Get Code.

Webmaster Forum

Re: google adsense search box border
« Reply #7 on: November 02, 2016, 01:38:51 AM »