¿Como aumentar a barra de busca no meu blog?

LiTuSs92 · 28/04/2013

La barra de búsqueda de mi blog es demasiado corta, me gustaría alargarla un poco.

¿Alguien me explica cómo se hace?

Utilizo la barra de búsqueda que viene en los widgets, y mi plantilla es la última de "Mantra".

Muchas gracias de antemano!

Koletta · 28/04/2013

Supongo que en los archivos se tiene que poder variar el widgets solo que si la haces mas grande que la barra lateral se va a salir o descolocar al resto, no?

LiTuSs92 · 28/04/2013

Koletta disse:
Supongo que en los archivos se tiene que poder variar el widgets solo que si la haces mas grande que la barra lateral se va a salir o descolocar al resto, no?

Es que la barra es bastante más corta que el ancho de los widgets: - Descargar libros gratis en TomaLibros.NET

krusty72 · 28/04/2013

En tu css busca un algo así #searchform ahí están las propiedades.

modifica el width:250px; (o incluso 300px) y en el padding-left:5px; agrega eso.

LiTuSs92 · 28/04/2013

krusty72 disse:
En tu css busca un algo así #searchform ahí están las propiedades.

modifica el width:250px; (o incluso 300px) y en el padding-left:5px; agrega eso.

Muchas gracias!

Tengo esto:

.widget_search #s, #search #s {/* This keeps the search inputs in line This is the Sidebar Search*/
width:70% ;display:block;float:left;
margin-bottom:20px;
padding-top:6px;
padding-bottom:4px;
padding-left:5px;
margin-left:10%;
border-radius:10px 0 0 0 ;
-moz-border-radius:10px 0 0 0 ;
-webkit-border-radius:10px 0 0 0 ;
font-family:Arial !important;
font-size:14px;
}

Si modifico el width y lo pongo 200 px, se hace más grande pero desaparece el OK (sólo se ve la barra). Si pongo 80% en lugar de 200 px (aumentando un 10%) pasa lo mismo, se ve más grande pero desaparece el OK.

Korrosivo · 28/04/2013

Reemplaza en la línea 1688 del Style.css:

Inserir CODE, HTML ou PHP:

.widget_search #s, #search #s  {/* This keeps the search inputs in line This is the Sidebar Search*/
width: 165px;
display: block;
float: left;
margin-bottom: 20px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 5px;
border-radius: 10px 0 0 0;
-moz-border-radius: 10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
font-family: Arial !important;
font-size: 14px;
}

y luego en la línea 1958:

Inserir CODE, HTML ou PHP:

.widget_search #searchsubmit {
display:block;
float:left;
padding:0;
margin:0;
position:relative; 
background: #777;
border:none;
cursor:pointer;
color:#EEE;
text-shadow:0px -1px 0px #000;
-moz-text-shadow:0px -1px 0px #000;
-webkit-text-shadow:0px -1px 0px #000;
font-family:Arial !important;
width:27px;
height:28px;
font-size:12px;
font-family:Arial;
}

Te he quitado "mierda" de ambas clases. Pruébalo y me dices.

LiTuSs92 · 28/04/2013

Korrosivo disse:

Reemplaza en la línea 1688 del Style.css:

Inserir CODE, HTML ou PHP:

.widget_search #s, #search #s  {/* This keeps the search inputs in line This is the Sidebar Search*/
width: 165px;
display: block;
float: left;
margin-bottom: 20px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 5px;
border-radius: 10px 0 0 0;
-moz-border-radius: 10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
font-family: Arial !important;
font-size: 14px;
}

y luego en la línea 1958:

Inserir CODE, HTML ou PHP:

.widget_search #searchsubmit {
display:block;
float:left;
padding:0;
margin:0;
position:relative; 
background: #777;
border:none;
cursor:pointer;
color:#EEE;
text-shadow:0px -1px 0px #000;
-moz-text-shadow:0px -1px 0px #000;
-webkit-text-shadow:0px -1px 0px #000;
font-family:Arial !important;
width:27px;
height:28px;
font-size:12px;
font-family:Arial;
}

Te he quitado "mierda" de ambas clases. Pruébalo y me dices.

Perfecto, ahora se ve excelente 😀

Muchas gracias!!!

Korrosivo · 29/04/2013

LiTuSs92 disse:
Perfecto, ahora se ve excelente 😀

Muchas gracias!!!

Muchas de nada 😉

¿Como aumentar a barra de busca no meu blog?

LiTuSs92

Koletta

LiTuSs92

krusty72

LiTuSs92

Korrosivo

LiTuSs92

Korrosivo

Tópicos similares