Support > cpg1.4.x Français (French)
Personnalisation du thème water_drop
triclair:
Suite à l'excellent support apporté hier sur mon problème de dates, je me lance sur une autre question ;) !
Voilà, j'utilise le thème water_drop (voir ici). Je galère pour personnaliser ce thème :P (notament les couleurs de fond que je n'arrive pas à repérer dans la feuille de style).
Il y a énormément d'éléments dans cette css et je n'ai pas trouvé de guide.
Alors, plutôt que tatonner pendant des heures, si vous avez des tuyaux ou les références d'une doc sur ce thème... ça m'intéresse !
Pascal YAP:
Triclair,
--- Quote ---plutôt que tatonner pendant des heures, si vous avez des tuyaux ou les références d'une doc
--- End quote ---
Il y a beaucoup d'éléments capitaux dans les CSS des Thèmes Coppermine, plutôt que d'en citer au hasard, il serait mieux de nous signaler quels éléments visibles sur ta surface écran tu désires modifier !
La première CLASS qui saute aux yeux dans le CSS c'est BODY ou BACKGROUND ce passe de commentaires ;)
Pascal
chtito:
À ma connaissance il n'y a pas de bons guides pour personnaliser sa gallerie. À dire vrai, le système de thèmes de coppermine n'est pas vraiment au point. Les feuilles de styles ne sont que modérément utilisées, et le fichier theme.php est long et difficile à personnaliser.
J'ai mis au point un thème dont le fichier theme.php est beaucoup moins long (car toute la personnalisation est faite en css) mais du coup, le fichier style.css devient vraiment énorme ;). Ce thème sera disponible à la sortie de la prochaine version de coppermine (1.4).
Bon courage quand même !
triclair:
Merci pour ces réponses.
Pour préciser ma demande, sur la copie d'écran ci-dessous, j'ai mis un coup d'aérographe rouge sur les zones dont je voudrais changer la couleur.
(https://forum.coppermine-gallery.net/proxy.php?request=http%3A%2F%2Fwww.triclair.com%2Fforum%2Fdocuments%2Fecran-coppermine.jpg&hash=38b9125ac3d9c526a7c9753354afc96d45eb056f)
Pascal YAP:
Triclair,
Pour répondre à ce message, voici ce que j'ai fait.
Tous les internautes désirant modifier les CSS peuvent faire la même chose.
1/ J'ai fait une capture d'écran du navigateur avec le Theme Water-Drop
2/ J'ai ouvert PaintShop et coller la Capture d'écran, et mesuré avec l'outil DROPPER les valeurs hexadecimal des couleurs de ce Theme
3/ Avec un éditeur de texte de base, j'ai ouvert STYLE.CSS et recherché les valeurs trouvées sous PaintShop !
C'est hyper simple à faire, et cela va vous demander le même temps qu'à moi-même !!
Si je reprends ta capture d'écran de haut en bas, cela va t'obliger à éditer :
Attention, je n'ai pas tout recherché !
--- Code: ---body {
/* background: url("images/bg.gif"); */
/* background-color: #f2f5f7; */
background-color: White;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
font-size : 12px;
color: #000666;
margin: 0px;
}
--- End code ---
puis
--- Code: ---.tableh1 { background : Black;
}
--- End code ---
puis
--- Code: ---.tableh2 {
background: #66FF00;
}
--- End code ---
puis
--- Code: ---.tableh2_compact {
background: #66FF00;
}
--- End code ---
puis
--- Code: ---.thumbnails {
background: #66FF00;
padding: 5px;
}
--- End code ---
puis
--- Code: --- bon courage !
--- End code ---
Pascal
Navigation
[0] Message Index
[#] Next page
Go to full version