Vie de ViaBloga

Mots-clés : modèles

---

Le printemps arrive ... faisons le ménage !

Firefox est, comme chacun sait, un excellent navigateur. En consultant le menu Outils -> Console d'erreurs du navigateur, on se rend compte (utiliser l'onglet "Tout", par exemple), que les modèles Viabloga fourmillent d'erreurs. Erreurs vénielles ... mais erreurs tout de même.

Offrons nous des modèles tout beaux, en corrigeant ces petites erreurs ! il est souvent très facile de corriger ces erreurs.

Exemple d'avertissement (erreur vénielle) par la console d'erreurs, pour le modèle Maui actuellement utilisé par VdeV, pour la page d'accueil de VdeV  (10 erreurs au total ...) :

Avertissement : Déclaration attendue, mais « / » trouvé.  Passage à la déclaration suivante.
Fichier source : http://utilisateurs.viabloga.com/
Ligne : 233

Dans le modèle, cela correspond à :

#content .postfoot {
    margin-top:5px;
    //float: left;
    //width: 100%;
    margin-bottom: 50px;
    padding: 5px 0 0 10px;
    border-top: 1px solid #507921;
}

Pour corriger l'erreur, il sufit de remplacer
    //float: left;
    //width: 100%;
("//" sert à débuter une ligne de commentaires ... dans un script javascript, pas dans une déclaration de style )
par
/*    float: left;   */
/*    width: 100%;   */
(/* et */ démimitent des commentaires dans une déclaration de style)

Autre exemple fourni par la console d'erreurs :

Avertissement : Couleur attendue, mais « color » trouvé.  Couleur attendue, mais « color » trouvé.  Une fin de valeur pour la propriété était attendue, mais « color » a été trouvé.  Erreur d'analyse de la valeur pour la propriété « border-right ».  Déclaration abandonnée.
Fichier source : http://utilisateurs.viabloga.com/
Ligne : 154

Ce qui correspond dans le modèle à :

#column_left {
    width:200px;
    border-right:1px solid color=#507921;
    overflow:hidden;
}

Il n'y a pas de "=" en CSS .... la syntaxe correcte pour la troisième ligne est :
border-right:1px solid #507921;
si on souhait définir la couleur de border-right
ou encore :
border-right:1px solid;
color: #507921;
si on souhaite définir la couleur de  column_left
... pour se décider entre les deux, mieux vaut avoir étudié le modèle

Outre le plaisir d'avoir un code "propre" ...

Eliminer ces petites erreurs offre d'autres avantages , par ex. :
• se conformer aux standards
• trouver plus facilement, en écrivant / déboguant un modèle, un CSS, un script javascript, les erreurs que l'on commet

S'organiser pour le ménage

Laisserions nous à Stéphane le soin de tout d'épousseter dans les coins ? Nous pourrions aussi nous répartir la tâche. Qui "prend" quel modèle ?

Nota : il faut probablement un peu de méthode.
• Menu admin -> Mise en page -> Modèles -> Choisir un modèle à télécharger -> Sur son PC, modifier (par sécurité) le nom du fichier ->Faire les corrections avec un éditeur de texte (surtout pas un "traitement de texte") -> Uploader quelque part le fichier vers Stéphane

Outils de ménage / jardinage

Les jardiniers et jardinières qui nettoieront les mauvaises herbes n'ont pas besoin d'un gros équipement :
- un navigateur standard (Firefox ...)
- un éditeur de texte

Il faut , pour "voir" les numéros de ligne du code "fauitif", que le navigateur soit équipé d'une extension permettant de "voir" les numéros de ligne du code, ou que l'éditeur de texte soit doté de la même faculté de "voir les numéros de ligne". On peut aussi, pour "voir" les numéros de lignes, utiliser Safari dont les outils de déboguage sont de bonne qualité. (Attention, je ne préconise pas Safari pour repérer les erreurs de code. Safari est beaucoup plus permissif que Firefox).

Cette suggestion a été adoptée par 69 utilisateurs :

• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Fix :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  
• Visiteur :  

D'autres articles sur des thèmes similaires :

• Les blogs des modèles et le portail de ViaBloga - 07/04/10
• Phrases modifiables dans les "textes" -- fait - 06/04/10
• Modèle du BondyBlog - 01/10/08
• Un catalogue des modèles - 24/10/06
• Titres de blocs et blocs sans titre - 25/03/10
• Nouveau thème : Dovetail - 10/02/10
• C'est le moment de tester les nouveaux thèmes ! - 22/10/09
• Amélioration des images dynamiques des modèles - 24/06/08
• Goofy élastique et Goofy fixe - 06/06/08
• Version 1.3 d'iThème - 26/05/08

Les utilisateurs qui ont voté pour cette suggestion ont voté également pour :

• avoir la même signature pour les articles et commentaires - 10/04/09
• Des liens à destinations variables dans les requêtes de liste - 07/07/07
• Liste déroulante du champ "Mot-clés" de l'éditeur visuel - 29/10/07
• Résoudre les problèmes de l'éditeur d'images MAJ - 17/03/07
• Des mots-clés communs à plusieurs blogs - 24/09/06
• Mettre un filigrane etc. sur les images - 25/08/08
• Lister les commentaires par auteur - 15/07/07
• Des statistiques globales sur la plate-forme Viabloga - 05/04/08
• Amélioration des tables dynamiques - 14/11/06
• L'administration des utilisateurs via leurs profils - 25/07/07

---