Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Poner caja de busqueda?
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
Código PHP:
<?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>

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

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-2024 MyBB Group.
Made with by Curves UI.