Libre Service : MP de masse (news, staff & stats')

Ancien code : Oui Non

Prévisualiser : Oui Non

Editer : Oui Non

Générer la CSS - Générer le HTML - sauvegarder le code

Tu peux utiliser le BBCode dans tous les champs signalés par une *

Aucun membre

Ne pas répondre à ce MP - Mise en page générée par ©Miettes

CSS :

Afficher le formulaire pour la CSS : Oui Non

Images & couleurs

Général

Couleur de fond :

Image du haut (hauteur max = 200px) :

Bordures du MP :

Textes & Liens

Couleur du texte :

Liens

Couleur des liens :

Couleur des liens survolés :

Titre

Couleur des titre :

Fond des titre :

Bordures des titre :

HTML :

Afficher le formulaire pour le HTML : Oui Non

Intro :

Texte* :

News

Titre* :

Elements de la liste :

- Premier de la liste -

- Dernier de la liste -

Texte* :

Staff :

Titre* :

Les groupes :

- Premier de la liste -

- Dernier de la liste -

Nom du groupe* :

Couleur du groupe :

► VoirCacher la liste des membres du groupe

Pseudo* :

Avatar :

Rang* :

Texte recrutement* :

Statistiques :

Titre* :

Texte Intro* :

Elements de la liste :

- Premier de la liste -

- Dernier de la liste -

Texte* : {{stats.txt}

Conclusion :

Texte de fin* :

Code CSS à copier :

/***  --- MP de masse --- ***/
    
  .ls-mp-1{
    background: {{ css.bkgColor }};
    border: 2px solid {{ css.borderColor }};
    color: {{ css.txtColor }};
    font: normal 12px/15px Verdana, sans-serif;
    margin: 0 auto;
    width: 98%;    
  }
    
  .ls-mp-1 .ls-mp-1-content a{
    color: {{ css.colorLink }} !important;
    font-weight: bold;
    text-decoration: none;
  }
    
  .ls-mp-1 .ls-mp-1-content a:hover{
    color: {{ css.colorLinkHover }} !important;
    text-decoration: underline;
  }

  .ls-mp-1 .ls-mp-1-header{
    background: transparent url("{{ css.bkgImage }}") no-repeat center center;
    background-size: cover;
    height: 200px;
    margin-bottom: 30px;
    width: 100%;
  }
    
 .ls-mp-1 .ls-mp-1-content{
    margin: auto;
    width: 96%;  
  }

  .ls-mp-1 .ls-mp-1-content .last{
    margin: 10px 0 30px;
  }
    
  /* Titres */
  .ls-mp-1 .ls-mp-1-content .ls-mp-1-title{
      background: {{ css.bkgTitle }};
      border: 1px solid {{ css.borderTitle }};
      color: {{ css.colorTitle }};
      font: bold 14px/30px Verdana,sans-serif;
      font-variant: small-caps;
      margin: 30px auto 15px;
      text-align: center;
      width: 70%;
  }

  /* News & stats */
  .ls-mp-1 .ls-mp-1-content .ls-mp-1-liste{
    list-style: none;
    margin: 30px 0;
    padding: 0;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-liste li{
    border-left: 2px solid {{ css.borderTitle }};
    margin-bottom: 15px;
    padding-left: 10px;
  }

  /* Groupes & staff */
  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe{
    text-align: center;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe .ls-mp-1-nom-groupe{
    font-weight: bold;
    margin: 10px auto;
    text-decoration: underline;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe .ls-mp-1-staff{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe .ls-mp-1-staff > div{
    border-left: 1px solid {{ css.borderTitle }};
    margin-bottom: 5px;
    max-width: 100px;
    padding: 5px 10px;
    text-align: center;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe .ls-mp-1-staff > div:first-child{
    border-left: 0;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe .ls-mp-1-staff .ls-mp-1-pseudo{
    display: block;
    font-weight: bold;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe .ls-mp-1-staff .ls-mp-1-avatar{
    display: block;
    margin: 8px auto;
    max-width: 100px;
    max-height: 200px;
  }

  .ls-mp-1 .ls-mp-1-content .ls-mp-1-groupe .ls-mp-1-staff .ls-mp-1-rang{
    display: block;
    font-style: italic;
    font-size: 11px;
  }

  /* Copyright */
  .ls-ccp{
    color: #999;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: auto;
    text-shadow: #fff 0 0 4px, #fff 0 0 4px, #fff 0 0 4px, #fff 0 0 4px;
    text-align: center;
    width: 98%;
  }

  .ls-ccp a{
    color: #000;
    text-decoration: none;
  }

  .ls-ccp a:hover{
    color: #999;
    text-decoration: underline;
  }

Code HTML à copier :

{{htmlGenere}}

Code json à copier :

{
  "bkgColor" : "{{ css.bkgColor }}",
  "bkgImage" : "{{ css.bkgImage }}",
  "borderColor" : "{{ css.borderColor }}",
  "txtColor" : "{{ css.txtColor }}",
  "colorLink" : "{{ css.colorLink }}",
  "colorLinkHover" : "{{ css.colorLinkHover }}",
  "colorTitle" :"{{ css.colorTitle }}",
  "bkgTitle" : "{{ css.bkgTitle }}",
  "borderTitle" : "{{ css.borderTitle }}",
  "txtIntro" : "{{ html.txtIntro | retourChariot}}",
  "news" : {{ html.news}},
  "staff" : {{ html.staff}},
  "stats" : {{ html.stats}},
  "txtCcl" : "{{ html.txtCcl | retourChariot}}"
}