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

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 :-)

A voir également:

Mettre des codes sources sur la page d'un blog
Supprimer une page word - Guide
Codes ascii - Guide
Comment faire un blog - Guide
Page d'accueil iphone - Guide
Traduire une page web - Guide

6 réponses

Réponse 1 / 6

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

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

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

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

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

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

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

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

Réponse 5 / 6

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

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

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

Merci ! Ça fonctionne nickel :-)
Franchement merci ça va m'être d'une grande utilité !

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

[référencement] Ne pas être référencé

Chemin Logo du site de la Cité de l'espace

Discussions similaires

Newsletters