jueves, 9 de agosto de 2012

Error de visualización de código con SyntaxHighlighter

Acabo de darme cuenta que los número de línea de código fuente en Chrome hacen cosas feas, feas, feas. Googleando he visto que es un problema del css de SyntaxHighlighter, en el que hay que cambiar una linea para que todo se solucione.
.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 0.5em 0 1em !important;
}

por
.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 5px  !important;
}

Se cambia esto en la plantilla de Blogger y listo. En la consola de administración del blog se va uno a Plantilla > Edición de HTML y en el se comenta la línea


Y se añade el bloque:
 

No hay comentarios:

Publicar un comentario