News Accueil

Terrible

Libre-service de codages pour vos forums


Rajout des groupes sur un QEEL?

par Néant-chan le le Ven 20 Juil - 17:44
Bonjouuuuur!
J'espère que je poste au bon endroit (si pas je suis DESOLEE QWQ).
J'ai déjà posté un piti message dans la shoutbox, du coup, je me lance! D:
En fait, je voulais savoir s'il était envisageable de rajouter sur ce QEEL http://terrible.forumactif.org/t59-dark-was-the-night (QUI EST UNE BEAUTE HANLALALA JE SUIS AMOUREUSE DE LA LIGNE EPUREE ADIEU) les groupes du forum sur lequel je compte l'installer? Par exemple en dessous, ou au dessus? (le moins chiant possible pour vous, je vous embête déjà suffisamment DDD: )

Si pas possible, je comprendrais, aucun souci! ME FRAPPEZ PAS SVP ;;
Je vous souhaites une excellente fin de journée et des bisouuuus ♥️
Néant-chan
par Awful le le Sam 21 Juil - 16:45
Bonjour Néant-Chan !

Alors, alors, ravi que le code plaise, tout d'abord ♥️
Ensuite, aucun souci !
Faut-il que les groupes soient des liens ? Par exemple, sous forme de cadres un peu semblables à ceux sur la droite, ça irait ? Combien de groupes ?
par Néant-chan le le Sam 21 Juil - 21:42
Bonsoir Awful!

Oh, ce serait parfait oui! (en effet ce serait des liens cliquables, je pense!) Et il y en aurait 4 en tout! ;c;
Encore merciiiii et pardon du dérangement! ><
DES BISOUS
par Awful le le Lun 30 Juil - 0:40
OOPSIE.
désolé du retard
Cry forever Cry forever Cry forever

Okay ! Dans ton template index_body (celui où se trouve le QEEL, quoi), retrouve cette ligne dans le code de ton QEEL :
Code:
</div>
<script>

En gros, juste la fin du QEEL, avant le script. Maintenant, juste avant, ajoute ce code :
Code:
<div class="qeel-groupes">
<a href="#">Groupe 1</a>
<a href="#">Groupe 2</a>
<a href="#">Groupe 3</a>
<a href="#">Groupe 4</a>
</div>

Et dans ton CSS, ajoute :
Code:
.qeel-groupes {
flex: 100%;
display: flex;
}
 .qeel-groupes a {
     height: 40px;
     margin-right: 10px;
     background: #1e1e1e;
     color: #ccc;
     text-align: center;
     font-size: 10px;
     box-sizing: border-box;
     border: 1px solid #1e1e1e;
     box-shadow: 3px 0 0 #303030 inset, -3px 0 0 #303030 inset, 0 3px 0 #303030 inset, 0 -3px 0 #303030 inset;
     line-height: 40px;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
     transition: color 0.3s;
}
 .qeel-groupes a:hover {
     color: #4e4e4e;
}
 .qeel-groupes a:last-child {
     margin-right: 0px;
}

Je t'avoue que je n'ai pas testé le code, je ne sais pas trop ce que ça donne. Et si tu veux, tu peux colorer le cadre intérieur selon le groupe :
Code:
.qeel-groupes a:nth-child(2) {
     box-shadow: 3px 0 0 #924141 inset, -3px 0 0 #924141 inset, 0 3px 0 #924141 inset, 0 -3px 0 #924141 inset;
}
.qeel-groupes a:nth-child(3) {
     box-shadow: 3px 0 0 #574192 inset, -3px 0 0 #574192 inset, 0 3px 0 #574192 inset, 0 -3px 0 #574192 inset;
}
.qeel-groupes a:nth-child(4) {
     box-shadow: 3px 0 0 #609241 inset, -3px 0 0 #609241 inset, 0 3px 0 #609241 inset, 0 -3px 0 #609241 inset;
}

Ou bien juste la couleur du texte :
Code:
.qeel-groupes a:nth-child(2) {
     color: #924141;
}
.qeel-groupes a:nth-child(3) {
     color: #574192;
}
.qeel-groupes a:nth-child(4) {
    color: #60924;
}

Je te laisse tester et me dire si ça fonctionne !
par Contenu sponsorisé le