QEEL pour UNTOLD
Hello tout le monde ! Je viens vous demander de l'aide pour mon qeel ! Voici le forum test pour avoir un aperçu de la bête ! C'est la première fois que je poste ici pour une commande, donc j'espère que je vais tout bien faire ! Je vous remercie d'avance A noter que vous n'aurez pas besoin de changer le titre du QEEL vu que j'ai fais la modification moi même (le template est donc modifié pour ça).
Schéma(s) et Eléments
Schémas :
- le croquihihi:
Pour le cadre avec la description des groupes, je verrai plutôt du 278*82, pour le cadre vert; 180*117 et le cadre bleu des 48h: 122*117.
Effets voulus : Alors le principal effet que je voudrais c'est avec les boutons rectangulaires; jaune, bleu et rouge. Que quand on passe la sourire dessus, un texte qui résume le groupe apparaisse ou disparaisse quand on quitte le rectangle. Par défaut, (quand la souris ne touche aucun des 3 rectangles de couleur) je mettrai un texte perso (genre rumeurs ou autre, une connerie comme ca).
Version de votre forum : PHPBB2
Ressources
- 3 boutons de couleurs des groupes:
- Img grise en bas pour le staff:
Autres précisions ?
Dans le pire des cas, ayant une connaissance du css et tout et tout, vous pouvez mettre n'importe quelle couleur dans les cadres, je pourrais modifié après :)
Et pour vous éviter un poids supplémentaire, voici le code à insérer pour la description des groupes:
- desc:
- Code:
<div style="background-color:#F9F9F9;font-size: 11px; letter-spacing: 0px; text-align: justify; line-height: 12px; border-left: 3px solid #D9D9D9; border-right: 3px solid #D9D9D9; -moz-border-radius: 10px; -khtml-border-radius: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;width:278px; height:82px;overflow:auto;">
<a1>titre ♘ titre ♘ titre</a1><br /> Bla bla je suis une description qui change.
</div>
Et le css juste pour le a1
- css a1:
- Code:
a1{text-transform:uppercase;
text-shadow: 1px 1px 1px white;
color: #EC7D7D;
text-align:justify;
font-weight: bold;
font-style: italic;
letter-spacing: -1px;
}
Bisou sur vos truffes !