Hacer un cajon de busqueda
Hola companeros de Mybb-es quisiera si me apoyaran a como hacer la caja de busqueda como la que tiene implementada mybb-es, ya que veo muchos foros c...

Hola companeros de Mybb-es quisiera si me apoyaran a como hacer la caja de busqueda como la que tiene implementada mybb-es, ya que veo muchos foros con esa caja pero no encuentro ningun tutorial o plugins.

P.D: encontre una pero no es la que quiero, que sea lo mas parecido a la caja que tiene implementada el foro Big Grin! ya que me agrado mucho esa caja

P.D: es la caja que esta en el header.
Esto ponlo 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 ve a global.css y mete esto al final:
Código PHP:
div#search {
    
top55px;
  
right: -5px;
  
height26px;
  
positionabsolute;
  
displayinline-table;
  
floatright;
}

span#search_left {
    
backgroundurl(../../../images/search_left.gifno-repeat;
  
cursortext;
  
width3px;
  
height26px;
  
displayblock;
  
positionrelative;
  
floatleft;
  
top0;
  
font-size2px;
}

input#search_box {
    
background#fff url(../../../images/search.png) 5px no-repeat;
opacity0.8;
  
border1px solid #705102;
  
border-left0;
    
font-familyTahoma'Trebuchet MS'Arialsans-serif;
  
padding5px;
  
padding-left25px;
  
width150px;
    
height14px;
    
floatleft;
    
top0;
}

input#search_button {
    
backgroundurl(../../../images/search_button.gif1000no-repeat
    
font-familyTahoma'Trebuchet MS'Arialsans-serif;
    
color#fff;
    
border0;
    
padding4px 6px 4px 6px;
    
floatleft;
    
top0;
    
width99px;
    
height26px;
    
cursorpointer;
}

input#search_button:hover {
    
background-position100100%;


Ahora mete estas 3 imagenes en la carpeta images:
[Imagen: search_left.gif]
[Imagen: search.png]
[Imagen: search_button.gif]

Y listo Tongue

Los créditos son de solstice por que el hizo el tema.
Edit: Se me paso ya te puse la respuesta pero tienes que tener las reglas de soporte:
http://www.mybb-es.com/Anuncio-reglas-ge...de-mybb-es

Por favor ponlas por que a la otra no se te dara soporte Tongue
Última modificación: 8 May, 2011, 8:45 pm por sadnem.
GRACIASS!!!!
me funciono perfecto y a la primera...
REP!

p.D: Cerrar el tema Big Grin