Partagez | 
 

 Mise en page messages #1

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar

JE SUIS.. Invité !
Invité




profil +

MessageSujet: 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;
}
Revenir en haut Aller en bas

avatar

JE SUIS.. Invité !
Invité




profil +

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


C'est beau *-*
Comment doit on l'utiliser ? :)
Revenir en haut Aller en bas

avatar

JE SUIS.. Invité !
Invité




profil +

MessageSujet: 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 ^^
Revenir en haut Aller en bas



JE SUIS.. Contenu sponsorisé !





profil +

MessageSujet: Re: Mise en page messages #1   


Revenir en haut Aller en bas
 

Mise en page messages #1

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Heart Art :: Archives LS :: Codage-