(Solucionado) Hacer mas corta la barra de busqueda rapida

[crisan]

a ver si alguien me puede decir como acortar la barra de busqueda para que sea mas pequeña y cuando digo mas pequeña me refiero a mas corta no mas extrecha

saludos y espero poder solucionarlo

gracias

Edited April 10, 2013 by crisan (see edit history)

[Feliz Garcia]

blocksearch.css

[Feliz Garcia]

#search_block_top #search_query_top {
padding: 0 5px;
height: 23px;
width: 300px;
border: 1px solid #666;
border-right: 0 !important;
color: #666;
background: url(img/bg_search_input.png) repeat-x 0 0 #fff;
float: left;
}

 

Reduce los pixeles del "width".

 

Con eso reduces el ancho de la caja.

[Feliz Garcia]

Por cierto hay una cosa que se llama "firebug", si la usas veras las lineas modificar y fichero *.css.

[Feliz Garcia]

¿?

[crisan]

ya he redicido el tamaño pero no funciona supongo que sera por qeu no es el mismo tema

 

#search_block_top #search_query_top {

padding:0 5px;

height:23px;

width:200px;/* 310 */

border:1px solid #666;

border-right: 0 !important;

color:#666;

background:url(img/bg_search_input.png) repeat-x 0 0 #fff;

estaba en 300 y lo he puesto en 200

 

www.electrocrisan.com

[nadie]

ya he redicido el tamaño pero no funciona supongo que sera por qeu no es el mismo tema

 

#search_block_top #search_query_top {

padding:0 5px;

height:23px;

width:200px;/* 310 */

border:1px solid #666;

border-right: 0 !important;

color:#666;

background:url(img/bg_search_input.png) repeat-x 0 0 #fff;

estaba en 300 y lo he puesto en 200

 

www.electrocrisan.com

 

Me paso por este post ya tengo un hueco libre.

 

Hola Crisan (Viejo amigo),

 

En tu web actualmente tienes una cajita y dentro de la caja el input.

 

Es decir, en el fichero:

 

http://www.electrocrisan.com/themes/PRS040090/css/modules/blocksearch/blocksearch.css

 

Tienes esto:

 

#search_block_top {
background: url("../../../img/search_bg.gif") no-repeat scroll 0 0 transparent;
height: 41px;
  right:0;
position: absolute;
top: 54px;
width: 307px;
}

 

y esto:

 

#search_block_top #search_query_top {
background: none repeat scroll 0 0 transparent;
border: medium none;

height: 24px;

margin: 10px 10px 0 40px;
width: 183px;
}

 

si tu reduces en width del:

 

#search_block_top

 

reduces el ancho de la caja azul.

 

y si tu reduces el widh del:

 

#search_block_top #search_query_top

 

reduces el ancho del campo de escritura (del input).

[crisan]

he reducido la barra como me has dicho nadie

pero aparte de que no he conseguido el objetivo ya que se recorta la barra pero no sube arriba el boton de busqueda verde que hay justo debajo dwe la barra que casi no se ve

yo pensaba que era por falta de espacio por lo que se habia bajado abajo

pero parece ser que no es por eso.

a ver si se os ocurre alguna idea

[nadie]

Para subir el boton para arriba es simple. (Te di una pista anteriormente)

 

Fichero:

 

http://www.electrocrisan.com/themes/PRS040090/css/modules/blocksearch/blocksearch.css

 

Busca esto:

 

#search_block_top #search_query_top {
background: none repeat scroll 0 0 transparent;
border: medium none;
height: 24px;
margin: 10px 10px 0 40px;
width: 183px;
}

 

Dejalo asi:

 

#search_block_top #search_query_top {
background: none repeat scroll 0 0 transparent;
border: medium none;
height: 24px;
margin: 7px 10px 0 40px;
width: 177px;
}

 

Y recuerda limpiar la cache de tu navegador si no ves los cambios.

[nadie]

¿Sigues hay?

[crisan]

#search_block_top #search_query_top {

background: none repeat scroll 0 0 transparent;

border: medium none;

height: 24px;

margin: 10px 10px 0 40px;

width: 183px;

 

si aqui estoy estaba asi

y lo he tenido que dejar asi

 

#search_block_top #search_query_top {

background: none repeat scroll 0 0 transparent;

border: medium none;

height: 18px;

margin: 10px 10px 0 40px;

width: 177px;

 

ya que si no se quedaba un poco descentrado el boton

yo creo qeu asi esta bien

y si dais el ok cerramos el tema

y gracias por todo

[nadie]

#search_block_top #search_query_top {

background: none repeat scroll 0 0 transparent;

border: medium none;

height: 24px;

margin: 10px 10px 0 40px;

width: 183px;

 

si aqui estoy estaba asi

y lo he tenido que dejar asi

 

#search_block_top #search_query_top {

background: none repeat scroll 0 0 transparent;

border: medium none;

height: 18px;

margin: 10px 10px 0 40px;

width: 177px;

 

ya que si no se quedaba un poco descentrado el boton

yo creo qeu asi esta bien

y si dais el ok cerramos el tema

y gracias por todo

 

Yo te lo dije aproximado, el como quieras dejarlo exactamente depende de ti, lo que a unos les parece centrado a otros les parece descentrado, y lo que a otros le parede descentrado a otros le aparece centrado.

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.