Creación de títulos de Tags In Pre - Tal vez mi amigo había visto algunos blogs que utilizan etiquetas pre, títulos y tienen diferentes colores de acuerdo con el código, tanto CSS, HTML, XML, JavaScrip, JQuery etc ..
Adición título automático se utiliza a menudo para la etiqueta PRE con Vanilla Estilo .
Para mi amigo que quiere usar su Conserve este código de seguridad ]]> </ b: skin> o </ style>
pre [Data-codetype] : antes {
contenido : attr (datos-codetype) ;
pantalla : bloque;
margen : - 11 px - 13 px 10 px - 54 px;
padding : 8 px 12 px;
font-family : Arial,Sans-serif;
font-size : 14 px;
text-transform : uppercase;
background-color : #41749f ;
color : white
}
pre [data-codetype="CSS"] :before { background-color : #5fbbba }
pre [data-codetype="HTML"] :before { background-color : #4fc1eb }
pre [data-codetype="JavaScript"] :before { background-color : #ff6c60 }
pre [data-codetype="JQuery"] :before { background-color : #99c262 }
DEMO
webaaaaaaaaaaaaaaaa
JAJAJAJAJAJJAJAJAJAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
/* Untuk CSS */
Para mi amigo que utiliza la etiqueta
blockquote si desea utilizar este método, basta con sustituir la CSS por encima de
pre convierte
blockquote .
Para escribir, agregar
los datos-codetype = "JenisKode" como el ejemplo a continuación
"use strict";
function testStrict(){
var x;
x = 3.14; // This does not cause an error.
}
x = 3.14; // This causes an error.
| Jill |
Smith |
50 |
| Eve |
Jackson |
94 |