imagen en un campo de texto

[ivan_sth]

Me gustaria colocar en mi theme un campo de texto para que los usuarios inicien sesion desde ay. pero he visto en otras webs que en vez de poner un boton ponen una imagen. y tmbien en vez de poner campos de texto ponen una imagen. he buscado sobre esto un monton y se como cambiar el boton por la imagen pero no el campo de texto. saben como se podria hacer? gracias

[GatorV]

Hola ivan_sth,

Esto lo haces con CSS/HTML, no con PHP.

Saludos.

Tema trasladado a HTML.

[ivan_sth]

perdon por mi desconocimiento en el asunto. saben como se aria esto q digo?

[daPhyre]

¿Poner una imagen en lugar de un campo de texto? Esto me confunde un poco, no termino de imaginármelo. ¿Podrías ponernos un ejemplo para saber que es lo que buscas exactamente?

[pateketrueke]

si investigaras.... y no te quedaras ahí sentadote!

¿¿¿las propiedades de background en CSS no te dan una idea??

suerte!

[daPhyre]

Iniciado por pateketrueke

¿¿¿las propiedades de background en CSS no te dan una idea??

Calma compañero, que se nota que el joven está un poco verde en el tema

Además, el dio a entender que quiere "Una imagen en lugar del textbox", lo cual es confuso. Si lo que desea es hacer esto, sonaría más lógico y sencillo, pero aun no estamos seguro de esto...

[ivan_sth]

eso lo he visto en un monton de paginas. miren por ejemplo esta:

http://www.webnova.com.ar/

tiene en el boton buscar una imagen. y luego en el campo de texto es diferente. como se hace para cambiar el campo de texto?

[David]

Puede hacerse con CSS. Investiga un poco sobre lo que te comentó pateketrueke y si no te sale o tienes alguna duda, pregunta.

[ivan_sth]

yo soy un programador bastante autonomo. uso mucho google pa buscar cosas que no entiendo y todo lo q se a sido gracias exclusivamente a mi. y si ay algo q no consigo saber despues de mucho buscar lo pregunto.

yo se como poner una imagen en lugar de un boton pero no consigo encontrar el metodo de hacerlo con un campo de texto. si se les ocurre algo ayudadme plis. gracias

[daPhyre]

Si te refieres al textbox de arriba, solo es un textbox normal, el cual desde CSS le cambias el background, el border y el text-color. ¿Crees que esta información será suficiente para que puedas lograrlo? Si no dejame adentrar un poco para conseguir el código...

[Mikmoro]

Es simplemente un campo input que tiene una clase, y mediante esa clase aplica una imagen de fondo:

<input class="campo" type="text" maxlength="255" size="30" value="" name="q"/>

.campo {background-color:#FFFFFF;
background-image:url(../images/fondo-camp.gif);
background-position:left top;
background-repeat:repeat-x;
border:1px solid #FF6600;
color:#CC3300;
font-family:Helvetica;
font-size:13px;
padding:3px 0px 3px 3px;
}

[daPhyre]

Justo había investigado un poco más y encontré este código:

Código:

input[type='text']{color:c30;background:url(images/texfield.png) repeat-x;border:1px solid #f60}

¿Pero que creen? ¡IE Aun no soporta dicha función! (Que raro de él )

Por tanto, lo mejor es hacer algo como esto:

Código:

input.textbox{color:c30;background:url(images/texfield.png) repeat-x;border:1px solid #f60}

Y ponerle a todos los textbox dicha clase. Suerte