Páginas (2): 1 2   
jtole   13 Apr, 2012, 2:44 pm
#1
Hola, como hago para poner una caja de busqueda en los foros igual o parecida a la que hay en esta misma comunidad?
Me refiero a la que esta en la cabecera justo encima del menu de navegacion "foro", "lista de miembros", "blog", etc
Bewan   13 Apr, 2012, 2:55 pm
#2
Agrega esto en la 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> 

Y en tu Global.css pega esto al final del todo,
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%;
} 

Después sube estas Imagenes a tu carpeta y ya esta. ;D

[Imagen: search_left.gif]
[Imagen: search.png]
[Imagen: search_button.gif]
jtole   13 Apr, 2012, 2:58 pm
#3
Las imagenes las subo supongo a la ruta images/mi tema/ficons ¿no?
Bewan   13 Apr, 2012, 3:01 pm
#4
(13 Apr, 2012, 2:58 pm)jtole escribió: Las imagenes las subo supongo a la ruta images/mi tema/ficons ¿no?


Si no quieres editar el CSS subela a tu carpeta raíz de images

^^
jtole   13 Apr, 2012, 3:03 pm
#5
Deacuerdo, muchas gracias ocras!
Bewan   13 Apr, 2012, 3:05 pm
#6
(13 Apr, 2012, 3:03 pm)jtole escribió: Deacuerdo, muchas gracias ocras!

Un Placer,
:thumbsup:
Kevinex   13 Apr, 2012, 3:10 pm
#7
Mandaste cualquiera amigo, fijate que la ruta de las imágenes es en la carpeta images

P.D: Ganaron en respoder juajajsksjak

www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
jtole   13 Apr, 2012, 3:15 pm
#8
una ultima pregunta de novato jejeje

la plantilla header tengo que editar la global o la de mi plantilla nesil?

y no encuentro el archivo global.css, donde esta?
ZioGuE   13 Apr, 2012, 3:18 pm
#9
Debes editar la de tu plantilla Nesil. El global.css, donde esta estilos y plantilla, te vas a a estilos, seleccionas tu theme nesil y allí dentro esta la hoja de estilos global.css.
jtole   13 Apr, 2012, 3:36 pm
#10
He seguido los pasos pero no sale exactamente como queria, adjunto una imagen para que lo veais...
Páginas (2): 1 2   
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.