Color de fondo Syntax Highlighter

[gonzo13]

Buenas a todos,

tengo una duda sobre la extensión Syntax Highlighter para blogspot. Concretamente me gustaría poder cambiar el color de fondo del código resaltado, ya que los colores que vienen por defecto no concuerdan con los de mi blog.

Este es parte del código del plugin que he instalado en mi blog, pero no sé qué tengo que modificar. Espero que podáis ayudarme

Código CSS:

<style>
      .dp-highlighter { font-family: "Consolas", "Courier New", Courier, mono, serif; font-size: 12px; background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding: 1px 0 0 0 !important; }
      .dp-highlighter ol, .dp-highlighter ol li, .dp-highlighter ol li span { margin: 0; padding: 0; border: none; }
      .dp-highlighter a, .dp-highlighter a:hover { background: none; border: none; padding: 0; margin: 0; }
      .dp-highlighter .bar { padding: 0 0 0 45px; }
      .dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar { padding-left: 0px; }
      .dp-highlighter ol { list-style: decimal; background-color: #fff; margin: 0px 0px 1px 45px !important; padding: 0px;color: #5C5C5C; }
      .dp-highlighter.nogutter ol, .dp-highlighter.nogutter ol li { list-style: none !important; margin-left: 0px !important; }
      .dp-highlighter ol li, .dp-highlighter .columns div { background: none; list-style: decimal-leading-zero; list-style-position: outside !important; border-left: 3px solid #6CE26C; background-color: #F8F8F8; color: #5C5C5C; padding: 0 3px 0 10px !important; margin: 0 !important; line-height: 14px; }
      .dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div { border: 0; }
      .dp-highlighter .columns { background-color: #F8F8F8; color: gray; overflow: hidden; width: 100%; }
      .dp-highlighter .columns div { padding-bottom: 5px; }
      .dp-highlighter ol li.alt { background-color: #FFF; color: inherit; }
      .dp-highlighter ol li span { color: black; background-color: inherit; }
      .dp-highlighter.collapsed ol { margin: 0px; }
      .dp-highlighter.collapsed ol li { display: none; }
      .dp-highlighter.printing { border: none; }
      .dp-highlighter.printing .tools { display: none !important; }
      .dp-highlighter.printing li { display: list-item !important; }
      .dp-highlighter .tools { padding: 3px 8px 3px 10px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; background-color: #f8f8f8; padding-bottom: 10px; border-left: 3px solid #6CE26C; }
      .dp-highlighter.nogutter .tools { border-left: 0; }
      .dp-highlighter.collapsed .tools { border-bottom: 0; }
      .dp-highlighter .tools a { font-size: 9px; color: #a0a0a0; background-color: inherit; text-decoration: none; margin-right: 10px; }
      .dp-highlighter .tools a:hover { color: red; background-color: inherit; text-decoration: underline; }
      .dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
      .dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
      .dp-about td { padding: 10px; vertical-align: top; }
      .dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
      .dp-about .title { color: red; background-color: inherit; font-weight: bold; }
      .dp-about .para { margin: 0 0 4px 0; }
      .dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
      .dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
      .dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
      .dp-highlighter .string { color: blue; background-color: inherit; }
      .dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
      .dp-highlighter .preprocessor { color: gray; background-color: inherit; }
      </style>
 

Un saludo y gracias,
gonzo13

[Daniel Ulczyk]

Notarás que sólo con el CSS nadie puede hacer aporte alguno ¿y la URL de tu blog?

[gonzo13]

Hola,

no pensaba que fuera necesario. Aquí esta el enlace al blog: Ubuntu, Baloncesto, Universidad... Os incluyo el enlace a un post en que se usa esa extensión, para que veáis cómo está actualmente.

¿Es necesario algo más?
Un saludo,
gonzo13

[Daniel Ulczyk]

Las modificaciones del color de fondo las podés llevar a cabo a partir de la #1428 de tu HTML

Código CSS:

.dp-highlighter ol li.alt {
    background-color: #FFFFFF;
    color: inherit;
}
 

Donde deberás reemplazar #FFFFFF por lo que corresponda. Ahora bien, hasta donde recuerdo Syntax Highlighter utiliza colores alternos para filas pares e impares; en tu ejemplo hay sólo una línea

no pensaba que fuera necesario

Por eso no sabías la solución

¿Tenés otro ejemplo con más líneas?

[gonzo13]

Hola, la línea #1428 no aparece en el código que yo he colgado aquí. ¿A que te refieres exactamente?

Aún no tengo un post con más de una línea porque aún no me ha surgido escribirlo. Si lo deseas, puedo escribir cualquier código y publicarlo aunque sea temporalmente para hacer una prueba.

Gracias por tu ayuda,
gonzo13

[Daniel Ulczyk]

Iniciado por Daniel Ulczyk

Las modificaciones del color de fondo las podés llevar a cabo a partir de la #1428 de tu HTML

Miré el código fuente de la URL que publicaste. El trozo de código que publicaste no le alcanza a decir nada a nadie

[gonzo13]

Hola de nuevo. Intenté colgarlo de nuevo, pero el foro me decía que el contenido del mensaje era demasiado extenso. Pensé que con el código CSS era suficiente.

[Daniel Ulczyk]

No te entiendo—verdaderamente—¿pudiste llevar a cabo la modificación? ¿o no?
Qué quisiste colgar?