Terrible

Bienvenue sur Terrible, le forum de libre-service pour vos codages de forums. Venez trouver ici toutes sortes de codes pour agrémenter aussi bien vos templates que vos messages, sans avoir besoin d'inscription !


Terrible :: Terrible, des codages pour vos forums en libre service :: Administration :: Problème avec un code :: Problèmes résolus
Néant-chan
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
avatar
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 ?
Néant-chan
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
avatar
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 !
Néant-chan
le Dim 26 Aoû - 13:24
BONJOUR AWFUL!
Pardon pour la loooongue attente T.T (je n'ai plus eu internet pendant le mois, gomenasai ;; )
J'ai testé et ça fonctionne! Merci beaucoup! ♥️♥️
avatar
le Mar 4 Sep - 14:52
De rien, ravi d'avoir aidé ! Je déplace ça dans "problèmes résolus"
Yes
Contenu sponsorisé
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum