Textpattern CMS

#1 2009-09-24 13:59:54

gfdesign

Member

From: Argentina

Registered: 2009-04-20

Posts: 401

[es-es] Personalizar <txp:search_input>

Estimados
¿ Como se personaliza el input y el boton (en lo posible con una imágen) de un formulario de busqueda para que se visualicen igual tanto en Internet Explorer como Firefox ?
Gracias

#2 2009-09-24 20:38:07

gfdesign

Member

From: Argentina

Registered: 2009-04-20

Posts: 401

Re: [es-es] Personalizar <txp:search_input>

Pude resolverlo.
aquí dejo mi código por si a alguien le sirve:

HTML

<form id=“buscador” method=“get” action=”<txp:site_url /><txp:section />”>
<input id=“searchInput” type=“text” name=“q” value=”“ size=“25” />
<button type=“submit”></button>
</form>

CSS

#buscador input {

height: 23px;

width: 130px;

background-image: url(img/bg_input_search.gif);

background-repeat: repeat-x;

border: 0px;

float: left;

margin:0 5px 0 0;

color: #FFFFFF;

}

#buscador button {

background-image:url(img/bt_buscar.gif);

background-repeat: no-repeat;

border: 0;

width: 60px;

height: 23px;

cursor:pointer;

text-indent:-9000px;

}