Mettre des codes sources sur la page d'un blog [Résolu/Fermé]

Signaler
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
 -
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
 -
Hello world,
je suis pas un programmeur web et il est probable que j'ai des difficultés pour me faire comprendre.

J'ai un blog (Blogger) et je voudrai poster des commandes lines et des codes sources de programmation C/C++/bash ect...

Mais comme vous le savez , le code source d'un programme peut être très long ! c'est pourquoi je voudrai mettre un zone (je ne sais pas le nom technique) pour ce type de texte .

Exemple avec CCM: 
Hello world

C'est ce genre de choses que je voudrai mettre sur mon blog. J'ai essayer en mettant < code >< /code > (comme sur CCM) dans la version html de mon article mais ça ne marche pas.
(je ne fais pas de programmation html , php et javascript css ect , donc j'y connais pas grand chose xD)

Merci de bien vouloir m'aider ! Cordialement :-)
Afficher la suite

6 réponses

Réponse 1 / 6
Messages postés
6414
Date d'inscription
mardi 8 mars 2005
Statut
Modérateur
Dernière intervention
29 juillet 2020
 2
Salut,

Pour entrer du code sur une page web, j'utilise la feuille de style suivante : 
div.code {
	font-family: Courier;
	font-size: 14;
	background-color: #EFF0F0;
}
span.commentaire {
	color: #007F00;
}
span.variable {
	color: #7F0000;
	font-weight: BOLD;
}
span.crochet {
	color: #001E7F;
	font-weight: BOLD;
}
span.motReserve {
	color: #2D95C8;
	font-weight: BOLD;
}
span.comparaison {
	color: gray;
	font-weight: BOLD;
}


Je met tout le code dans une balise <pre>

Voilà un exemple : 
<div class="code">
<pre>
<span class="motReserve">findstr</span> "#!\/usr\/bin\/ksh" <span class="variable">%orsyp_tmp%</span>\<span class="variable">%S_ESPEXE%%S_ESPEXE%%S_NUMPROC%</span>.bat
</pre>
</div>


Pour faciliter les choses, j'ai créé un programme java qui fait ca automatiquement, si tu as des connaissances en java, tu pourras certainement l'adapter : https://codes-sources.commentcamarche.net/source/53344-code-java-dans-une-page-html
Réponse 2 / 6
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
 20
Désolé je n'ai pas de connaissances en java xD

La feuille de style est un fichier css c'est ça ?

Comment je peux mettre en place ça sur une page ?

En fait lorsque j'accède à l'article en format html. (j'avais prévenu j'ai aucunes connaissances en dev web xD)

Je dois copier le code où exactement ?
Réponse 3 / 6
Messages postés
6414
Date d'inscription
mardi 8 mars 2005
Statut
Modérateur
Dernière intervention
29 juillet 2020
 2
Oui, c'est un fichier CSS.
Pour le lier à ta page html : 
<head>
     <link rel="stylesheet" type="text/css" href="./style/style.css" />
</head>


Et ensuite pour l'utiliser, c'est l'exemple que je t'ai donné dans mon message précédent.
Réponse 4 / 6
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
 20
Dac donc le css se trouve doit être enregistré où quand je vais sur mon compte blogger ?
Réponse 5 / 6
Messages postés
6414
Date d'inscription
mardi 8 mars 2005
Statut
Modérateur
Dernière intervention
29 juillet 2020
 2
Ho désolé, je n'avais pas lu correctement ta question. Sur un blog, tu ne peux pas ajouter de css.

Tu peux ajouter des balises html ?

Si oui, tu peux essayer ceci : 
<style>
div.code {
	font-family: Courier;
	font-size: 14;
	background-color: #EFF0F0;
}
span.commentaire {
	color: #007F00;
}
span.variable {
	color: #7F0000;
	font-weight: BOLD;
}
span.crochet {
	color: #001E7F;
	font-weight: BOLD;
}
span.motReserve {
	color: #2D95C8;
	font-weight: BOLD;
}
span.comparaison {
	color: gray;
	font-weight: BOLD;
}
</style>


Et ensuite, entourer tes mots réservés et les commentaires comme je l'ai expliqué plus haut (avec des span).

Si ca ne marche pas, c'est que ton blog ne te permet pas de le faire.
Réponse 6 / 6
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
 20
Merci ! Ça fonctionne nickel :-)
Franchement merci ça va m'être d'une grande utilité !
Posez votre question