-42%
Le deal à ne pas rater :
Acer Chromebook Plus Vero 514 – PC portable 14″ (via ODR 50€)
319.99 € 549.99 €
Voir le deal

Otsana
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".




Particularités du code :
- Crédits : Otsana

Couleurs & Fonts


  1. Les couleurs sont à modifier directement dans le CSS des balises

  2. 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">
    Par une autre font que vous trouverez sur Google Fonts. Au pire, venez demander un ajustement de code dans les commandes sur Pisrale.



HTML

  1. Voici la liste complète des balises :

  2. Pour les utiliser il suffit par exemple d'écrire
    Code:
    <cad1>blablabla</cad1>




CSS sur forum

  1. Allez dans Panneau d'administration > Affichage > Couleurs & CSS > Feuille de style CSS

  2. 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

  1. 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>

Revenir en haut

Nos amis proches

Balises stylisées pour messages Parto512 Logo WyvArtem Life Is StrangeForum RPG Yakuza80