Páginas (4):    1 2 3 4
Bewan   2 Mar, 2012, 10:56 am
#31
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:
<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:
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:
[Imagen: search.png]
[Imagen: search_button.gif]
[Imagen: search_left.gif]

Saludos!
Última modificación: 2 Mar, 2012, 10:57 am por Akoncross.
Páginas (4):    1 2 3 4
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.