Imagen en botón Submit

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

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:

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!!

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.

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 pon un nuevo valor de CSS que después hay que crear, por ejemplo, botongrafico. En el campo URL de la imagen pon la ruta de la imagen, que puede ser images/stories/demo/frontpage/botonllamarme.png. En Leyenda elige la opción Ninguno.

- En la pestaña Script tendrás que seleccionar la acción del botón, que tendrá que ser la misma que la del botón que tienes ahora.

- Ahora edita el archivo templates/rt_nebulae_j15/css/template.css y, al final del todo, añade el siguiente código:

.botongrafico{
    background: none;
    border: 0 none;
    height: 72px;
    padding: 0;
    width: 261px;
}

 

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.

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

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.

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

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.