Centrar los comentarios dentro de una entrada

[Tarrika]

Buenas,
antes de nada mirad esta foto:



Lo que quiero es que la opcion de los comentarios quede centrado dentro del post.
Agradezco cualquier sugerencia.

Graciaaas!!

[KurozakiIchigo]

Ocupamos ver el codigo, para ver como esta estructurado y poder decirte. =)

[GAST0N]

deja el codigo , si no no habra forma de decirte

[Tarrika]

pero os pego todo el codigo? porque en caso de ser solo una parte concreta etaria bien que me orientarais un poco porque no se que zona debe modificarse.

[GAST0N]

Iniciado por Tarrika

pero os pego todo el codigo? porque en caso de ser solo una parte concreta etaria bien que me orientarais un poco porque no se que zona debe modificarse.

tenes q pegar el codigo html que queres modificar .. y si queres el css tambien

[Daniel Ulczyk]

Iniciado por Tarrika

pero os pego todo el codigo? porque en caso de ser solo una parte concreta etaria bien que me orientarais un poco porque no se que zona debe modificarse.

Basta con que cites la URL donde está el ejemplo que mostrás. De ahí vemos el código y la/s hoja/s de estilo/s.

[Tarrika]

el blog en cuestion es www.igneelnofansub.com

[KurozakiIchigo]

agrega en el css algo como lo siguiente:

span.post-comment-link {
text-align: center;
margin-left:auto;
margin-right:auto;
}

No estoy seguro, pero trata :)

o tambien puedes poner

span {
text-align: center;
margin-left:auto;
margin-right:auto;
}

[Tarrika]

pero estos codigos los pongo en la zona de /* Comments ? o exactamente donde los pongo?

[GAST0N]

Iniciado por Tarrika

el blog en cuestion es www.igneelnofansub.com

muy facil

ponele margin-left: 230px;

a la regla

Código PHP:

  .comment-link{
color: #FF0000;
margin-left: 230px;

} 
   

Y TE QUEDA ASI

[Tarrika]

Biennnn ha quedado exactamente como queria! Muchas gracias GASTON! Y por supuesto a todos los que se han interesado en mi duda.

Saludos y hasta otra!

[Tarrika]

Les queria hacer una ultima pregunta, saben como quitar esto?

[KurozakiIchigo]

busca este codigo

Código HTML:

<a href='http://www.blogger.com/email-post.g?blogID=6482301341843380069&postID=3035662735641535067' title='Enviar entrada por correo electrónico'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
 

y borralo, pero como son varios, mejor te aconsejo que lo hagas con CSS

img.icon-action {
visibility: hidden;
}

o simplemente asi:

.icon-action {
visibility: hidden;
}

Cualquiera de las dos...
Saludos

P.D: te aconsejo unos buenos tutoriales de html y CSS en librosweb hay unos, igual en mi pagina que esta en mi firma, tambien los encontraras.

[Tarrika]

no encuentro ninguno de los codigos que dices, puedes decir donde se encuentran exactamente?

[GAST0N]

Iniciado por tarrika

no encuentro ninguno de los codigos que dices, puedes decir donde se encuentran exactamente?

tenes que fijarte en la o las hojas de estilo que tengas

Perdon no se si me dijiste eso a mi o a KurozakiIchigo

[KurozakiIchigo]

solo agrega el codigo en tu hoja de estilos (CSS), hasta abajo agregalo

Código CSS:

img.icon-action {
visibility: hidden;
}
 

o asi:

Código CSS:

.icon-action {
visibility: hidden;
}
 

[Tarrika]

el primer codigo que me diste lo he estado buscando en la plantilla bien por extendida pero no esta por ningun lado
Luego esos dos codigos ya se que uno de ellos debo ponerlo en mi codigo CSS, pero es que no se donde.

[KurozakiIchigo]

copea este

img.icon-action {
visibility: hidden;
}

o este

.icon-action {
visibility: hidden;
}


Pero solo uno.
Ahora ve a tu CSS y agregalo donde tu quieras.

Si quieres, agregalo hasta abajo.
Vete hasta abajo y da unos dos saltos de linea, y despues pegas cualquiera de estos dos codigos.

[Tarrika]

He probado de ponerlo al final de todo y en ambos casos no funciona. Tambien he intentado en ponerlo justo antes de :

</body>
</html>

Pero tampoco funciona este metodo.

[KurozakiIchigo]

ese es tu pagina HTML, debes de ponerlo en tu CSS no HTML

Mira para ponerlo mas facil, al principio de tu pagina, encontraras algo como:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
 

entonces abajito de <head>

pon esto:

Código HTML:

<style type="text/css">
.icon-action {
visibility: hidden;
}
</style>
 

[Tarrika]

porfinnnnnn :)

KurozakiIchigo muchas gracias por la ayuda, de veras agradezco la paciencia que has tenido conmigo hahaha. Y por cierto creo que voy a hacerte caso y aprender de algun tutorial de CSS y HTML, ya que todo blogista debe tener unos conocimientos basicos.

hasta otra!

[KurozakiIchigo]

Iniciado por Tarrika

porfinnnnnn :)

KurozakiIchigo muchas gracias por la ayuda, de veras agradezco la paciencia que has tenido conmigo hahaha. Y por cierto creo que voy a hacerte caso y aprender de algun tutorial de CSS y HTML, ya que todo blogista debe tener unos conocimientos basicos.

hasta otra!

No es paciencia, lo que pasa, que aqui estoy para ayudar, y aunque la solucion que te di no fue 100% ecepcional, fue una alternativa que sabia que hiba a servir.

Y solo trate de ayudarte, y me alegro que de verdad te haya servido.
Saludos