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 :
Nintendo Switch Bleue disponible en précommande ...
Voir le deal
199.99 €

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo.

Point 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo. Cras et
sherlock | www.




Fiche technique :

— Fiche de règlement (après si vous voulez l'utilisez pour d'autres trucs, faites-vous plaisir)
— 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 plusieurs couleurs : gris/noir : #222 | gris/noir un peu plus foncé : #111 | turquoise : #7dc4ba | bleu ciel : #98cce5 | bleu un peu plus foncé : #497f93 | violet : #644993.
— La largeur totale fait 500px pour les deux versions.
— La hauteur totale de la fiche s'adapte automatiquement quand vous rajoutez des blocs.

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.
Pour phpBB2 et ses copains (donc tous sauf ModernBB et AwesomeBB) :

Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&family=Viaoda+Libre&display=swap" rel="stylesheet"><div class="FTW_rules_background"> <div class="FTW_rules_title">Règlement</div><div class="FTW_rules_blockintro"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo.</p></div><div class="FTW_rules_blocksoustitre">Point 1</div><div class="FTW_rules_block01">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo.</div><div class="FTW_rules_block02">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo. Cras et</div><div class="FTW_rules_credits">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div></div><style>.FTW_rules_background{width:500px; margin:0 auto;}.FTW_rules_title{width: 300px; height: 100px; background-color: #333; border-left: 10px #7dc4ba solid; border-right: 190px #7dc4ba solid; font:25px 'Viaoda Libre', cursive; line-height:90px; text-align:center; color:#7DC4BA;}.FTW_rules_blockintro{width: 440px; height: 80px; background-color: #111; margin: 10px auto; border-left: 50px #98cce5 solid; border-right: 10px #98cce5 solid; overflow: auto;}.FTW_rules_blockintro p{margin:10px; font:11px 'Roboto', sans-serif; color:#ddd; text-align:justify;}.FTW_rules_blocksoustitre{width: 500px; height: 50px; background-color: #222; margin: 10px 0; font:25px 'Viaoda Libre', cursive; text-align:center; color:#7DC4BA; line-height:50px;}.FTW_rules_block01{width: 280px; background-color: #333; border-left: 200px #497f93 solid; padding: 10px; font: 11px 'Roboto', sans-serif; color: #ddd; text-align: justify; height: 100px; overflow: auto;}.FTW_rules_block02{width: 280px; background-color: #333; margin: 10px auto; border-right: 200px #644993 solid; padding: 10px; font: 11px 'Roboto', sans-serif; color: #ddd; text-align: justify; height: 100px; overflow: auto;}.FTW_rules_block01::-webkit-scrollbar{display: none;}.FTW_rules_block02::-webkit-scrollbar{display: none;}.FTW_rules_blockintro::-webkit-scrollbar{display: none;}.FTW_rules_credits{font: 11px 'Roboto', sans-serif;color: #111; margin: 10px auto; height: 20px; width: 500px;}.FTW_rules_credits a{text-decoration: none; color: #111;}</style>

Pour ModernBB et AwesomeBB :


Code:
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&family=Viaoda+Libre&display=swap" rel="stylesheet"><div class="FTW_rules_background"> <div class="FTW_rules_title">Règlement</div><div class="FTW_rules_blockintro"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo.</p></div><div class="FTW_rules_blocksoustitre">Point 1</div><div class="FTW_rules_block01">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo.</div><div class="FTW_rules_block02">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo. Cras et</div><div class="FTW_rules_credits">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div></div>

<style>.FTW_rules_background{width:500px; margin:0 auto;}.FTW_rules_title{width: 500px; height: 100px; background-color: #333; border-left: 10px #7dc4ba solid; border-right: 190px #7dc4ba solid; font:25px 'Viaoda Libre', cursive; line-height:90px; text-align:center; color:#7DC4BA;}.FTW_rules_blockintro{width: 500px; height: 80px; background-color: #111; margin: 10px auto; border-left: 50px #98cce5 solid; border-right: 10px #98cce5 solid; overflow: auto;}.FTW_rules_blockintro p{margin:10px; font:11px 'Roboto', sans-serif; color:#ddd; text-align:justify;}.FTW_rules_blocksoustitre{width: 500px; height: 50px; background-color: #222; margin: 10px 0; font:25px 'Viaoda Libre', cursive; text-align:center; color:#7DC4BA; line-height:50px;}.FTW_rules_block01{width:500px; background-color: #333; border-left: 200px #497f93 solid; padding: 10px; font: 11px 'Roboto', sans-serif; color: #ddd; text-align: justify; height: 100px; overflow: auto;}.FTW_rules_block02{width: 500px; background-color: #333; margin: 10px auto; border-right: 200px #644993 solid; padding: 10px; font: 11px 'Roboto', sans-serif; color: #ddd; text-align: justify; height: 100px; overflow: auto;}.FTW_rules_block01::-webkit-scrollbar{display: none;}.FTW_rules_block02::-webkit-scrollbar{display: none;}.FTW_rules_blockintro::-webkit-scrollbar{display: none;}.FTW_rules_credits{font: 11px 'Roboto', sans-serif;color: #111; margin: 10px auto; height: 20px; width: 500px;}.FTW_rules_credits a{text-decoration: none; color: #111;}</style>

Pour rajouter un bloc "titre" :

Code:
<div class="FTW_rules_blocksoustitre">Point 1</div>

Pour rajouter un bloc "bleu" :

Code:
<div class="FTW_rules_block01">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo.</div>

Pour rajouter un bloc "violet" :

Code:
<div class="FTW_rules_block02">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac bibendum dui. Ut vitae libero ornare, elementum massa eu, sodales quam. Nullam et volutpat massa. Donec eu suscipit erat, nec iaculis purus. Proin finibus lectus vel purus ullamcorper, rutrum ultrices nibh porttitor. Nunc eget lorem quis nisi ullamcorper convallis. Pellentesque sit amet cursus erat. Etiam aliquam vitae tortor quis ullamcorper. Vivamus ornare diam rhoncus, pharetra dolor et, posuere justo. Cras et</div>
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum