Tester du CSS

[Ea]

Tester du code CSS

Objet du tutoriel Le langage permettant de modifier le CSS ( + d'info ) entraîne souvent beaucoup de test et d'erreur avant d'arriver au résultat qu'on souhaite ( ou d'abandonner ). Ce tutoriel montre les différentes façons d'essayer des modifications du CSS sur un forum forumactif. Par le CSS personnalisé Emplacement : PA > Affichage > Couleurs > Feuille de style. Déroulement : éditer, aller voir ce que ça donne, éditer, aller voir ce que ça donne, éditer, aller voir ce que ça donne, éditer, aller voir ce que ça donne, éditer, aller voir ce que ça donne, ... Avantage : une fois que c'est bon, pas besoin de mettre le code auquel on est arrivé dans le CSS personnalisé ( il y est déjà ). Inconvénient : si on ne le fait pas sur un forum de test et qu'on prend son temps, cela pourrait embêter les membres. Par le CSS d'un thème temporaire Emplacement : PA > Affichage > Thèmes temporaires. Déroulement : créer un thème temporaire, aller à l'onglet "Feuille de style CSS" puis éditer, voir le résultat, éditer, voir le résultat, éditer, voir le résultat, ..., une fois que c'est bon mettre le résultat dans le CSS personnalisé. Avantage : on embête pas les membres. Par un module de navigateur d'édition de CSS Emplacement : un bouton / panneau du navigateur. Installation : il faut installer le module/plugin ( pour chrome il y a par exemple live css editor et pour firefox par exemple editcss ) qui permet d'éditer le CSS. Déroulement : il nous suffit d'appuyer sur le bouton ( ou utiliser le moyen qui le permet ) pour ouvrir l'éditeur CSS et c'est parti, une fois qu'on est arrivé au code qu'on veut il suffit de le copier dans le CSS personnalisé. Avantage : on a le résultat de chaque caractère ajouté/retiré devant les yeux. Inconvénient : d'habitude si on change de page tout est perdu, donc il faut faire attention à ne pas cliquer sur un lien sans faire exprès. Par un script sur le forum Emplacement : sur les pages du forum où on l'a choisi. Installation : il faut ajouter le script ici dans les pages de script ( voir les codes javascript ). Déroulement : il faut placer le script sur les pages qu'on souhaite ( sujets, index, tout, ... ) puis on a juste à appuyer sur l'image sur le forum pour afficher un cadre dans lequel on peut entrer du CSS dont le résultat de la saisie sera directement affiché. Une fois qu'on a notre résultat désiré on peut le retirer du cadre de saisie, le mettre dans le CSS personnalisé et puis désactiver le script ^^ Avantage : on a le résultat de chaque caractère ajouté/retiré devant les yeux.

Ce tutoriel a été rédigé par le Staff du Forum des Forums, Et en particulier par Etana. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.