[Tutorial] Añadir Google Search como sistema de búsqueda en MyBB

Vale lo he conseguido mucho mas fácil sin Google Avdense de ese ni nada.
Poner esto después de el código del logo en plantilla header:

Código PHP:
<div id="search">
                    <form action="/search.php" method="post"><fieldset class="noborder"><label for="search_box"><span id="search_left"> </span></label><input name="keywords" id="search_box" onblur="if(this.value=='')this.value='Buscar...';" onclick="if(this.value=='Buscar...')this.value='';" value="Buscar..."  title="Introduce las palabras clave que desees buscar" type="text" /><input value="Iniciar Busqueda" name="submit-search" id="search_button" type="submit" /><input type="hidden" name="action" value="do_search" /></fieldset></form>
                </div> 

Ahora en Global css esto al final:

Código PHP:
div#search {
    top: 55px;
  right: -5px;
  height: 26px;
  position: absolute;
  display: inline-table;
  float: right;
}

span#search_left {
    background: url(../../../images/search_left.gif) no-repeat;
  cursor: text;
  width: 3px;
  height: 26px;
  display: block;
  position: relative;
  float: left;
  top: 0;
  font-size: 2px;
}

input#search_box {
    background: #fff url(../../../images/search.png) 5px no-repeat;
opacity: 0.8;
  border: 1px solid #705102;
  border-left: 0;
    font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
  padding: 5px;
  padding-left: 25px;
  width: 150px;
    height: 14px;
    float: left;
    top: 0;
}

input#search_button {
    background: url(../../../images/search_button.gif) 100% 0% no-repeat; 
    font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
    color: #fff;
    border: 0;
    padding: 4px 6px 4px 6px;
    float: left;
    top: 0;
    width: 99px;
    height: 26px;
    cursor: pointer;
}

input#search_button:hover {
    background-position: 100% 100%;
} 

Y subir estas 3Imagenes en la carpeta Images:

Saludos!

Última modificación: 2 Mar, 2012, 10:57 am por Akoncross.