Règlement n°1

Voici donc le premier code ! :D Réalisé à la base pour les règlements, il peut servir pour ce que vous souhaitez ! Il s'adapte à la longueur.

Code par Kaktus

Sous-titre ici ~ N'oubliez pas de créditer merci !

Voici un aperçu du code ! A la base inventé pour les règlements, vous pouvez bien sûr en faire l'utilisation de votre choix ! Je ne vous autorise qu'à modifier les couleurs, merci de votre compréhension. Vous voulez plusieurs blocs ? Copiez/Collez celui-ci et collez le à la suite, hop un nouveau bloc de créé ! Faites-le autant de fois que vous le désirez ! ~

HTML

Code:: <div class="reglement"><fieldset> <legend align="center">Code par Kaktus</legend> <div class="soustitre">Sous-titre ici ~ N'oubliez pas de créditer merci !</div> <p>Voici un aperçu du code ! A la base inventé pour les règlements, vous pouvez bien sûr en faire l'utilisation de votre choix ! Je ne vous autorise qu'à modifier les couleurs, merci de votre compréhension. Vous voulez plusieurs blocs ? Copiez/Collez celui-ci et collez le à la suite, hop un nouveau bloc de créé ! Faites-le autant de fois que vous le désirez ! ~</p></fieldset></div>

CSS

Code:: .reglement fieldset {
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-radius: 20px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
text-align: justify;
border: 3px solid #81B6D1;
padding: 0px;
}

.reglement fieldset p {
padding: 10px;
}

.reglement fieldset legend {
font-size: 25px;
padding: 10px;
color: #81B6D1;
font-family: Georgia;
font-style: italic;
text-transform: uppercase;
text-shadow: 1px 1px 0px white;
align: center;
}

.soustitre {
display: block;
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-radius: 20px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
margin-left: -3px;
background-color: #81B6D1;
text-align: center;
color: white;
}

CSS + HTML

Code:: <fieldset style="-webkit-border-radius: 20px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius: 20px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; border-radius: 20px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; text-align: justify; border: 3px solid #81B6D1; padding: 0px;"> <legend style="font-size: 25px; padding: 10px; color: #81B6D1; font-family: Georgia; font-style: italic; text-transform: uppercase; text-shadow: 1px 1px 0px white; text-align: center;">Code par Kaktus</legend> <div style="display: block; -webkit-border-radius: 20px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius: 20px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; border-radius: 20px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; margin-left: -3px; background-color: #81B6D1; text-align: center; color: white;">Sous-titre ici ~ N'oubliez pas de créditer merci !</div> <p style="padding: 10px;">Voici un aperçu du code ! A la base inventé pour les règlements, vous pouvez bien sûr en faire l'utilisation de votre choix ! Je ne vous autorise qu'à modifier les couleurs, merci de votre compréhension. Vous voulez plusieurs blocs ? Copiez/Collez celui-ci et collez le à la suite, hop un nouveau bloc de créé ! Faites-le autant de fois que vous le désirez ! ~</p></fieldset>