Accueil
Otsana
Mer 15 Mai 2024 - 17:31
Ceci est un code pouvant appartenir à un thème complet. Vous pouvez
Voir le thème complet "Glassormophism"
Si vous utilisez d'autres codes de ce thème, vous n'avez pas besoin de recopier-coller la partie "couleurs".
Voir le thème complet "Glassormophism"
Si vous utilisez d'autres codes de ce thème, vous n'avez pas besoin de recopier-coller la partie "couleurs".
Particularités du code :
- Crédits : Otsana
- Crédits : Otsana
Couleurs & Fonts
- Les couleurs sont à modifier directement dans le CSS des balises
- Attention, il faut ajouter les liens vers les fonts pour qu'elles s'affichent. Il faut aller dans le panneau d'administration > templates > haut du forum et mettre ça avant le < /head> :
- Code:
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
HTML
- Voici la liste complète des balises :
- Pour les utiliser il suffit par exemple d'écrire
- Code:
<cad1>blablabla</cad1>
CSS sur forum
- Allez dans Panneau d'administration > Affichage > Couleurs & CSS > Feuille de style CSS
- Copier coller ça à l'intérieur :
- Code:
.s1 { display: inline-block; font-size:12px; font-family: Montserrat !important; border-bottom: 4px #af86a3 double; padding: 0px; }
.s2 { display: inline-block; font-size:12px; font-family: Montserrat !important; border-bottom: 3px #dcd1f0 dotted; padding: 0px; }
.s3 { display: inline-block; font-size:12px; font-family: Montserrat !important; border-bottom: 2px #847fc1 dashed; padding: 0px; }
.i1 { font-size:12px; font-style:italic !important; font-family: Montserrat !important; color: #af86a3; }
.i2 { font-size:12px; font-style:italic !important; font-family: Montserrat !important; color: #dcd1f0; }
.i3 { font-size:12px; font-style:italic !important; font-family: Montserrat !important; color: #847fc1; }
.b1 { font-size:12px; font-family: Montserrat !important; font-weight: bold !important; color: #af86a3 !important; }
.b2 { font-size:12px; font-family: Montserrat !important; font-weight: bold !important; color: #dcd1f0 !important; }
.b3 { font-size:12px; font-family: Montserrat !important; font-weight: bold !important; color: #847fc1 !important; }
.cad1 { display: inline-block; font-size: 12px; font-family: Montserrat !important; color: #00000; border-radius: 10px; padding: 5px; border: 3px #af86a3 double; }
.cad2 { display: inline-block; font-size: 12px; font-family: Montserrat !important; color: #000000; background: #dcd1f0; border-radius: 10px; padding: 5px; }
.cad3 { display: inline-block; font-size: 12px; font-family: Montserrat !important; color: #ffffff; background: #847fc1; border-radius:0px 30px 0px 30px; padding: 8px; }
.t1 { font-family: Montserrat !important; font-weight: bold !important; text-transform: uppercase; color: #af86a3 !important; letter-spacing: 2px; }
.t2 { font-family: Montserrat !important; font-weight: bold !important; text-transform: uppercase; color: #dcd1f0 !important; letter-spacing: 2px; }
.t3 { font-family: Montserrat !important; font-weight: bold !important; text-transform: uppercase; color: #847fc1 !important; letter-spacing: 2px; }
.c1 { font-family: Cooper !important; color: #af86a3 !important; font-weight: bold !important; }
.c2 { font-size:15px; font-family: Elephant !important; color: #dcd1f0 !important; }
.c3 { font-size:15px; font-family: Bellerose !important; color: #847fc1 !important; font-weight: bold !important; }
CSS sans devoir ajouter sur le forum
- Ajoutez le code suivant dans le message où il y aura les balises :
- Code:
<style>.s1 { display: inline-block; font-size:12px; font-family: Montserrat !important; border-bottom: 4px #af86a3 double; padding: 0px; } .s2 { display: inline-block; font-size:12px; font-family: Montserrat !important; border-bottom: 3px #dcd1f0 dotted; padding: 0px; } .s3 { display: inline-block; font-size:12px; font-family: Montserrat !important; border-bottom: 2px #847fc1 dashed; padding: 0px; } .i1 { font-size:12px; font-style:italic !important; font-family: Montserrat !important; color: #af86a3; } .i2 { font-size:12px; font-style:italic !important; font-family: Montserrat !important; color: #dcd1f0; } .i3 { font-size:12px; font-style:italic !important; font-family: Montserrat !important; color: #847fc1; } .b1 { font-size:12px; font-family: Montserrat !important; font-weight: bold !important; color: #af86a3 !important; } .b2 { font-size:12px; font-family: Montserrat !important; font-weight: bold !important; color: #dcd1f0 !important; } .b3 { font-size:12px; font-family: Montserrat !important; font-weight: bold !important; color: #847fc1 !important; } .cad1 { display: inline-block; font-size: 12px; font-family: Montserrat !important; color: #00000; border-radius: 10px; padding: 5px; border: 3px #af86a3 double; } .cad2 { display: inline-block; font-size: 12px; font-family: Montserrat !important; color: #000000; background: #dcd1f0; border-radius: 10px; padding: 5px; } .cad3 { display: inline-block; font-size: 12px; font-family: Montserrat !important; color: #ffffff; background: #847fc1; border-radius:0px 30px 0px 30px; padding: 8px; } .t1 { font-family: Montserrat !important; font-weight: bold !important; text-transform: uppercase; color: #af86a3 !important; letter-spacing: 2px; } .t2 { font-family: Montserrat !important; font-weight: bold !important; text-transform: uppercase; color: #dcd1f0 !important; letter-spacing: 2px; } .t3 { font-family: Montserrat !important; font-weight: bold !important; text-transform: uppercase; color: #847fc1 !important; letter-spacing: 2px; } .c1 { font-family: Cooper !important; color: #af86a3 !important; font-weight: bold !important; } .c2 { font-size:15px; font-family: Elephant !important; color: #dcd1f0 !important; } .c3 { font-size:15px; font-family: Bellerose !important; color: #847fc1 !important; font-weight: bold !important; }</style>
