Personalizar botão de resposta no WordPress

Caffa · 26/03/2010

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; }

webmaster · 26/03/2010

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

Caffa · 26/03/2010

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

sobajar · 26/03/2010

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 · 26/03/2010

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

juanjosezg · 26/03/2010

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 · 26/03/2010

muchas gracias, los veo y luego comento 😉

Mario · 26/03/2010

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

Inserir CODE, HTML ou 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 · 26/03/2010

esto s lo que puse en mi css

Inserir CODE, HTML ou 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 · 26/03/2010

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:

Inserir CODE, HTML ou 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 · 26/03/2010

para intentar hacerlo ás facil cree este nuevo:

Inserir CODE, HTML ou PHP:

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

y así me quedó el html:

Inserir CODE, HTML ou 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í ?

Personalizar botão de resposta no WordPress

Caffa

webmaster

Caffa

sobajar

Caffa

juanjosezg

Caffa

Mario

Caffa

Mario

Caffa

Tópicos similares