Mettre des codes sources sur la page d'un blog
Résolu
Maximilien LIX
Messages postés
311
Date d'inscription
Statut
Membre
Dernière intervention
-
Maximilien LIX Messages postés 311 Date d'inscription Statut Membre Dernière intervention -
Maximilien LIX Messages postés 311 Date d'inscription Statut Membre Dernière intervention -
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:
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 :-)
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 :-)
A voir également:
- Mettre des codes sources sur la page d'un blog
- Comment supprimer une page sur word - Guide
- Les codes ascii - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Creer un blog - Guide
- Mettre google en page d'accueil - Guide
6 réponses
Salut,
Pour entrer du code sur une page web, j'utilise la feuille de style suivante :
Je met tout le code dans une balise <pre>
Voilà un exemple :
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
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
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 ?
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 ?
Oui, c'est un fichier CSS.
Pour le lier à ta page html :
Et ensuite pour l'utiliser, c'est l'exemple que je t'ai donné dans mon message précédent.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 :
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.
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.
