2013-08-16 3 views
0

J'essaye d'écrire une feuille de style de css pour l'usage dans mon blog de wordpress, qui produira un fond coloré, un code bash accentué et des nombres de ligne. Voilà ce que j'ai jusqu'à présent -Comment puis-je obtenir les numéros de ligne de css?

code { 
    background-color: #FFC0CB; 
    list-style-type: decimal; 
    border-radius: 5px; 
} 

Mais je vais avoir des problèmes pour obtenir le code mis en évidence et aussi les numéros de ligne.

Quelqu'un peut-il vous aider s'il vous plaît?

Remerciements Sharon.

+0

A quoi ressemble votre code html? style de liste est quelque chose qui donne une énumération des paragraphes inclus li-Tag un nombre. – tue

+0

Comme son script bash droit, il n'y a pas du tout de HTML. S'il vous plaît voir [link] (http://www.sharons.org.uk/2013/07/09/backup-v5-6/) = Sauvegarde v5.6 et ce poste, qui montre l'un des scripts que je le veux travailler sur. – boudiccas

Répondre

0

Vous aimez cette

DEMO

CSS

code ul{ 
list-style-type: decimal; 
margin:0; 

} 
code ul li { 
background-color: #FFC0CB; 
border-radius: 5px; 
margin:3px 0; 
padding:0; 
} 
0

Je suppose que c'est ce que vous essayez d'atteindre:

http://jsfiddle.net/BdY2g/

modifier

http://jsfiddle.net/BdY2g/2/ - nouveau violon. dans ce nouveau violon, j'utilise javascript pour envelopper chaque ligne dans un tag 'li'. Ce violon vous oblige à mettre des balises ID sur votre code dans ce cas: "bashCode" et une fonction onload qui exécute la fonction pour mettre à jour en conséquence. D'abord, si vous utilisez des classes, vous devez utiliser un '.' préfixe dans votre css pour que vos

code { 

se déplace à

.code { 

aussi, si vous utilisez une liste ordonnée (ol) au lieu d'une liste non ordonnée (ul) numérotation est automatiquement appliquée.

J'espère que cela aide.

+0

Merci, oui, c'est ce que je voudrais qu'il ressemble, mais il n'y aurait pas du tout de codage html, c'est un script bash droit, et cela en fait partie - '[exec] (About) {(fluxbox -v; fluxbox -info | sed 1d) 2>/dev/null | xmessage -file -center} '\t \t' [exec] (constructeur web Arachnophilia) {java -jar ~/programs/Arachnophilia} ' – boudiccas

+0

Pourquoi forcer l'utilisation d'une classe? 'code' est un sélecteur valide pour [balise HTML correspondante] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code). – Pavlo

+0

Veuillez voir le lien ci-dessus d'un script que je veux qu'il fonctionne. – boudiccas

Questions connexes