Mise en page messages #1

Sujet: Mise en page messages #1 Jeu 7 Mar - 20:01

Citation :: Je vous rappelle que vous n'avez pas le droit de modifier mes codes. Juste les textes/images et les couleurs, mais pas le code en lui-même. Merci de votre compréhension. Certains de mes codes sont signés avec mon site web, don't worry. ~ On n'oublie pas de créditer !

Code par D-W

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 !

HTML + CSS

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 D-W</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 !</p></fieldset>

HTML

Code:: <div class="reglement"><fieldset> <legend align="center">Code par D-W</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 !</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;
}

Sujet: Re: Mise en page messages #1 Ven 8 Mar - 16:04

C'est beau *-*
Comment doit on l'utiliser ? :)

Sujet: Re: Mise en page messages #1 Ven 8 Mar - 16:46

Eh bien tu mets le code dans un message quoi ! 8D
Si c'est pas ton forum tu peux mettre celui avec le HTML et le CSS. Mais si c'est ton forum, pour alléger, tu mets le CSS dans la feuille et le HTML sur le sujet. ô/

Merci ça me fait plaisir ^^

Sujet: Re: Mise en page messages #1

» Mise en page messages #2
» Mise en page pour galerie ϟ absolute.sunshine
» Page d'accueil | Lila | Sunhae

Mise en page messages #1

Mise en page messages #1

Sujets similaires

Sujets similaires