Forum de support officiel

Forum d'entraide et support officiel des forums Forumprod.com


Heures au format UTC + 1 heure [ Heure d’été ]



Poster un nouveau sujet Répondre au sujet  [ 4 messages ] 
Auteur Message
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 18 Jan 2013, 17:16 

Comment utiliser la coloration syntaxique sur le bbcode code
Il suffit de cliquer sur le bouton Image ou alors l'écrire manuellement, ce qui donne :
Code:
[code][/code] 

Puis de rajouter le mot =php à la suite du 1er mot code :
Code:
[code=php][/code] 

Bien que votre langage ne soit que du CSS ou du javaScript il sera colorisé quand même.

Exemple de code coloré avec ce BBcode:
Image

Explications sur les codes à incorporer dans le fichier CSS 
Pour modifier les couleurs il faudrait rajouter 3 codes dans le fichier css pour les trois couleurs.Voici la liste des classes avec leurs couleur actuelle pour pouvoir les modifiés ainsi que le code qui sera incorporé dans le fichier CSS :
Les couleurs

La liste des classes avec leur couleur visible dans la capture plus haut
Classes CSS :Couleur :
.syntaxkeywordvert
.syntaxdefaultbleu
.syntaxstringrouge


Voici le code exacte à utiliser :
Code:
/* vert */
.syntaxkeyword {
color: #000000 !important;
}

/* bleu */
.syntaxdefault {
color: #000000 !important;
}

/* rouge */
.syntaxstring {
color: #000000 !important;
} 

Les couleurs /* vert */ -  /* bleu */ -  /* rouge */ sont juste des repères pour vous ce sont des "commentaires",ils correspondent aux couleur du tableau plus haut.Et vous pouvez modifier les mots pour chaque commentaire mais pas les /* */.

Vous devez ensuite modifier les 000000 dans le code ci-dessus par un code couleur qui représente la couleur que vous voulez(exemple: http://www.commentcamarche.net/contents/html/htmlcouleurs.php3 ) ou alors un mot anglais désignant une couleur , exemple : green,red,yellow,purple,pink etc... Bien que vous pouvez utiliser les deux !
Exemple :
Code:
/* vert */
.syntaxkeyword {
color: purple !important;
}

/* bleu */
.syntaxdefault {
color: #FF4578 !important;
}

/* rouge */
.syntaxstring {
color: #BF00FF !important;
} 


Où se trouve le fichier css ?

Une fois votre code "prêt à l'emploi" placez le dans :

Panneau d'administration > Styles > Gestion du style principal > Editer le fichier CSS

Tout à la fin du contenu du fichier css.


Dernière édition par Vincent le 20 Jan 2013, 11:12, édité 2 fois.
Modification de la position de l'image dans le tuto


Haut
  Profil 
 
Modérateur
Modérateur
Avatar de l’utilisateur
En ligne

Inscription: Sep 2009
Messages: 4549
Points: 9746
Localisation: en France
Sexe: Masculin
Age: 27
Forum: http://support.forumprod.com
Posté: 18 Jan 2013, 20:19 

bonjour / bonsoir

merci pour le tuto fort utile peut-être le rajouter ici serais une bonne idée ?

_________________
Nous restons à votre disposition pour toutes questions complémentaires.

Cordialement,
Lesny- Modérateur du forum de support.

- Merci de lire les règles du forum
- Merci de faire une recherche avant de poster
- Pas de support par MP, merci.


Haut
  Profil Site Internet 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 18 Jan 2013, 20:23 

Bonsoir,

Pas de quoi Lesny, où voudrais tu qu'il soit placé ? excuse moi je n'ai pas compris


Haut
  Profil 
 
Modérateur
Modérateur
Avatar de l’utilisateur
En ligne

Inscription: Sep 2009
Messages: 4549
Points: 9746
Localisation: en France
Sexe: Masculin
Age: 27
Forum: http://support.forumprod.com
Posté: 18 Jan 2013, 20:25 

Lesny a écrit:
bonjour / bonsoir

merci pour le tuto fort utile peut-être le rajouter ici serais une bonne idée ?



je ne sais quoi te dire de plus que ce que j'ai écris loool :D

Le rajouter ici sur le forum de support forumprod :)

_________________
Nous restons à votre disposition pour toutes questions complémentaires.

Cordialement,
Lesny- Modérateur du forum de support.

- Merci de lire les règles du forum
- Merci de faire une recherche avant de poster
- Pas de support par MP, merci.


Haut
  Profil Site Internet 
 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Modérateur:

Aideurs

Permissions de ce forum:

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers
Poster un nouveau sujet Répondre au sujet  [ 4 messages ] 


cron
Créer un forum | © phpBB | Entraide & support | Forum gratuit