Le skin Chameleon offre déjà beaucoup de possibilités de personnalisation avec ses nombreux styles et sous-styles. Chaque style ou sous-style impose une couleur pour l'ensemble des textes et bordures et si pour le texte, la police et sa taille peuvent être déterminés dans l'onglet "Design", cela agit globalement.

Mais certains utilisateurs aimeraient personnaliser encore davantage leurs albums en faisant des modifications de couleurs des bordures et de couleurs et de taille des textes qui ne sont pas réalisables directement depuis l'interface.

C'est réalisable, mais pour cela il faut modifier manuellement le CSS de l'album réalisé.
Le but de ce tutoriel est de vous expliquer comment procéder en vous indiquant sur quelle partie de l'album chaque propriété de balise agit.

Petits rappels pour les débutants :
En css il y a 3 éléments différents :

• Des noms de balises : exemple body, image, title...
• Des propriétés CSS : par exemple color, font-size...
• Les valeurs : à chaque propriété on doit indiquer une valeur.

Pour la couleur des textes il faut agir sur la valeur de la propriété color
Pour la taille des textes il faut agir sur la valeur de la propriété font-size
Pour le type de police des textes il faut agir sur la valeur de la propriété font-family
Pour la couleur des bordures il faut agir sur les valeurs de la propriété border

Après ce préambule voyons le css étape par étape.
Première chose, trouver le css. Celui-ci se trouve dans le dossier "res" du dossier "album" de votre album. En ouvrant ce dossier "res" vous allez trouver un fichier styles.css. C'est ce fichier qu'il faut modifier pour le personnalisé.
Vous pouvez l'ouvrir avec le bloc-notes de Windows mais je vous conseille d'utiliser Notepad++ que vous pouvez télécharger ICI
Celui-ci colore le code ce qui plus clair pour effectuer les modifications.
Pendant que nous sommes dans les logiciels utiles, pour changer les couleurs un autre petit logiciel bien pratique pour avoir le code de la couleur choisie.
C'est "La boîte à couleur" que vous pouvez télécharger ICI

REMARQUE 1   : A chaque mise à jour de votre album soit pour ajout ou soit pour retrait de photos, même si vous conservez les paramètres, le fichier styles.css sera refait avec les réglages de départ et vous perdrez toutes vos modifications. Donc pour éviter cela, il faut sauvegarder votre fichier modifié dans un dossier de votre choix et après une mise à jour de l'album, remplacer le fichier styles.css par celui que vous avez sauvegardé au préalable.

REMARQUE 2   : Attention quand même de ne pas multiplier les couleurs et veillez à ce quelles s'harmonisent avec votre style. Pour la taille des textes, il faut faire attention pour le titre de l'album car le texte s'affiche sur une image dont la hauteur est fixe.

Balise body

Pour cette balise qui détermine l'apparence de l'ensemble de la page d'album, pour la modification de la propriété background vous pouvez vous reporter au tutoriel Trucs et Astuces JAlbum et Chameleon

Balise a

Cette balise agit sur la couleur des liens de l'ensemble de la page sauf sur le titre de l'album. Vous pouvez donner une couleur différente pour les liens normaux, visités ou au survol de la souris.

Balise current

Cette balise agit sur la couleur du texte et du fond du numéro de la page d'index active si vous avez plusieurs pages évidemment.

Balise cthumb

Cette balise agit sur les vignettes de la page diaporama pour les styles n'utilisant pas d'images comme fond. (black par exemple)

Balise thumb

Cette balise agit sur les vignettes de la page d'index pour les styles n'utilisant pas d'images comme fond. (black par exemple)

Balise image

Cette balise agit sur la bordure des vignettes de la page d'index. Normalement réglable depuis l'interface donc ne pas toucher sauf si vous voulez différencier avec les vignettes du diaporama.

Balise mthumb

Cette balise agit sur la bordure des vignettes du diaporama. Normalement réglable depuis l'interface donc ne pas toucher sauf si vous voulez différencier avec les vignettes de la page d'index.

Balise slideImage

Cette balise agit sur la bordure des images du diaporama. Normalement réglable depuis l'interface donc ne pas changer.

Balise title

Cette balise agit sur la taille, la couleur et le gras du texte de l'ensemble du titre de l'album et ses sous-albums. Vous pouvez donner une couleur différente pour les liens normaux, visités ou au survol de la souris.

Balise infotable

Cette balise agit sur l'épaisseur, le type et la couleur des bordures périphériques et intérieures des tables contenant les textes au-dessus et au-desssous des index et des images.

Balise dirname

Cette balise agit sur le texte du titre des sous-albums sur les pages d'index principaux.

Balise comment

Cette balise agit sur le texte des commentaires de l'image.

Balise smalltxt

Cette balise agit sur le texte de la table de navigation des pages de l'index et sur le titre de l'mage mais pas les commentaires.

Balise xsmalltxt

Cette balise agit sur le texte de la table d'info (Nbre d'image, dernière mise à jour, etc) sous image et index.

Balise newlabel

malgré une recherche dans mes différents albums, je n'ai pas trouvé l'usage de cette balise. Si quelqu'un trouve, je mettrai à jour ce tuto.