Libre Service : Bloc de partenaires

Tu aimerais pouvoir changer le style de ce bloc et son contenu disponible en libre-service sur le forum ? Ce formulaire est fait pour toi.
En cas de souci, n'hésite pas à demander un coup de pouce.

Ancien code : Oui Non

Prévisualiser : Oui Non

Editer : Oui Non

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

{{html.txtPartenariat}} Bloc par ©Miettes

AfficherMasquer les partenaires :

Nom :

Lien :

Logo (35px * 35px) :

AfficherMasquer la CSS :

Couleurs

Couleur de fond :

Couleur du texte :

Couleur des titres et liens :

Couleur de fond des blocs vides :

Position du bloc

Par rapport au haut de la page :

Par rapport au bas de la page :

Par rapport au bloc droit de la page :

Par rapport au bloc gauche de la page :

AfficherMasquer le HTML :

Titre du bloc :

Lien vers les demandes de partenariats :

Texte du lien :

Code CSS à copier :

/***  --- Bloc partenaires --- ***/
  .lsm-wrapper-partenaires{
    background: {{css.bkgBlk}};
    bottom: {{css.positionBottom}};
    color: {{css.colorTxt}};
    font: normal 12px/16px Georgia;
    left: {{css.positionLeft}};
    padding: 4px;
    position: fixed;
    text-align: center;
    top: {{css.positionTop}};
    right: {{css.positionRight}};
    width: 160px;
    z-index: 999;
  }

  .lsm-wrapper-partenaires .flex{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .lsm-wrapper-partenaires h2,
  .lsm-wrapper-partenaires > a{
    color: {{css.colorTitle}};
    font-weight: bold;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
  }

  .lsm-wrapper-partenaires h2{
    font-size: 18px;
    margin: 4px 0;
  }

  .lsm-wrapper-partenaires > a{
    font-size: 12px;
    display: inline-block;
    margin: 4px;
    text-decoration: none;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
  }

  .lsm-wrapper-partenaires > a:hover,
  .lsm-wrapper-partenaires .flex a:hover{
    color: {{css.colorTxt}};
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
  }

  .lsm-wrapper-partenaires .flex a{
    background: {{css.bkgLink}};
    display: inline-block;
    margin: 2px 0;
    height: 35px;
    width: 35px;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
  }

  .lsm-wrapper-partenaires .flex a img{
    display: block;
    height: 35px;
    width: 35px;
  }

 /* Copyright */
  .lsm-ccp{
    color: {{css.colorTxt}};
    display: block;
    font-size: 8px;
    font-style: italic;
    margin: auto;
    text-align: center;
    width: 98%;
  }

  .lsm-ccp a{
    color: {{css.colorTxt}};
    text-decoration: none;
  }

  .lsm-ccp a:hover{
    color: {{css.bkgLink}};
    text-decoration: underline;
  }

Code HTML à copier :

{{htmlGenere}}

Code json à copier :

{
  "bkgBlk" : "{{ css.bkgBlk }}",
  "colorTxt" : "{{ css.colorTxt }}",
  "positionBottom": "{{ css.positionBottom }}",
  "positionLeft" : "{{ css.positionLeft }}",
  "positionTop" : "{{ css.positionTop }}",
  "positionRight" : "{{ css.positionRight }}",
  "colorTitle" :"{{ css.colorTitle }}",
  "bkgLink" : "{{ css.bkgLink }}",
  "txtTitre": "{{html.txtTitre}}",
  "partenaires": {{ html.partenaires}},
  "lienPartenariat": "{{html.lienPartenariat}}",
  "txtPartenariat": "{{html.txtPartenariat}}"
}