Mettre des codes sources sur la page d'un blog
Résolu/Fermé
Maximilien LIX
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
-
5 mars 2014 à 23:49
Maximilien LIX Messages postés 311 Date d'inscription jeudi 25 juillet 2013 Statut Membre Dernière intervention 30 octobre 2014 - 7 mars 2014 à 10:02
Maximilien LIX Messages postés 311 Date d'inscription jeudi 25 juillet 2013 Statut Membre Dernière intervention 30 octobre 2014 - 7 mars 2014 à 10:02
A voir également:
- Mettre des codes sources sur la page d'un blog
- Comment supprimer une page sur word - Guide
- Codes ascii - Guide
- Mettre google en page d'accueil - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Creer un blog - Guide
6 réponses
cs_Julien39
Messages postés
6414
Date d'inscription
mardi 8 mars 2005
Statut
Modérateur
Dernière intervention
29 juillet 2020
2
6 mars 2014 à 11:23
6 mars 2014 à 11:23
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
Maximilien LIX
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
23
6 mars 2014 à 18:26
6 mars 2014 à 18:26
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 ?
cs_Julien39
Messages postés
6414
Date d'inscription
mardi 8 mars 2005
Statut
Modérateur
Dernière intervention
29 juillet 2020
2
Modifié par cs_Julien39 le 7/03/2014 à 08:21
Modifié par cs_Julien39 le 7/03/2014 à 08:21
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.
Maximilien LIX
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
23
7 mars 2014 à 09:27
7 mars 2014 à 09:27
Dac donc le css se trouve doit être enregistré où quand je vais sur mon compte blogger ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
cs_Julien39
Messages postés
6414
Date d'inscription
mardi 8 mars 2005
Statut
Modérateur
Dernière intervention
29 juillet 2020
2
7 mars 2014 à 09:44
7 mars 2014 à 09:44
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.
Maximilien LIX
Messages postés
311
Date d'inscription
jeudi 25 juillet 2013
Statut
Membre
Dernière intervention
30 octobre 2014
23
7 mars 2014 à 10:02
7 mars 2014 à 10:02
Merci ! Ça fonctionne nickel :-)
Franchement merci ça va m'être d'une grande utilité !
Franchement merci ça va m'être d'une grande utilité !