Avisos
Vaciar todo

Imagen en botón Submit  

 
Alvaro
 Alvaro
Estimable Member

Hola,

He estado mirando en el foro de BreezingForms y no he dado con este tema, ¿es posible desplegar una imagen como botón Submit en lugar del botón de texto?

Gracias y un saludo.

Citar
Respondido : 13/02/2012 3:35 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola

Si accedes a editar el botón enviar en el formulario verás que en CSS class para : tiene una clase asociada ( button ). Si en la plantilla le modificas esa CSS en la plantilla, o si en la plantilla tienes alguna CSS que un botón tenga imagen de fondo, pues indicar en ese campo.

Saludos

ResponderCitar
Respondido : 13/02/2012 9:27 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alvaro
 Alvaro
Estimable Member

Hola Jordi,

Gracias a lo que comentas entiendo el concepto de como cambiar el botón por una imagen, pero no logro identificar la .css a modificar.

Investigando un poco en la web de Crosstec he encontrado que el código a inlcuir sería:

.myBtn { 
background: transparent url('mybuttonimage.pgn') 0 0 no-repeat;
border: 0px;
margin: 0px;
padding: 0px;
outline: none;
font-size: 13px; /* use this if your graph button doesn't have text, otherwise set it to 0pt*/
color: #fff; /* use this if your graph button doesn't have text, otherwise remove it */
}

Si fuese posible, ¿podrías orientarme un poco más?, el formulario en cuestión lo verás en la zona central de la página principal.

Gracias por tu tiempo.

URL del sitio:

ResponderCitar
Respondido : 13/02/2012 2:45 pm
David Noguera
 David Noguera
Miembro Admin

Hola Álvaro,

necesitaríamos ver el formulario en concreto donde quieres cambiar los CSS del botón... pásanos la URL para que te indiquemos como cambiarlo...

Saludos!!

ResponderCitar
Respondido : 13/02/2012 4:35 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Alvaro
 Alvaro
Estimable Member

Hola David,

Tal como comentaba en el post anterior:

... la URL del sitio es: http://eurobann-cp26.webjoomla.es/maqueta/ y el formulario en cuestión lo verás en la zona central de la página principal.

Como verás, el botón Submit que despliego en el formulario, pretendo suplantarlo por el botón imagen que puedes ver a la derecha.

Muchas gracias por vuestra ayuda.

ResponderCitar
Respondido : 13/02/2012 10:08 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a realizar lo siguiente:

- En el formulario de Breezingforms crea un nuevo botón de tipo Botón Gráfico.

- Ponle un título y nombre. En el parámetro CSS class para

Respondido : 14/02/2012 11:07 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Alvaro
 Alvaro
Estimable Member

Hola Pablo,

Francamente, da gusto estar en Webempresa.

Solucionado, instrucciones sencillas y concretas.

Solo una consideración final (adjunto imagen), ¿como podría eliminar la "barra separadora" que aparece sobre el formulario? he intentado localizarla con Firebug pero no he podido.

Nuevamente, muchísimas gracias por vuestra ayuda.

ResponderCitar
Respondido : 15/02/2012 12:34 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Alvaro,

Debes localizar el estilo:

#rt-mainbottom {background: url(../images/style3/horz-div.png) 50% 0 repeat-x;}

En el archivo /templates/rt_nebulae_j15/css/style3.css (haz una copia previa del archivo).

Comenta la línea con un /* el código a comentar */ para que desaparezca la línea horizontal que comentas.

Saludos

ResponderCitar
Respondido : 15/02/2012 12:50 am

Cursos Gratuitos WordPress

Alvaro
 Alvaro
Estimable Member

Hola gnumax,

Solucionado.

Me repito, pero saber que cuento con un soporte de esta calidad es reconfortante.

Por favor podéis cerrar el tema, gracias y un saludo.

ResponderCitar
Respondido : 15/02/2012 1:13 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Alvaro,

Nos alegra que te guste nuestro servicio.

Normalmente solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse.

Si nos quieres enviar tu testimonio podemos colgarlo en nuestra página con un link hacia la tuya que siempre te ayudará a posicionarse porque nuestra página tiene un Page Rank de Google alto.

En este artículo de nuestro blog se explica como dar de alta un testimonio:

https://www.webempresa.com/testimonios.html

Saludos

ResponderCitar
Respondido : 15/02/2012 1:21 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alvaro
 Alvaro
Estimable Member

Hola gnumax,

Al poco de alojar nuestro primer desarrollo en Webempresa publicamos nuestro testimonio, esta es ya nuestra quinta web alojada con vosotros (esperamos que sean muchas más) y la satisfacción por el servicio sigue siendo como la del primer día.

Saludos.

ResponderCitar
Respondido : 15/02/2012 1:30 am