Catégories à fermer


Aller en bas
Miettes
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Pseudo Discord : Miettes
Messages : 2312

MP de masse : News, staff & stats Empty MP de masse : News, staff & stats

le Mer 17 Avr - 15:20

Débutant

MP de masse : News, staff & stats


Bonjour,

Dans ce LS, je te propose un MP de masse composé de 4 blocs :
• un texte d'introduction ;
• une zone contenant les dernières nouvelles de ton forum ;
• une partie pour mettre en avant ton staff & ton recrutement ;
• une partie pour indiquer les dernières stats' de ton forum.

Voici le visuel :
Spoiler:
MP de masse : News, staff & stats Ls-mp-11

IdeaCe qui est modifiable :
• les couleurs ;
• la bannière ;
• les groupes & membres des groupes ;
• les textes.




Si tu ne sais pas coder...

... il y a un formulaire à remplir pour mettre à jour le code. Tu le trouveras ici .

Voici à quoi il ressemble :
Spoiler:
MP de masse : News, staff & stats Ls-mp-10

Ce formulaire te permet :
• d'éditer les couleurs principales (fond, bordures, texte et lien). Mais pour cela, il faudra indiquer les couleurs hexadecimales de celles-ci. Tu peux utiliser ce site ;
• de modifier l'image du haut ;
• de changer les couleurs de groupes ;
• d'éditer les textes.

Tout au long de ton édition, tu peux visualiser le rendu de tes modification en cliquant sur "prévisualiser : oui" (en activant ou non la prévisualisation, tu ne perdras pas tes modifications ; seul le rafraîchissement de la page supprimera tout).

Une fois que tu as terminé, il te suffit de cliquer sur :
générer la CSS et de copier/coller le code dans la CSS de ton forum ;
générer le code html et de copier/coller le code dans un nouveau MP.

De plus, tu as la possibilité de réutiliser ce formulaire pour mettre à jour ton MP. Une fois tes modifications faites et avant de fermer la page , clique sur "sauvegarder le code" et copie-colle le code du champ texte. Conserve-le sur ton pc ou sur ton forum (entre balise "code").
Dès que tu veux envoyer un nouveau MP, reviens sur la page et sélectionne "ancien code : oui" et copie/colle ta sauvegarde. Le MP se mettra à jour et tu pourras l'éditer de nouveau et récupérer le code html & ta sauvegarde.

Si tu te débrouilles en codage...

... voilà le code de base à modifier comme bon te semble. Smile

La CSS :
Code:
/***  --- MP de masse --- ***/
    
  .ls-mp-1{
    background: #ADDDE7;
    border: 2px solid #a67253;
    color: #000;
    font: normal 12px/15px Verdana, sans-serif;
    margin: 0 auto;
    width: 98%;    
  }
    
  .ls-mp-1 .ls-mp-1-content a{
    color: #785E31 !important;
    font-weight: bold;
    text-decoration: none;
  }
    
  .ls-mp-1 .ls-mp-1-content a:hover{
    color: #753e14 !important;
    text-decoration: underline;
  }

  .ls-mp-1 .ls-mp-1-header{
    background: transparent url("https://2img.net/h/i1235.photobucket.com/albums/ff435/Zen-Pub/design/bann-pub.png") 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: #f5e2d2;
      border: 1px solid #a67253;
      color: #a67253;
      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 #a67253;
    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 #a67253;
    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;
  }
    

Le html :
Code:
<div class="ls-mp-1"><!--
  --><div class="ls-mp-1-header"></div><!--
  --><div class="ls-mp-1-content">
    [center]Bonjour à tous ! [/center]

