Personalizar botón de respuesta en Wordpress

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Mar 2010

• #1

Bueno necesito modificar el boton de respuesta de los comentarios.

Yo tengo uno así :
Enlace eliminado

pero me gustaría poder colocar este:
Enlace eliminado

el css del boton es el siguiente:
form#commentform p.button { text-align: left; }

 

W

webmaster

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Mar 2010

• #2

tenes que poner en el css o directamente en el formulario image del buton y le das los atributos

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Mar 2010

• #3

y eso comosería ? porque soy medio tosco, probé con background pero no puedo :s. en el formulario como sería ?

 

S

sobajar

Épsilon

• 26 Mar 2010

• #4

ponle el mismo nombre al boton que quieres y remplazalo por el de tu tema la imagen la encuentra en la carpeta de tema mas facil y sencillo

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Mar 2010

• #5

no, porque no es una imagen. la verdad no se que es, creo que son los botones por defecto pero no posee imagen.

 

juanjosezg

Gamma

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

• 26 Mar 2010

• #6

Date una vuelta por este sitio:

Top 10 CSS buttons tutorial list


o simplemente busca en google "CSS Buttons" hay bastantes tutoriales en Internet, de hecho ese sitio lo encontré buscando con esos términos

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Mar 2010

• #7

muchas gracias, los veo y luego comento 😉

 

Mario

Gamma

Verificación en dos pasos activada

• 26 Mar 2010

• #8

El código es así (según mi theme):

Insertar CODE, HTML o PHP:

#submit {
	   background: url("/imagen.png") no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

Y le quitas el texto al formulario para que solo quede el botón.

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Mar 2010

• #9

esto s lo que puse en mi css

Insertar CODE, HTML o PHP:

#submit {
	   background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

y esto lo que tengo en el coments.php:

HTML:

<p class="submit">
	<button class="submit" type="submit" id="submit" tabindex="5"><span>Submit Comment</span></button>
	<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

Pero sigue sin funcionar

 

Mario

Gamma

Verificación en dos pasos activada

• 26 Mar 2010

• #10

El código html para mostrar un boton debería ser:

HTML:

<input name="submit" type="submit" id="submit" value="" />

Yo generalmente no uso la etiqueta button, pruebalo y debería funcionar, si no revisa que la imagen exista y este en el directorio del tema, en caso de que siga sin funcionar cambia el código para que sea más específico:

HTML:

input#submit {
	   background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

Ah por cierto, todo el formulario de comentarios debería estar en un formulario "<form>" me parece raro que tu theme lo maneje como párrafo.

Ahora si quieres mantener el código como lo tienes me parece que con colocar esto debería funcionar en teoría:

Insertar CODE, HTML o PHP:

p.submit button#submit {
	   background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

También fíjate que no tengas otra etiqueta con la ID "submit", igual y es por eso que no funciona.

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Mar 2010

• #11

para intentar hacerlo ás facil cree este nuevo:

Insertar CODE, HTML o PHP:

.btn {
           background: url('/asd.png') no-repeat center;
	   width:160px;
	   height:46px;
	   border: 0
}

y así me quedó el html:

Insertar CODE, HTML o PHP:

<p class="button">
	<button class="btn" type="submit" id="submit" tabindex="5"><span>Enviar</span></button>
	<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

no tendría que funcionar así ?