Salut!
Les fleurs
Il faut aller dans :
> Panneau d'administration
> > Module
> > > HTML et Javascript
> > > > Gestion des codes javascript
Le code des fleurs du profil se trouvent dans le javascript "Association des fleurs derrières les profils avec les groupes".
La manière dont le javascript fonctionne, c'est qu'il regarde la couleur du pseudo et la compare avec les couleurs des groupes. Lorsqu'il trouve le groupe auquel appartien le pseudo, il va voir l'image de fleur qui va avec le groupe et il l'ajoute en babkground-image derrière le profil.
Donc dans le javascript, il y a 2 seuls parties que tu auraient besoin de modifier. La première, c'est le "Couleurs des groupes" :
- Code:
/*Couleurs des groupes*/
var groupcolor = [
'rgb(125, 14, 142)', /*Fondatrices*/
'rgb(169, 1, 1)', /*Administrateurs*/
'rgb(236, 137, 195)', /*Modérateurs*/
'rgb(111, 213, 113)', /*Codeurs*/
'rgb(0, 107, 177)', /*Noteurs*/
'rgb(255, 156, 0)', /*Animateurs*/
'rgb(230, 215, 76)', /*Membre du mois*/
'rgb(147, 148, 153)', /*Membre*/
];
Chaque ligne représente la couleur d'un groupe en format rgb. Alors tu te rends dans tes groupes, tu copies la couleur et tu va avoir un truc du genre "#F5C6D7" qui est le format hex. Tu va ensuite sur ce site, tu colles la couleur et cela va te donner le code en rgb.
Alors disons justement que je voudrais rajouter un groupe qui a la couleur "#F5C6D7", j'obtiendrais ceci :
- Code:
/*Couleurs des groupes*/
var groupcolor = [
'rgb(125, 14, 142)', /*Fondatrices*/
'rgb(169, 1, 1)', /*Administrateurs*/
'rgb(236, 137, 195)', /*Modérateurs*/
'rgb(111, 213, 113)', /*Codeurs*/
'rgb(0, 107, 177)', /*Noteurs*/
'rgb(255, 156, 0)', /*Animateurs*/
'rgb(230, 215, 76)', /*Membre du mois*/
'rgb(147, 148, 153)', /*Membre*/
'rgb(245, 198, 215)', /*Le nouveau groupe*/
];
Puis, tu as la partie "Fleurs" qui contient les images de fleurs. Cela ressemble à ceci :
- Code:
/*Fleurs*/
var rangfleur = [
'http://www.zupimages.net/up/16/28/rafe.png', /*Fondatrices*/
'http://www.zupimages.net/up/16/31/309w.png', /*Administrateurs*/
'http://www.zupimages.net/up/16/25/lrch.png', /*Modérateurs*/
'http://www.zupimages.net/up/16/28/yyhf.png', /*Codeurs*/
'http://www.zupimages.net/up/16/28/pldr.png', /*Noteurs*/
'http://www.zupimages.net/up/16/28/jr4s.png', /*Animateurs*/
'http://www.zupimages.net/up/16/31/qlfk.png', /*Membre du mois*/
'http://www.zupimages.net/up/16/31/duuc.png', /*Membre*/
];
Tu remarqueras que le groupe "Fondatrices" et le 1er de la partie "Couleurs des groupes" et de "Fleurs". C'est SUPER IMPORTANT. Si tu as un groupe qui est le 3e de la partie groupe, il doit être le 3e de la partie fleur aussi. C'est comme ça que le javascript sait quelle fleur donner à quel groupe.
Sinon, je pense que tu as deviné comment le modifier, si je devais rajouter une image, cela ressemblerait à ceci :
- Code:
/*Fleurs*/
var rangfleur = [
'http://www.zupimages.net/up/16/28/rafe.png', /*Fondatrices*/
'http://www.zupimages.net/up/16/31/309w.png', /*Administrateurs*/
'http://www.zupimages.net/up/16/25/lrch.png', /*Modérateurs*/
'http://www.zupimages.net/up/16/28/yyhf.png', /*Codeurs*/
'http://www.zupimages.net/up/16/28/pldr.png', /*Noteurs*/
'http://www.zupimages.net/up/16/28/jr4s.png', /*Animateurs*/
'http://www.zupimages.net/up/16/31/qlfk.png', /*Membre du mois*/
'http://www.zupimages.net/up/16/31/duuc.png', /*Membre*/
'url de la nouvelle image', /*Le nouveau groupe*/
];
Bref, c'est comme ça que tu peux le modifier. Et je te conseille de faire du copier/coller quand tu essaies de modifier des choses parce qu'il suffit d'oublier un guillemet ou une virgule pour que cela arrête de fonctionner. Je te conseilles aussi d'enregistrer le code dans un bloc-note ou quelque chose sur ton ordi, comme ça tu auras le code original au cas où tu fais une bêtise ^^
Les rubans et le Qeel
J'ai découpé les rubans à ma manière parce que c'était plutôt difficile à arranger comme il faut. Entre autre, garder un espace vide autour de l'image n'est pas une bonne idée en codage, cela prend de la place pour rien et complique les choses. J'ai fait la même chose pour le qeel (même après t'avoir demandé de découper des parties, j'en ai redécoupé d'autres en plus).
Bref, les rubans découpés et les parties du qeel se trouvent dans le fichier d'images que j'ai envoyé à Liminki. Chaque image a un nom particulier comme ".mess_title_right" qui est le bout de droite du ruban de titre pour les messages.
Pour le modifier, tu te rends dans le CSS et tu retrouves la class ".mess_title_right". Tu arriveras à cela :
- Code:
/*Bout de droite du ruban*/
.mess_title_right {
position: absolute;
top: 0px;
right: -14px;
width: 14px;
height: 100%;
background-image: url('http://img11.hostingpics.net/pics/830780Droite2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
Pour remplacer l'image, tu remplaces le "https://2img.net/r/hpimg11/pics/830780Droite2.png" dans le background-image par le lien de la nouvelle image.
C'est pareil pour la majorité des images.
Important : Les images devraient avoir la même taille. Sinon, cela risque de causer des problèmes de positionnement. Si un nouveau thème te cause d'avoir des images de différentes tailles, je te conseilles d'aller dans "personnalisations", quelqu'un devrait pouvoir adapter le codage aux nouvelles images.
Sinon, j'ai envoyé les images à Liminki en choisissant un nom au hasard et je savais pas trop tu étais qui (vous êtes tous fondatrices alors je m'étais dit que ça ne dérangeait pas), mais je peux te l'envoyer directement aussi. Tu es qui, Alice? Amétrine? Shaden?
La CB : Les avatars sont là quand on parle, mais pas dans la partie de gauche. Et juste quand on parle. C'est tout ce que FA nous permet comme option pour mettre les avatars dans la CB.
Tutos et concours : C'est fait !
Faire partie du staff : C'est gentil, mais ça ne m'intéresse pas vraiment. Ce n'est pas que ça n'a pas l'air d'un chouette forum, mais je n'y ai pas d'attachement particulier. Et s'il fallait que je sois impliqué (même légèrement) dans tous les forums auquels je fais des thèmes/demandes, ça serait intenable. Je suis déjà nettement assez occupée sur NU. Merci quand même de l'offre ^^
