Plugin Code
Résolu/Fermé
faurest
Messages postés
39
Date d'inscription
vendredi 24 août 2012
Statut
Membre
Dernière intervention
13 octobre 2014
-
12 oct. 2013 à 21:17
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 12 oct. 2013 à 22:57
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 12 oct. 2013 à 22:57
A voir également:
- Plugin Code
- Code asci - Guide
- Code puk bloqué - Guide
- Code telephone oublié - Guide
- Code blocks free - Télécharger - Langages
- Code windows 10 - Guide
2 réponses
mpmp93
Messages postés
6652
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 339
12 oct. 2013 à 22:57
12 oct. 2013 à 22:57
Bonjour,
Utilisez GESHI:
http://geshi.org/
C'est ce que j'utilise sur mon site:
https://html5.immo-scope.com/article/
Vous pouvez colorer syntaxiquement tout type de code. Exemple pour le HTML:
Dans une même page web avec plusieurs fragments de code source, vous pouvez surligner syntaxiquement chaque code séparément. exemple pour du css:
A+
Utilisez GESHI:
http://geshi.org/
C'est ce que j'utilise sur mon site:
https://html5.immo-scope.com/article/
Vous pouvez colorer syntaxiquement tout type de code. Exemple pour le HTML:
<?php
$str = <<<EOT
<figure>
<img src="imageExemple.jpg"/>
<figcaption>l'apéro</figcaption>
</figure>
EOT;
echo $Common->sourceForView($str, 'html5');
Dans une même page web avec plusieurs fragments de code source, vous pouvez surligner syntaxiquement chaque code séparément. exemple pour du css:
<?php
$str = <<<EOT
figure {
display: block;
float: right;
width: 200px;
text-align: center;
margin: 0px;
padding: 4px;
border: 1px solid #cfcfcf;
}
figure img {
width: 100%;
margin: 0px;
padding: 0px;
}
figure figcation {
font-style: italic;
}
EOT;
echo $Common->sourceForView($str, 'css');
?>
A+
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
12 oct. 2013 à 21:52
12 oct. 2013 à 21:52
Bonjour,
la fonction de surligner - copier - coller est le plus simple et accessible à tous le monde.
Qu'entend tu par "distinguer le code" ?
la fonction de surligner - copier - coller est le plus simple et accessible à tous le monde.
Qu'entend tu par "distinguer le code" ?
faurest
Messages postés
39
Date d'inscription
vendredi 24 août 2012
Statut
Membre
Dernière intervention
13 octobre 2014
Modifié par faurest le 12/10/2013 à 21:57
Modifié par faurest le 12/10/2013 à 21:57
et bien le mettre en forme un peut comme ça www.casimages.com/img.php?i=131012100205841441.png
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
12 oct. 2013 à 22:24
12 oct. 2013 à 22:24
pour le coté bloc séparé, fond de couleur noir et police (lucida console je crois), c'est du CSS
pour le coté couleur, ca peut s'attribuer "à la main", par des <span> spécifique avec une class CSS propre (c'est long et un peu galère)
ou par un template spécifique, mais là c'est trop compliqué à expliquer sur un post de forum
perso, je te conseil de designer ton bloc contenant le code, mais de laisser le code en mono couleur. En collant le code sur leur éditeur de code, tes visiteurs auront leur coloration syntaxique donc pas besoin de le faire à leur place.
pour le coté couleur, ca peut s'attribuer "à la main", par des <span> spécifique avec une class CSS propre (c'est long et un peu galère)
ou par un template spécifique, mais là c'est trop compliqué à expliquer sur un post de forum
perso, je te conseil de designer ton bloc contenant le code, mais de laisser le code en mono couleur. En collant le code sur leur éditeur de code, tes visiteurs auront leur coloration syntaxique donc pas besoin de le faire à leur place.