Des nouveautés ayant lieu sur le forum, si nous nous mettions à jour ?
    <!-- News
    --><div class="ls-mp-1-title">Les dernières nouvelles</div>
    <ul class="ls-mp-1-liste"><!--
      --><li>Une nouvelle section a ouvert ses portes sur le forum. Et bien oui, nous voulons faire en sorte que nos disciples apprennent à se connaitre un peu plus. De ce fait, un [b]refectoire[/b] a été inauguré dans le temple. [[url=http://zen-pub.bb-fr.com/t458-nouvelle-section-le-refectoire]Lire l'annonce[/url]]</li><!--
      --><li>Il reste encore 10 places pour le mail de masse d'Octobre [[url=http://zen-pub.bb-fr.com/t430-email-de-masse-5-envoi-le-25-octobre]Y participer[/url]]</li><!--
      --><li>Les votes pour le plus beau bouton "nouveau" :: [[url=http://zen-pub.bb-fr.com/t422-7-ca-va-bouger-les-votes]ici[/url]]</li><!--
      --><li>Les inscriptions pour le plus beau design :: [[url=http://zen-pub.bb-fr.com/t452-9-le-plus-beau-design]là[/url]]</li><!--
      --><li>Un nouveau chiffre mystère est lancé ! Vous avez 10 jours pour le découvrir ! [[url=http://zen-pub.bb-fr.com/t459-chiffre-mystere-12#3660]Tenter ma chance[/url]]</li><!--
    --></ul>
     <!-- Staff
    --><div class="ls-mp-1-title">Les Orateurs du Temple</div><!--
    --><div class="ls-mp-1-groupe"><!--
      --><div><!--
        --><div class="ls-mp-1-nom-groupe" style="color: #D5550B">~~ Les Oracles ~~</div><!--
        --><div class="ls-mp-1-staff"><!--
          --><div><!--
            --><span style="color: #D5550B" class="ls-mp-1-pseudo">Zen-Pub</span><!--
            --><img class="ls-mp-1-avatar" src="https://2img.net/h/i1235.photobucket.com/albums/ff435/Zen-Pub/staff/av_red_dhamma.png" alt="Zen-Pub" /><!--
            --><span class="ls-mp-1-rang">Fondateur</span><!--
          --></div><!--
          --><div><!--
            --><span style="color: #D5550B" class="ls-mp-1-pseudo">Miettes</span><!--
            --><img class="ls-mp-1-avatar" src="http://illiweb.com/fa/pbucket.gif" alt="Miettes" /><!--
          --></div><!--
        --></div><!--
        --><div class="ls-mp-1-nom-groupe" style="color: #8FCC5A">~~ Les Gardiens ~~</div><!--
        --><div class="ls-mp-1-staff"><!--
          --><div><!--
            --><span style="color: #8FCC5A" class="ls-mp-1-pseudo">Tite-May</span><!--
            --><img class="ls-mp-1-avatar" src="https://2img.net/h/i1235.photobucket.com/albums/ff435/Zen-Pub/staff/av_red_dhamma.png" alt="Tite-May" /><!--
            --><span class="ls-mp-1-rang">Gardienne en stage</span><!--
          --></div><!--
        --></div><!--
        --><div class="ls-mp-1-nom-groupe" style="color: #F58E98">~~ Les Conseillers ~~</div><!--
        --><div class="ls-mp-1-staff"><!--
          --><div><!--
            --><span style="color: #F58E98" class="ls-mp-1-pseudo">SoP</span><!--
            --><img class="ls-mp-1-avatar" src="https://2img.net/h/i1235.photobucket.com/albums/ff435/Zen-Pub/staff/av_red_sop.png" alt="SoP" /><!--
            --><span class="ls-mp-1-rang">Forum externe</span><!--
          --></div><!--
        --></div><!--
      --></div><!--
    --></div>
    Pour compléter cette équipe, nous recherchons d'urgence [b][color=#8FCC5A]6 Gardiens[/color][/b] [size=10][i](Modérateurs)[/i][/size], ainsi que [b][color=#D5550B]2 Oracles[/color][/b] [size=10][i](Administrateurs)[/i][/size] et [b][color=#F58E98]2 conseillers[/color][/b] spécialisés en animation. [[url=http://zen-pub.bb-fr.com/t35-comment-rejoindre-nos-orateurs]En savoir +[/url]]
     <!-- Stats
    --><div class="ls-mp-1-title">Les Statistiques du temple</div>
    <ul class="ls-mp-1-liste"><!--
      --><li>Ouverture du forum le 5 mai 2011</li><!--
      --><li>[u]En mai :[/u] 32 inscriptions et plus de 910 messages postés</li><!--
      --><li>[u]En juin :[/u] 22 inscriptions et plus de 760 messages postés</li><!--
      --><li>[u]En juillet :[/u] 24 inscriptions et plus de 762 messages postés</li><!--
      --><li>[u]En août :[/u] 10 inscriptions et 450 messages postés</li><!--
      --><li>[u]En Septembre :[/u] 11 inscriptions et plus de 500 messages postés</li><!--
      --><li>[u]Depuis le début du mois d'Octobre :[/u] 5 inscriptions et plus de 220 messages postés</li><!--
    --></ul>
    <div class="last">Nous vous souhaitons une excellente journée.

[right][i]Les Oracles[/i][/right]</div>
  </div><!--
--></div><!--
--><span class="ls-ccp">Ne pas répondre à ce MP - Mise en page générée par ©<a href="http://tambouille-raleuses.forumactif.com/u1" target="_blank">Miettes</a></span>
    

Idea Merci de ne pas supprimer le ©copyright Wink




En cas de souci avec ce LS, n'hésite pas à poser tes questions à la suite de ce message.


Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum



Le forum a ouvert ses portes le 30 mars 2019.

A l'époque, seules Miettes et Mäven y étaient présentes. A présent, il y a @membres_enregistres@ Tambouilleurs sur le forum. La dernière personne à nous avoir rejoint est @dernier_membre@.

D'ailleurs, les Tambouilleurs sont plutôt bavards. Eh oui, ils ont déjà posté @messages@ messages dont tutoriels et bidules en Libre-service.

Actuellement, il y a @enregistres@ membres connectés,
et @invites@ visiteurs sur La Tambouille

@@membres_connectes?Qui est là ?
@membres_connectes$, @.$Personne n'est en ligne.@@

@@derniers_membres_connectes?Tambouilleurs connectés au cours des 24 dernières heures : @derniers_membres_connectes$, @$Personne n'était là ces dernières heures.@@

Post-It des Râleuses