epsilon
forum de libre service de codage,
possibilité de commander des designs,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -30%
Nike Court Royale 2 Mid
Voir le deal
48.97 €

Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
PACK 01 — THE ROOM WHERE IT HAPPENS Original

Bien le bonjour, c'est Noël avant l'heure (je peux dire ça, ce message est du 22 Décembre) !

Qui dit nouvelle section dit inauguration et donc, voilà pour vous un petit pack de fiches très complet (du moins je l'espère, et sinon, je le complèterais mais... On va quand même avoir pas mal de fiches dans ce post) pour que vous puissiez avoir des fiches assorties pour tout votre forum.

Fiche technique :

— 16 fiches
— Comme j'ai toujours un petit problème entre phpBB2 (et tous les php + invision) et ModernBB (et AwesomeBB par extension), il y aura une fiche pour phpBB2 (et ses copains) et une autre pour ModernBB (et son copain) histoire que vous n'ayez pas de problème.
— Il y a trois couleurs pour ces fiches (4 en comptant le blanc mais le blanc n'est pas une couleur les enfants) : Bleu foncé : #0F1B31 — Bleu clair : #385C88 — Corail foncé : #D18475
— Pour phpBB2 la largeur totale fait 480px et pour ModernBB en 500px.
— La hauteur s'adapte automatiquement sur toutes les fiches sauf pour la fiche de présentation qui a des overflow sur différents blocs.

Ce pack de fiches comprend (+ le petit lien qui va avec pour aller direct au post voulu si vous avez la flemme de scroller) :

— Fiche règlement | www.
— Fiche contexte | www.
— Fiche intrigue | www.
— Bottins | www.
— F.A.Q | www.
— Fiche présentation du staff | www.
— Fiche présentation personnage | www.
— Fiche présentation joueur | www.
— Fiche event | www.
— Fiche réponse event | www.
— Fiche multi-usage | www.
— Les Crédits | www.
— Fiche validation | www.
— Fiche de partenariat | www.
— Fiche de news de partenariat | www.
— Fiche de groupes | www.

Enlever le crédit de la fiche n'est pas une option, merci de le laisser tel quel. ♥

Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Règlement
Ici une petite introduction, elle peut être de la longueur que vous voulez, la taille s'adapte automatiquement. Tous les blocs s'adaptent automatiquement et la hauteur totale de la fiche s'adapte aussi automatiquement.
Titre 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.
Titre 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_rules_background"> <div class="TRWIH_rules_title">Règlement</div><div class="TRWIH_rules_quote">Ici une petite introduction, elle peut être de la longueur que vous voulez, la taille s'adapte automatiquement. Tous les blocs s'adaptent automatiquement et la hauteur totale de la fiche s'adapte aussi automatiquement.</div><div class="TRWIH_rules_sectiontitle">Titre 1</div><div class="TRWIH_rules_sectiontexte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div><div class="TRWIH_rules_sectiontitle">Titre 2</div><div class="TRWIH_rules_sectiontexte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. </div></div><div class="TRWIH_rules_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_rules_background{background-color: #0F1B31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_rules_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_rules_quote{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 20px 10px; width: 480px;}.TRWIH_rules_sectiontitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_rules_sectiontexte{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; margin: 15px 10px; padding: 20px; width: 480px; border-right: 5px #D18475 solid;}.TRWIH_rules_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_rules_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_rules_background"> <div class="TRWIH_rules_title">Règlement</div><div class="TRWIH_rules_quote">Ici une petite introduction, elle peut être de la longueur que vous voulez, la taille s'adapte automatiquement. Tous les blocs s'adaptent automatiquement et la hauteur totale de la fiche s'adapte aussi automatiquement.</div><div class="TRWIH_rules_sectiontitle">Titre 1</div><div class="TRWIH_rules_sectiontexte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div><div class="TRWIH_rules_sectiontitle">Titre 2</div><div class="TRWIH_rules_sectiontexte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. </div></div><div class="TRWIH_rules_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_rules_background{background-color: #0F1B31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_rules_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_rules_quote{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 20px 10px; width: 480px;}.TRWIH_rules_sectiontitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_rules_sectiontexte{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; margin: 15px 10px; padding: 20px; width: 480px; border-right: 5px #D18475 solid;}.TRWIH_rules_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_rules_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Contexte
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
Et donc il se passe ça
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_history_background"> <div class="TRWIH_history_title">Contexte</div><div class="TRWIH_history_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_history_subtitle">Et donc il se passe ça</div><div class="TRWIH_history_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div><div class="TRWIH_history_image"><img src="http://via.placeholder.com/100"/></div><div class="TRWIH_history_image"><img src="http://via.placeholder.com/100"/></div><div class="TRWIH_history_image"><img src="http://via.placeholder.com/100"/></div></div><div class="TRWIH_history_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_history_background{background-color: #0F1B31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_history_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_history_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px; width: 480px; margin:10px 0; background-color:rgba(255,255,255,0.4);}.TRWIH_history_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_history_image{width:100px; height:100px; border:1px #eee solid; padding:10px; border-radius:100%;margin:10px 0;}.TRWIH_history_image img{border-radius:100%; width:100%;}.TRWIH_history_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_history_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_history_background"> <div class="TRWIH_history_title">Contexte</div><div class="TRWIH_history_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_history_subtitle">Et donc il se passe ça</div><div class="TRWIH_history_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div><div class="TRWIH_history_image"><img src="http://via.placeholder.com/100"/></div><div class="TRWIH_history_image"><img src="http://via.placeholder.com/100"/></div><div class="TRWIH_history_image"><img src="http://via.placeholder.com/100"/></div></div><div class="TRWIH_history_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_history_background{background-color: #0F1B31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_history_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_history_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px; width: 480px; margin:10px 0; background-color:rgba(255,255,255,0.4);}.TRWIH_history_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_history_image{width:100px; height:100px; border:1px #eee solid; padding:10px; border-radius:100%;margin:10px 0;}.TRWIH_history_image img{border-radius:100%; width:100%;}.TRWIH_history_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_history_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Intrigue n°1
Ohlala tu me croiras jamais ma chérie
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
Et après t'as Etoile de Mer qui m'a dit ça
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_plot_background"> <div class="TRWIH_plot_title">Intrigue n°1</div><div class="TRWIH_plot_image"><img src="http://via.placeholder.com/480x110"/></div><div class="TRWIH_plot_subtitle">Ohlala tu me croiras jamais ma chérie</div><div class="TRWIH_plot_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_plot_subtitle">Et après t'as Etoile de Mer qui m'a dit ça</div><div class="TRWIH_plot_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div></div><div class="TRWIH_plot_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_plot_background{background-color: #0F1B31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_plot_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_plot_image{width:480px; height:100px; border:10px #eee solid; margin:10px 0 0 0; overflow:hidden;}.TRWIH_plot_image img{width:100%;}.TRWIH_plot_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 10px 0; width: 480px; margin:10px;}.TRWIH_plot_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_plot_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_plot_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_plot_background"> <div class="TRWIH_plot_title">Intrigue n°1</div><div class="TRWIH_plot_image"><img src="http://via.placeholder.com/500x100"/></div><div class="TRWIH_plot_subtitle">Ohlala tu me croiras jamais ma chérie</div><div class="TRWIH_plot_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_plot_subtitle">Et après t'as Etoile de Mer qui m'a dit ça</div><div class="TRWIH_plot_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div></div><div class="TRWIH_plot_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_plot_background{background-color: #0F1B31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_plot_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_plot_image{width:500px; height:100px; border:10px #eee solid; margin:10px 0 0 0; overflow:hidden;}.TRWIH_plot_image img{width:100%;}.TRWIH_plot_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 10px 0; width: 480px; margin:10px;}.TRWIH_plot_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_plot_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_plot_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Bottin des [ mot clé]
A — B — C
• Pseudo — célébrité
• Pseudo — célébrité
• Pseudo — célébrité
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_bottin_background"> <div class="TRWIH_bottin_title">Bottin des [ mot clé]</div><div class="TRWIH_bottin_subtitle">A — B — C</div><div class="TRWIH_bottin_text">• Pseudo — célébrité
• Pseudo — célébrité
• Pseudo — célébrité</div></div><div class="TRWIH_bottin_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_bottin_background{background-color: #0F1B31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_bottin_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_bottin_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_bottin_text{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding: 20px; width: 480px; margin:10px 0 0 10px; border-left:10px #385C88 solid;}.TRWIH_bottin_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_bottin_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_bottin_background"> <div class="TRWIH_bottin_title">Bottin des [ mot clé]</div><div class="TRWIH_bottin_subtitle">A — B — C</div><div class="TRWIH_bottin_text">• Pseudo — célébrité
• Pseudo — célébrité
• Pseudo — célébrité</div></div><div class="TRWIH_bottin_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_bottin_background{background-color: #0F1B31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_bottin_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_bottin_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_bottin_text{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding: 20px; width: 480px; margin:10px 0 0 10px; border-left:10px #385C88 solid;}.TRWIH_bottin_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_bottin_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
F.A.Q
Question n°1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.
Question n°2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_faq_background"> <div class="TRWIH_faq_title">F.A.Q</div><div class="TRWIH_faq_subtitle">Question n°1</div><div class="TRWIH_faq_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div><div class="TRWIH_faq_subtitle">Question n°2</div><div class="TRWIH_faq_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_faq_background{background-color: #0F1B31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_faq_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_faq_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_faq_text{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding: 10px; width: 480px; margin:10px 0 10px 0;border-bottom:5px #eee solid;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_faq_background"> <div class="TRWIH_faq_title">F.A.Q</div><div class="TRWIH_faq_subtitle">Question n°1</div><div class="TRWIH_faq_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div><div class="TRWIH_faq_subtitle">Question n°2</div><div class="TRWIH_faq_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_faq_background{background-color: #0F1B31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_faq_title{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_faq_subtitle{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0 0 0;}.TRWIH_faq_text{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding: 10px; width: 480px; margin:10px 0 10px 0;border-bottom:5px #eee solid;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
équipe administrative
Pseudo du staffeux
Une petite phrase qui met bien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.
Pseudo du staffeux
Une petite phrase qui met bien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.
Pseudo du staffeux
Une petite phrase qui met bien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_staff_background"> <div class="TRWIH_staff_title">équipe administrative</div><div class="TRWIH_staff_subtitle">Pseudo du staffeux</div><div class="TRWIH_staff_fonction">Une petite phrase qui met bien</div><div class="TRWIH_staff_image"><img src="http://via.placeholder.com/80"/></div><div class="TRWIH_staff_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div><div class="TRWIH_staff_subtitle">Pseudo du staffeux</div><div class="TRWIH_staff_fonction">Une petite phrase qui met bien</div><div class="TRWIH_staff_image"><img src="http://via.placeholder.com/80"/></div><div class="TRWIH_staff_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_staff_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_staff_title{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_staff_subtitle{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin: 10px 0 0 0;}.TRWIH_staff_fonction{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: right; padding: 10px; width: 480px; border-bottom: 1px #eee solid;}.TRWIH_staff_image{width: 80px; height: 80px; border-radius: 100px; padding: 5px; border: 1px #eee solid; margin: 10px;}.TRWIH_staff_image img{width: 100%; border-radius: 100%;}.TRWIH_staff_text{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding-top: 5px; width: 340px; height: 80px; margin: 10px 0 0 0; overflow: auto; border-bottom: 5px #eee solid;}.TRWIH_staff_text::-webkit-scrollbar {display:none;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_staff_background"> <div class="TRWIH_staff_title">équipe administrative</div><div class="TRWIH_staff_subtitle">Pseudo du staffeux</div><div class="TRWIH_staff_fonction">Une petite phrase qui met bien</div><div class="TRWIH_staff_image"><img src="http://via.placeholder.com/80"/></div><div class="TRWIH_staff_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div><div class="TRWIH_staff_subtitle">Pseudo du staffeux</div><div class="TRWIH_staff_fonction">Une petite phrase qui met bien</div><div class="TRWIH_staff_image"><img src="http://via.placeholder.com/80"/></div><div class="TRWIH_staff_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_staff_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_staff_title{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_staff_subtitle{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin: 10px 0 0 0;}.TRWIH_staff_fonction{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: right; padding: 10px; width: 480px; border-bottom: 1px #eee solid;}.TRWIH_staff_image{width: 80px; height: 80px; border-radius: 100px; padding: 5px; border: 1px #eee solid; margin: 10px;}.TRWIH_staff_image img{width: 100%; border-radius: 100%;}.TRWIH_staff_text{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding-top: 5px; width: 340px; height: 80px; margin: 10px 0 0 0; overflow: auto; border-bottom: 5px #eee solid;}.TRWIH_staff_text::-webkit-scrollbar {display:none;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>

Pour rajouter un staffeux :

Code:
<div class="TRWIH_staff_subtitle">Pseudo du staffeux</div><div class="TRWIH_staff_fonction">Une petite phrase qui met bien</div><div class="TRWIH_staff_image"><img src="http://via.placeholder.com/80"/></div><div class="TRWIH_staff_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac.</div>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Présentation du personnage
Prénom P. Nom
Une petite phrase qui met bien
Surnom :
Écrire ici.
Âge & date de naissance:
Écrire ici.
Lieu de naissance
Écrire ici.
Signe(s) particulier(s) :
Écrire ici.
Métier / occupation :
Écrire ici.
feat. nom de la célébrité / de l'avatar
Caractère

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.

Caractère Histoire

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.

sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_presentation_background"> <div class="TRWIH_presentation_title">Présentation du personnage</div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/60"/></div><div class="TRWIH_presentation_subtitle">Prénom P. Nom</div><div class="TRWIH_presentation_quote">Une petite phrase qui met bien</div><div class="TRWIH_presentation_avatar"><img src="http://via.placeholder.com/100x150"/></div><div class="TRWIH_presentation_blockinfos"> <div>Surnom :</div>Écrire ici. <div>Âge & date de naissance:</div>Écrire ici. <div>Lieu de naissance</div>Écrire ici. <div>Signe(s) particulier(s) :</div>Écrire ici. <div>Métier / occupation :</div>Écrire ici. </div><div class="TRWIH_presentation_featuring">feat. nom de la célébrité / de l'avatar</div><div class="TRWIH_presentation_subtitle">Caractère</div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div><div class="TRWIH_presentation_subtitle">Caractère Histoire</div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_presentation_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_presentation_title{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_presentation_image{width:60px; height:60px; border:1px #eee solid; padding:5px; border-radius:100%; margin:20px 0;}.TRWIH_presentation_image img{border-radius:100%; width:100%;}.TRWIH_presentation_subtitle{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0;}.TRWIH_presentation_quote{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: center; padding: 10px; margin-top:-10px; width: 480px; border-bottom: 1px #eee solid;}.TRWIH_presentation_avatar{width: 100px; height: 150px; border: 5px #eee solid; margin: 10px 0;}.TRWIH_presentation_avatar img{width: 100%;}.TRWIH_presentation_blockinfos{font:10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding:10px; width: 330px; height: 140px; margin: 10px 0 0 15px; overflow: auto;background-color:rgba(255,255,255,0.7); text-transform:lowercase;}.TRWIH_presentation_blockinfos::-webkit-scrollbar {display:none;}.TRWIH_presentation_blockinfos > div{font: 12px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom:1px solid #eee; height:20px; margin:5px 0; width:330px;}.TRWIH_presentation_featuring{width:460px; background-color:#f1f1f1; color:#111; font: 10px "Lora", serif; height:10px; padding:10px; line-height:10px; text-align:center;}.TRWIH_presentation_blocktext{width:480px; height:100px; background-color:#f1f1f1; color:#111; overflow:auto; border:2px #D18475 solid;}.TRWIH_presentation_blocktext::-webkit-scrollbar{width: 5px; background: #f1f1f1;}.TRWIH_presentation_blocktext::-webkit-scrollbar-thumb{height: 30px; background:linear-gradient( to bottom, #385c88, #6f6293, #9d6790, #bf7184, #d18475 );}.TRWIH_presentation_blocktext p{font: 10px "PT Sans", sans-serif; padding:15px; margin-top:-5px; text-align:justify;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_presentation_background"> <div class="TRWIH_presentation_title">Présentation du personnage</div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/70"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/70"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/70"/></div><div class="TRWIH_presentation_image"><img src="http://via.placeholder.com/70"/></div><div class="TRWIH_presentation_subtitle">Prénom P. Nom</div><div class="TRWIH_presentation_quote">Une petite phrase qui met bien</div><div class="TRWIH_presentation_avatar"><img src="http://via.placeholder.com/100x150"/></div><div class="TRWIH_presentation_blockinfos"> <div>Surnom :</div>Écrire ici. <div>Âge & date de naissance:</div>Écrire ici. <div>Lieu de naissance</div>Écrire ici. <div>Signe(s) particulier(s) :</div>Écrire ici. <div>Métier / occupation :</div>Écrire ici. </div><div class="TRWIH_presentation_featuring">feat. nom de la célébrité / de l'avatar</div><div class="TRWIH_presentation_subtitle">Caractère</div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div><div class="TRWIH_presentation_subtitle">Caractère Histoire</div><div class="TRWIH_presentation_blocktext"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_presentation_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_presentation_title{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_presentation_image{width:70px; height:70px; border:1px #eee solid; padding:5px; border-radius:100%; margin:20px 0;}.TRWIH_presentation_image img{border-radius:100%; width:100%;}.TRWIH_presentation_subtitle{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin:10px 0;}.TRWIH_presentation_quote{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: center; padding: 10px; margin-top:-10px; width: 480px; border-bottom: 1px #eee solid;}.TRWIH_presentation_avatar{width: 100px; height: 150px; border: 5px #eee solid; margin: 10px 0;overflow:hidden}.TRWIH_presentation_avatar img{width: 100px;height:150px;}.TRWIH_presentation_blockinfos{font:10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding:10px; width: 345px; height: 150px; margin: 10px 0 0 15px; overflow: auto;background-color:rgba(255,255,255,0.7); text-transform:lowercase;}.TRWIH_presentation_blockinfos::-webkit-scrollbar {display:none;}.TRWIH_presentation_blockinfos > div{font: 12px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom:1px solid #eee; height:20px; margin:5px 0; width:330px;}.TRWIH_presentation_featuring{width:460px; background-color:#f1f1f1; color:#111; font: 10px "Lora", serif; padding:10px; text-align:center;}.TRWIH_presentation_blocktext{width:480px; height:100px; background-color:#f1f1f1; color:#111; overflow:auto; border:2px #D18475 solid;}.TRWIH_presentation_blocktext::-webkit-scrollbar{width: 5px; background: #f1f1f1;}.TRWIH_presentation_blocktext::-webkit-scrollbar-thumb{height: 30px; background:linear-gradient( to bottom, #385c88, #6f6293, #9d6790, #bf7184, #d18475 );}.TRWIH_presentation_blocktext p{font: 10px "PT Sans", sans-serif; padding:15px; margin-top:-5px; text-align:justify;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Présentation du joueur
pseudo du joueur
Âge
Écrire ici.
Double(s) compte(s)
Écrire ici.
Suggestion(s) :
Écrire ici.
Autre chose :
Écrire ici.
petite quote sympa
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_joueur_background"> <div class="TRWIH_joueur_title">Présentation du joueur</div><div class="TRWIH_joueur_subtitle">pseudo du joueur</div><div class="TRWIH_joueur_blockinfos"> <div>Âge</div>Écrire ici. <div>Double(s) compte(s)</div>Écrire ici. <div>Suggestion(s) :</div>Écrire ici. <div>Autre chose :</div>Écrire ici. </div><div class="TRWIH_joueur_avatar"><img src="http://via.placeholder.com/100x150"/></div><div class="TRWIH_presentation_featuring">petite quote sympa</div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_joueur_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_joueur_title{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_joueur_subtitle{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin: 10px 0 0 0;}.TRWIH_joueur_blockinfos{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding: 10px; width: 330px; height: 140px; margin: 10px 15px 0 0; overflow: auto; background-color: rgba(255, 255, 255, 0.7); text-transform: lowercase;}.TRWIH_joueur_avatar{width: 100px; height: 150px; border: 5px #eee solid; margin: 10px 0; overflow: hidden;}.TRWIH_joueur_avatar img{width: 100px; height: 150px;}.TRWIH_joueur_blockinfos > div{font: 12px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 1px solid #eee; height: 20px; margin: 5px 0; width: 330px;}.TRWIH_presentation_featuring{width: 460px; background-color: #f1f1f1; color: #111; font: 10px "Lora", serif; height: 10px; padding: 10px; line-height: 10px; text-align: center;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_joueur_background"> <div class="TRWIH_joueur_title">Présentation du joueur</div><div class="TRWIH_joueur_subtitle">pseudo du joueur</div><div class="TRWIH_joueur_blockinfos"> <div>Âge</div>Écrire ici. <div>Double(s) compte(s)</div>Écrire ici. <div>Suggestion(s) :</div>Écrire ici. <div>Autre chose :</div>Écrire ici. </div><div class="TRWIH_joueur_avatar"><img src="http://via.placeholder.com/100x150"/></div><div class="TRWIH_presentation_featuring">petite quote sympa</div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_joueur_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_joueur_title{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid;}.TRWIH_joueur_subtitle{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee; margin: 10px 0 0 0;}.TRWIH_joueur_blockinfos{font: 10px "PT Sans", sans-serif; color: #f1f1f1; text-align: justify; padding: 10px; width: 345px; height: 150px; margin: 10px 15px 0 0; overflow: auto; background-color: rgba(255, 255, 255, 0.7); text-transform: lowercase;}.TRWIH_joueur_blockinfos::-webkit-scrollbar {display:none;}.TRWIH_joueur_blockinfos > div{font: 12px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 1px solid #eee; height: 20px; margin: 5px 0; width: 330px;}.TRWIH_joueur_avatar{width: 100px; height: 150px; border: 5px #eee solid; margin: 10px 0; overflow: hidden;}.TRWIH_joueur_avatar img{width: 100px; height: 150px;}.TRWIH_presentation_featuring{width: 460px; background-color: #f1f1f1; color: #111; font: 10px "Lora", serif; padding: 10px; text-align: center;}.TRWIH_faq_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_faq_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Event n°1 — Panic at Buckingham Palace
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
another awesome title here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
Here we are again
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_event_background"> <div class="TRWIH_event_title">Event n°1 — Panic at Buckingham Palace</div><div class="TRWIH_event_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_event_image"><img src="http://via.placeholder.com/480x110"/></div><div class="TRWIH_event_subtitle">another awesome title here</div><div class="TRWIH_event_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_event_subtitle">Here we are again</div><div class="TRWIH_event_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div><div class="TRWIH_event_image2"><img src="http://via.placeholder.com/210x110"/></div><div class="TRWIH_event_image2"><img src="http://via.placeholder.com/210x110"/></div></div><div class="TRWIH_event_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_event_background{background-color: #0F1B31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_event_title{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_event_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin:10px;}.TRWIH_event_image{width:480px; height:100px; border:10px #eee solid; margin:10px 0 0 0; overflow:hidden;}.TRWIH_event_image img{width:100%;}.TRWIH_event_subtitle{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin:10px 0 0 0;}.TRWIH_event_image2{width:210px; height:100px; border:10px #eee solid; margin:10px auto 0 auto; overflow:hidden;}.TRWIH_event_image2 img{width:100%;}.TRWIH_event_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_event_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_event_background"> <div class="TRWIH_event_title">Event n°1 — Panic at Buckingham Palace</div><div class="TRWIH_event_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_event_image"><img src="http://via.placeholder.com/480x100"/></div><div class="TRWIH_event_subtitle">another awesome title here</div><div class="TRWIH_event_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_event_subtitle">Here we are again</div><div class="TRWIH_event_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula.</div><div class="TRWIH_event_image2"><img src="http://via.placeholder.com/220x100"/></div><div class="TRWIH_event_image2"><img src="http://via.placeholder.com/220x100"/></div></div><div class="TRWIH_event_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_event_background{background-color: #0F1B31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385C88 solid; outline: 1px #D18475 solid; outline-offset: 5px;}.TRWIH_event_title{width: 480px; height: 50px; background-image: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_event_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin:10px;}.TRWIH_event_image{width:480px; height:100px; border:10px #eee solid; margin:10px 0 0 0; overflow:hidden;}.TRWIH_event_image img{width:100%;}.TRWIH_event_subtitle{font: 25px "Lora", serif; background: linear-gradient(to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin:10px 0 0 0;}.TRWIH_event_image2{width:220px; height:100px; border:10px #eee solid; margin:10px auto 0 auto; overflow:hidden;}.TRWIH_event_image2 img{width:100%;}.TRWIH_event_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_event_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Réponse Event — Commencement
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius.

Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_repevent_background"> <div class="TRWIH_repevent_title">Tour n°1 — Commencement</div><div class="TRWIH_repevent_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius.

Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_repevent_blockdeco"></div></div><div class="TRWIH_repevent_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_repevent_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_repevent_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_repevent_text {font: 10px "PT Sans", sans-serif;color: #eee;border-left: 10px #eee solid;text-align: justify;padding: 15px 0 15px 15px;width: 480px;margin: 10px;}.TRWIH_repevent_blockdeco{width:480px;height:20px;background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 );margin:0 auto;}.TRWIH_repevent_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_repevent_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_repevent_background"> <div class="TRWIH_repevent_title">Tour n°1 — Commencement</div><div class="TRWIH_repevent_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius.

Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_repevent_blockdeco"></div></div><div class="TRWIH_repevent_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_repevent_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_repevent_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_repevent_text {font: 10px "PT Sans", sans-serif;color: #eee;border-left: 10px #eee solid;text-align: justify;padding: 15px 0 15px 15px;width: 480px;margin: 10px;}.TRWIH_repevent_blockdeco{width:480px;height:20px;background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 );margin:0 auto;}.TRWIH_repevent_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_repevent_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Fiche multi-usage
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
Et là un titre important
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_multiuse_background"> <div class="TRWIH_multiuse_title">Fiche multi-usage</div><div class="TRWIH_multiuse_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_multiuse_subtitle">Et là un titre important</div><div class="TRWIH_multiuse_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div></div><div class="TRWIH_multiuse_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_multiuse_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_multiuse_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_multiuse_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_multiuse_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 470px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_multiuse_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_multiuse_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_multiuse_background"> <div class="TRWIH_multiuse_title">Fiche multi-usage</div><div class="TRWIH_multiuse_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_multiuse_subtitle">Et là un titre important</div><div class="TRWIH_multiuse_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div></div><div class="TRWIH_multiuse_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_multiuse_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_multiuse_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_multiuse_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_multiuse_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 450px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_multiuse_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_multiuse_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Les crédits
Concept
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris. Curabitur lacus turpis, dapibus quis nunc in, dictum aliquam est. Aliquam efficitur pretium pulvinar. Integer elementum arcu consectetur, bibendum eros nec, pretium eros. Pellentesque a nulla eleifend, pellentesque nibh nec, molestie mi. Morbi vehicula, felis eu tempus ultricies, magna tellus dictum arcu, sed commodo sapien mi et elit. Vivamus purus purus, suscipit nec luctus a, elementum in lectus. Donec luctus felis tortor, in varius leo porta vitae.
graphisme
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.
codage
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.
autre chose
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_credits_background"> <div class="TRWIH_credits_title">Les crédits</div><div class="TRWIH_credits_subtitle">Concept</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris. Curabitur lacus turpis, dapibus quis nunc in, dictum aliquam est. Aliquam efficitur pretium pulvinar. Integer elementum arcu consectetur, bibendum eros nec, pretium eros. Pellentesque a nulla eleifend, pellentesque nibh nec, molestie mi. Morbi vehicula, felis eu tempus ultricies, magna tellus dictum arcu, sed commodo sapien mi et elit. Vivamus purus purus, suscipit nec luctus a, elementum in lectus. Donec luctus felis tortor, in varius leo porta vitae.</div><div class="TRWIH_credits_subtitle">graphisme</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.</div><div class="TRWIH_credits_subtitle">codage</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.</div><div class="TRWIH_credits_subtitle">autre chose</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.</div></div><div class="TRWIH_credits_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_credits_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_credits_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_credits_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_credits_subtitle{text-transform:lowercase;font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left; text-transform: uppercase; font-weight: bold; width: 480px; margin: 10px 0 -10px 0;}.TRWIH_credits_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_credits_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_credits_background"> <div class="TRWIH_credits_title">Les crédits</div><div class="TRWIH_credits_subtitle">Concept</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris. Curabitur lacus turpis, dapibus quis nunc in, dictum aliquam est. Aliquam efficitur pretium pulvinar. Integer elementum arcu consectetur, bibendum eros nec, pretium eros. Pellentesque a nulla eleifend, pellentesque nibh nec, molestie mi. Morbi vehicula, felis eu tempus ultricies, magna tellus dictum arcu, sed commodo sapien mi et elit. Vivamus purus purus, suscipit nec luctus a, elementum in lectus. Donec luctus felis tortor, in varius leo porta vitae.</div><div class="TRWIH_credits_subtitle">graphisme</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.</div><div class="TRWIH_credits_subtitle">codage</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.</div><div class="TRWIH_credits_subtitle">autre chose</div><div class="TRWIH_credits_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris.</div></div><div class="TRWIH_credits_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_credits_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_credits_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_credits_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_credits_subtitle{text-transform:lowercase;font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left; text-transform: uppercase; font-weight: bold; width: 480px; margin: 10px 0 -10px 0;}.TRWIH_credits_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_credits_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Et tu es maintenant...
validé.e !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris. Curabitur lacus turpis, dapibus quis nunc in, dictum aliquam est. Aliquam efficitur pretium pulvinar. Integer elementum arcu consectetur, bibendum eros nec, pretium eros. Pellentesque a nulla eleifend, pellentesque nibh nec, molestie mi.
Tu peux dès à présent...
te recenser !
Ici tes liens de recensement histoire que ton membre n'aie pas à courir partout et se fasse ensuite engueuler parce qu'il ne s'est pas recensé partout. En revanche, si tu lui mets tous les liens ici mais qu'il fait pas tout, là tu auras le droit de l'engueuler. c:
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_validation_background"> <div class="TRWIH_validation_title">Et tu es maintenant...</div><div class="TRWIH_validation_subtitle">validé.e !</div><div class="TRWIH_validation_image"><img src="http://via.placeholder.com/70"></div><div class="TRWIH_validation_text" style="width:350px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris. Curabitur lacus turpis, dapibus quis nunc in, dictum aliquam est. Aliquam efficitur pretium pulvinar. Integer elementum arcu consectetur, bibendum eros nec, pretium eros. Pellentesque a nulla eleifend, pellentesque nibh nec, molestie mi.</div><div class="TRWIH_validation_title">Tu peux dès à présent...</div><div class="TRWIH_validation_subtitle">te recenser !</div><div class="TRWIH_validation_text">Ici tes liens de recensement histoire que ton membre n'aie pas à courir partout et se fasse ensuite engueuler parce qu'il ne s'est pas recensé partout. En revanche, si tu lui mets tous les liens ici mais qu'il fait pas tout, là tu auras le droit de l'engueuler. c:</div></div><div class="TRWIH_validation_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_validation_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_validation_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_validation_image{width:70px; height:70px; border:5px #f1f1f1 solid; margin:20px 0 10px 0;}.TRWIH_validation_image img{width:100%;}.TRWIH_validation_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_validation_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: right; text-transform: uppercase; font-weight: bold; width: 480px; margin: 10px 0 -10px 0;}.TRWIH_validation_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_validation_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_validation_background"> <div class="TRWIH_validation_title">Et tu es maintenant...</div><div class="TRWIH_validation_subtitle">validé.e !</div><div class="TRWIH_validation_image"><img src="http://via.placeholder.com/70"></div><div class="TRWIH_validation_text" style="width:350px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus egestas tellus, id ultrices urna laoreet vitae. Praesent laoreet, nisi eu tincidunt molestie, metus lacus sollicitudin mi, quis vehicula elit libero at mauris. Curabitur lacus turpis, dapibus quis nunc in, dictum aliquam est. Aliquam efficitur pretium pulvinar. Integer elementum arcu consectetur, bibendum eros nec, pretium eros. Pellentesque a nulla eleifend, pellentesque nibh nec, molestie mi.</div><div class="TRWIH_validation_title">Tu peux dès à présent...</div><div class="TRWIH_validation_subtitle">te recenser !</div><div class="TRWIH_validation_text">Ici tes liens de recensement histoire que ton membre n'aie pas à courir partout et se fasse ensuite engueuler parce qu'il ne s'est pas recensé partout. En revanche, si tu lui mets tous les liens ici mais qu'il fait pas tout, là tu auras le droit de l'engueuler. c:</div></div><div class="TRWIH_validation_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_validation_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_validation_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_validation_image{width:70px; height:70px; border:5px #f1f1f1 solid; margin:20px 0 10px 0;}.TRWIH_validation_image img{width:100%;}.TRWIH_validation_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_validation_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: right; text-transform: uppercase; font-weight: bold; width: 480px; margin: 10px 0 -10px 0;}.TRWIH_validation_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_validation_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Nom du forum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
Equipe administrative
Sherlock Holmes & John H. Watson
statistiques & liens utiles
NOM DU FORUM c'est :


— XXX année(s) / mois d'existence
— XXX membres
— XXX messages
— XXX sujets d'ouvert
— Un event / mini-event / activité en cours
— XXX rps
Rejoignez-nous !
sherlock | www.




480px pour phpBB2 & 2 blocs staff :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_parto_background"> <div class="TRWIH_parto_title">Nom du forum</div><div class="TRWIH_parto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_parto_subtitle">Equipe administrative</div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/210x110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/210x110/"></div><div class="TRWIH_parto_staff">Pseudo & Pseudo</div><div class="TRWIH_parto_subtitle">statistiques & liens utiles</div><div class="TRWIH_parto_blockstats"><center>NOM DU FORUM c'est :</center>

— XXX année(s) / mois d'existence
— XXX membres
— XXX messages
— XXX sujets d'ouvert
— Un event / mini-event / activité en cours
— XXX rps</div><div class="TRWIH_parto_blockstats">— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_title">Rejoignez-nous !</div></div><div class="TRWIH_parto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_parto_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_parto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_parto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_parto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_parto_image{width: 210px; height: 100px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_parto_image img{width: 210px;height:100px;object-fit:cover;}.TRWIH_parto_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_parto_blockstats{width: 210px; height: 100px; background-color: rgba(255, 255, 255, 0.7); font: 10px "PT Sans", sans-serif; color: #111; padding: 10px; margin: 10px 5px 0 5px;overflow:auto}.TRWIH_parto_blockstats a {color:#111; text-decoration:none;}.TRWIH_parto_blockstats::-webkit-scrollbar{display:none;}.TRWIH_parto_imgparto{width: 88px; height: 31px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_parto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_parto_credit a{text-decoration: none; color: #111;}</style>

480px pour phpBB2 & 3 blocs de staff :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_parto_background"> <div class="TRWIH_parto_title">Nom du forum</div><div class="TRWIH_parto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_parto_subtitle">Equipe administrative</div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/135x110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/135x110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/135x110/"></div><div class="TRWIH_parto_staff">Pseudo & Pseudo & Pseudo</div><div class="TRWIH_parto_subtitle">statistiques & liens utiles</div><div class="TRWIH_parto_blockstats"><center>NOM DU FORUM c'est :</center>

— XXX année(s) / mois d'existence
— XXX membres
— XXX messages
— XXX sujets d'ouvert
— Un event / mini-event / activité en cours
— XXX rps</div><div class="TRWIH_parto_blockstats">— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_title">Rejoignez-nous !</div></div><div class="TRWIH_parto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_parto_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_parto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_parto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_parto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_parto_image{width: 135px; height: 100px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_parto_image img{width: 135px;height:100px;object-fit:cover;}.TRWIH_parto_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_parto_blockstats{width: 210px; height: 100px; background-color: rgba(255, 255, 255, 0.7); font: 10px "PT Sans", sans-serif; color: #111; padding: 10px; margin: 10px 5px 0 5px;overflow:auto}.TRWIH_parto_blockstats a {color:#111; text-decoration:none;}.TRWIH_parto_blockstats::-webkit-scrollbar{display:none;}.TRWIH_parto_imgparto{width: 88px; height: 31px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_parto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_parto_credit a{text-decoration: none; color: #111;}</style>

480px pour phpBB2 & 4 blocs de staff :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_parto_background"> <div class="TRWIH_parto_title">Nom du forum</div><div class="TRWIH_parto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_parto_subtitle">Equipe administrative</div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/95/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/95/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/95/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/95/"></div><div class="TRWIH_parto_staff">Pseudo & Pseudo & Pseudo & Pseudo</div><div class="TRWIH_parto_subtitle">statistiques & liens utiles</div><div class="TRWIH_parto_blockstats"><center>NOM DU FORUM c'est :</center>

— XXX année(s) / mois d'existence
— XXX membres
— XXX messages
— XXX sujets d'ouvert
— Un event / mini-event / activité en cours
— XXX rps</div><div class="TRWIH_parto_blockstats">— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_title">Rejoignez-nous !</div></div><div class="TRWIH_parto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_parto_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_parto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_parto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_parto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_parto_image{width: 95px; height: 95px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_parto_image img{width: 95px;height:95px;object-fit:cover;}.TRWIH_parto_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_parto_blockstats{width: 210px; height: 100px; background-color: rgba(255, 255, 255, 0.7); font: 10px "PT Sans", sans-serif; color: #111; padding: 10px; margin: 10px 5px 0 5px;overflow:auto}.TRWIH_parto_blockstats a {color:#111; text-decoration:none;}.TRWIH_parto_blockstats::-webkit-scrollbar{display:none;}.TRWIH_parto_imgparto{width: 88px; height: 31px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_parto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_parto_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB & 2 blocs staff :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_parto_background"> <div class="TRWIH_parto_title">Nom du forum</div><div class="TRWIH_parto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_parto_subtitle">Equipe administrative</div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/210x110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/210x110/"></div><div class="TRWIH_parto_staff">Pseudo & Pseudo</div><div class="TRWIH_parto_subtitle">statistiques & liens utiles</div><div class="TRWIH_parto_blockstats"><center>NOM DU FORUM c'est :</center>

— XXX année(s) / mois d'existence
— XXX membres
— XXX messages
— XXX sujets d'ouvert
— Un event / mini-event / activité en cours
— XXX rps</div><div class="TRWIH_parto_blockstats">— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_title">Rejoignez-nous !</div></div><div class="TRWIH_parto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_parto_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_parto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_parto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_parto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_parto_image{width: 225px; height: 120px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_parto_image img{width: 210px;height:100px;object-fit:cover;}.TRWIH_parto_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_parto_blockstats{width: 220px; height: 100px; background-color: rgba(255, 255, 255, 0.7); font: 10px "PT Sans", sans-serif; color: #111; padding: 10px; margin: 10px 5px 0 5px;overflow:auto}.TRWIH_parto_blockstats a {color:#111; text-decoration:none;}.TRWIH_parto_blockstats::-webkit-scrollbar{display:none;}.TRWIH_parto_imgparto{width: 108px; height: 44px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_parto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_parto_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB & 3 blocs staff :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_parto_background"> <div class="TRWIH_parto_title">Nom du forum</div><div class="TRWIH_parto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_parto_subtitle">Equipe administrative</div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/145x110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/145x110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/145x110/"></div><div class="TRWIH_parto_staff">Pseudo & Pseudo & Pseudo</div><div class="TRWIH_parto_subtitle">statistiques & liens utiles</div><div class="TRWIH_parto_blockstats"><center>NOM DU FORUM c'est :</center>

— XXX année(s) / mois d'existence
— XXX membres
— XXX messages
— XXX sujets d'ouvert
— Un event / mini-event / activité en cours
— XXX rps</div><div class="TRWIH_parto_blockstats">— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_title">Rejoignez-nous !</div></div><div class="TRWIH_parto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_parto_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_parto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_parto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_parto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_parto_image{width: 145px; height: 120px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_parto_image img{width: 145px;height:100px;object-fit:cover;}.TRWIH_parto_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_parto_blockstats{width: 220px; height: 100px; background-color: rgba(255, 255, 255, 0.7); font: 10px "PT Sans", sans-serif; color: #111; padding: 10px; margin: 10px 5px 0 5px;overflow:auto}.TRWIH_parto_blockstats a {color:#111; text-decoration:none;}.TRWIH_parto_blockstats::-webkit-scrollbar{display:none;}.TRWIH_parto_imgparto{width: 108px; height: 44px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_parto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_parto_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB & 4 blocs de Staff :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_parto_background"> <div class="TRWIH_parto_title">Nom du forum</div><div class="TRWIH_parto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_parto_subtitle">Equipe administrative</div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/110/"></div><div class="TRWIH_parto_image"><img src="https://fakeimg.pl/110/"></div><div class="TRWIH_parto_staff">Pseudo & Pseudo & Pseudo & Pseudo</div><div class="TRWIH_parto_subtitle">statistiques & liens utiles</div><div class="TRWIH_parto_blockstats"><center>NOM DU FORUM c'est :</center>

— XXX année(s) / mois d'existence
— XXX membres
— XXX messages
— XXX sujets d'ouvert
— Un event / mini-event / activité en cours
— XXX rps</div><div class="TRWIH_parto_blockstats">— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a>
— <a target="_blank" href="www">lien utile</a></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_parto_title">Rejoignez-nous !</div></div><div class="TRWIH_parto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_parto_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_parto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_parto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_parto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_parto_image{width: 110px; height: 110px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_parto_image img{width: 110px;height:100px;object-fit:cover;}.TRWIH_parto_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_parto_blockstats{width: 220px; height: 100px; background-color: rgba(255, 255, 255, 0.7); font: 10px "PT Sans", sans-serif; color: #111; padding: 10px; margin: 10px 5px 0 5px;overflow:auto}.TRWIH_parto_blockstats a {color:#111; text-decoration:none;}.TRWIH_parto_blockstats::-webkit-scrollbar{display:none;}.TRWIH_parto_imgparto{width: 108px; height: 44px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_parto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_parto_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
News du forum
Nom de la news
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
Autre nouvelle incroyable
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_newsparto_background"> <div class="TRWIH_newsparto_newstitle">News du forum</div><div class="TRWIH_newsparto_image"><img src="https://fakeimg.pl/480x110/"></div><div class="TRWIH_newsparto_subtitle">Nom de la news</div><div class="TRWIH_newsparto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_newsparto_title">Autre nouvelle incroyable</div><div class="TRWIH_newsparto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_newsparto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_newsparto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_newsparto_imgparto"><img src="https://fakeimg.pl/88x31/"></div></div><div class="TRWIH_newsparto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_newsparto_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_newsparto_newstitle{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 10px 0; text-transform: uppercase;}.TRWIH_newsparto_image{width: 480px; height: 100px; border: 10px #eee solid; overflow: hidden;}.TRWIH_newsparto_image img{width: 480px; height: 100px;}.TRWIH_newsparto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_newsparto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_newsparto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 0 10px 10px 10px;}.TRWIH_newsparto_imgparto{width: 88px; height: 31px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_newsparto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_newsparto_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_newsparto_background"> <div class="TRWIH_newsparto_newstitle">News du forum</div><div class="TRWIH_newsparto_image"><img src="https://fakeimg.pl/480x110/"></div><div class="TRWIH_newsparto_subtitle">Nom de la news</div><div class="TRWIH_newsparto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_newsparto_title">Autre nouvelle incroyable</div><div class="TRWIH_newsparto_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_newsparto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_newsparto_imgparto"><img src="https://fakeimg.pl/88x31/"></div><div class="TRWIH_newsparto_imgparto"><img src="https://fakeimg.pl/88x31/"></div></div><div class="TRWIH_newsparto_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_newsparto_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_newsparto_newstitle{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 10px 0; text-transform: uppercase;}.TRWIH_newsparto_image{width: 480px; height: 120px; border: 10px #eee solid; overflow: hidden;}.TRWIH_newsparto_image img{width: 480px; height: 120px;}.TRWIH_newsparto_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_newsparto_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_newsparto_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 0 10px 10px 10px;}.TRWIH_newsparto_imgparto{width: 108px; height: 51px; border: 10px #eee solid; margin: 10px auto 10px auto; overflow: hidden;}.TRWIH_newsparto_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_newsparto_credit a{text-decoration: none; color: #111;}</style>
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Les groupes
Groupe 1
Petite phrase sympa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
Groupe 2
Petite phrase sympa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.
sherlock | www.




480px pour phpBB2 :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_groups_background"> <div class="TRWIH_groups_title">Les groupes</div><div class="TRWIH_groups_subtitle">Groupe 1</div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_staff">Petite phrase sympa</div><div class="TRWIH_groups_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_groups_subtitle">Groupe 2</div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/90/"></div><div class="TRWIH_groups_staff">Petite phrase sympa</div><div class="TRWIH_groups_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div></div><div class="TRWIH_groups_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_groups_background{background-color: #0f1b31; width: 480px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_groups_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_groups_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_groups_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_groups_image{width: 90px; height: 90px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_groups_image img{width: 100%;}.TRWIH_groups_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_groups_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_groups_credit a{text-decoration: none; color: #111;}</style>

500px pour ModernBB :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=PT+Sans&display=swap" rel="stylesheet"><div class="TRWIH_groups_background"> <div class="TRWIH_groups_title">Les groupes</div><div class="TRWIH_groups_subtitle">Groupe 1</div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_staff">Petite phrase sympa</div><div class="TRWIH_groups_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_groups_subtitle">Groupe 2</div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_image"><img src="https://fakeimg.pl/100/"></div><div class="TRWIH_groups_staff">Petite phrase sympa</div><div class="TRWIH_groups_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div></div><div class="TRWIH_groups_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<style>.TRWIH_groups_background{background-color: #0f1b31; width: 500px; padding: 10px; margin: 10px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; border: 10px #385c88 solid; outline: 1px #d18475 solid; outline-offset: 5px;}.TRWIH_groups_title{width: 480px; height: 50px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 50px; color: #eee;}.TRWIH_groups_text{font: 10px "PT Sans", sans-serif; color: #eee; text-align: justify; padding: 10px 0 0px 0; width: 480px; margin: 10px;}.TRWIH_groups_subtitle{font: 25px "Lora", serif; background: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; text-transform: uppercase; font-weight: bold; width: 480px; height: 40px; border-bottom: 1px #eee solid; margin: 10px 0 0 0;}.TRWIH_groups_image{width: 100px; height: 100px; border: 10px #eee solid; margin: 10px auto 0 auto; overflow: hidden;}.TRWIH_groups_image img{width: 100px;height:100px;object-fit:cover;}.TRWIH_groups_staff{width: 480px; height: 20px; background-image: linear-gradient( to right, #385c88, #6f6293, #9d6790, #bf7184, #d18475 ); font: 18px "Lora", serif; text-align: center; line-height: 0px; color: #eee; margin: 20px 0 0 0;}.TRWIH_groups_credit{font: 10px "Lora", serif; color: #111; margin: 10px auto; height: 20px; width: 500px;}.TRWIH_groups_credit a{text-decoration: none; color: #111;}</style>
Contenu sponsorisé
Sujets similaires
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum