Tuto de mise en page, Selon Reinhartd

Lun 21 Mai - 8:29

Je me permet de vous partager mes mises en page pour le rp, pour ce que cela intéresse.

Texte encadrer avec fond

Aperçu:

Code:: <center>
<div style="background-image: url('LIENDELIMAGEDEFOND'); width : 530px; border: solid 1px #5f5f5f; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 0px;">
<span style="font-family: Ariel; font-size: 30px; font-weight: bolder; text-shadow: 0px 0px 1px #790036; color: #e5e5e5; margin-right: auto; margin-left: auto; margin-top: -15px; padding-bottom: -25px; "><span style="color: #3f4747; text-shadow: 0px 0px 1px #3f4747; font-family: Ariel; font-size: 40px">T</span>itre</span><span style="display: block; text-align: center; font-size: 11px; color: #000000;font-family: times new roman; "></span> <div style="width : 480px; background-color: #252727; border-top : solid 2px #e5e5e5; border-bottom : solid 2px #e5e5e5;"> <div style="width : 450px; padding : 0px; font-family: Ariel; letter-spacing: 2px; font-size: 13px; color : #e5e5e5; text-align : justify;">
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab

</div> </div>
</div>
</center>

Remplacer : LIENDELIMAGEDEFOND par votre adresse lien de votre image.
Voici un hébergeur https://www.noelshack.com/

Remplacer Titre par le votre.

background-color: #252727 => votre couleur de fond de votre texte
Code couleur -> http://www.code-couleur.com/
Si vous voulez en transparent aller sur le site -> https://www.css3maker.com/css-3-rgba.html
Faites vos règles de CSS3 Styles
Et copiez tout le code background-color..... cela remplacera
background-color: #252727

Lun 21 Mai - 8:37

Texte sur fond image

Aperçu:

Code:: <center> <div style="background-image:url(LIENDELIMAGEDEFOND); width: 80%; background-repeat: no-repeat; background-color:#EFE293; padding: 15px 15px; box-shadow:0px 0px 10px #000000; border-radius:80px 80px 0px 0px; border-left:4px solid #1b0301; border-right:4px solid #1b0301; border-bottom:4px solid #1b0301;">


   <div style="font-family: 'Ariel'; color: #020601; font-size:40px; text-align:center; margin-top: -10px;margin-right:-5px;text-shadow:4px 4px 4px #140800;">Spring Break</div>

  <div style="background-color: rgba(235,247,232,0.7); padding: 10px; box-shadow: 0px 0px 15px 3px #140800; text-align: justify; font-family: 'Arial', cursive; font-size: 13px; border-radius:5px; width:80%; border:1px solid #140800; color: #3e2b3e;">
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab

blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab

</div> </div>
</div>
</center>

Remplacer : LIENDELIMAGEDEFOND par votre adresse lien de votre image.
Voici un hébergeur https://www.noelshack.com/

Pour régler le transparent aller sur le site -> https://www.css3maker.com/css-3-rgba.html
Faites vos règles de CSS3 Styles
Et copiez tout le code background-color..... à la place de background-color: rgba(235,247,232,0.7) situé quelques lignes avant le texte

Lun 21 Mai - 8:48

Texte avec Bannière, fond clair

Aperçu:

Code:: <center> <style>.general {width: 500px; text-align: justify; background-color: #EFEFEF; line-height: 10px; border-bottom: 1px solid #CBCBCB; font-size: 10px; margin-left: 20px; margin-right: 20px; margin: auto;} .intro {font-size: 30px; color: #262626; margin-bottom: -10px; border-bottom: 2px solid #262626; padding-bottom: 3px;} .nom {width: 100%; background-color: #8a2928; text-shadow : 0px 0px 5px white; text-align: center; font-weight: bold; font-family: garamond; letter-spacing: -4px;}.bloc_texte {margin: auto; width: 440px; overflow: auto; text-align: justify; padding: 8px; background-color: #E8E8E8; border: 2px solid rgb(208, 207, 209); color: rgb(113, 118, 128); text-shadow: 1px 1px 1px rgb(191, 191, 192);}</style>

<div class="general"><img src="LIENDELIMAGEDEFOND" width="500px"><div class="intro"> <div class="nom">TITRE</div></div>

<div class="bloc_texte">[color=#000000][size=13]blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab

blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab[/size][/color]</div>

</div></center>

Remplacez : TITRE par votre titre
Remplacez LIENDELIMAGEDEFOND par votre adresse lien de votre image.
Voici un hébergeur https://www.noelshack.com/

Pour change le fond de votre titre background-color: #8a2928 => votre couleur de fond de votre titre. Cela est situé dans le code .nom {
Code couleur #8a2928
A l'aide de ce site http://www.code-couleur.com/

Lun 21 Mai - 9:15

Texte avec Bannière, fond foncé

Aperçu:

Code:: <style>.general {width: 500px; text-align: justify; background-color: #8a2928; line-height: 10px; border-bottom: 1px solid #444545; font-size: 10px; margin-left: 20px; margin-right: 20px; margin: auto;} .intro {font-size: 30px; color: #262626; margin-bottom: -10px; border-bottom: 2px solid #262626; padding-bottom: 3px;} .nom {width: 100%; background-color: #8a2928; text-shadow : 0px 0px 5px white; text-align: center; font-weight: bold; font-family: garamond; letter-spacing: -4px;}.bloc_texte {margin: auto; width: 440px; overflow: auto; text-align: justify; padding: 8px; background-color: #000000; border: 2px solid #444545; color: #ffffff;}</style>

<div class="general"><img src="LIENDELIMAGEDEFOND" width="500px"><div class="intro"> <div class="nom">TITRE</div></div>

<div class="bloc_texte">[size=13]blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab

blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab
lablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablab[/size]</div>

</div>
</center>

Remplacez : TITRE par votre titre
Remplacez LIENDELIMAGEDEFOND par votre adresse lien de votre image.
Voici un hébergeur https://www.noelshack.com/

Pour change le fond de votre titre background-color: #8a2928 => votre couleur de fond de votre titre. Cela est situé dans le code .nom { et dans .general{
Code couleur #8a2928
A l'aide de ce site http://www.code-couleur.com/

[/quote]

Rechercher

Résultats par : Messages Sujets
Recherche avancée