{ CRÉER SON JOURNAL INTIME : EXPLICATIONS }

<div class="baTMM"><img class="imgTMM" src="https://www.blackconfetti.fr/wp-content/uploads/2017/11/AC03A598-E164-4CAE-83A2-1D656516A7DD-1024x768.jpg"><span class="tiTMM">Photo et légende courte ici</span>
<b>Titre ici</b>
Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page ! Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !
<span class="endTMM">À suivre...</span></div>

[center]Codé par [url=https://emmescodes.tumblr.com/]Emme's codes[/url] [/center]

<link href="https://fonts.googleapis.com/css?family=Permanent+Marker|Shadows+Into+Light|Source+Sans+Pro" rel="stylesheet"><style type="text/css">.baTMM {column-count: 2;column-gap: 20px;width: 500px;margin: auto;font-size: 12px;border: 1px solid transparent;font-family: Source Sans Pro;line-height: 130%;}.imgTMM {margin: auto;display: block;border-radius: 5px;border-color: #FFF;border-width: 10px 10px 30px;border-style: solid;transform: rotate(5deg);box-shadow: 3px 3px 12px #00000045;width: 220px;height: 240px;}.tiTMM {font-family: Shadows Into Light;display: block;text-align: center;font-size: 18px;margin: -22px 0 5px;position: relative;color: #111;transform: rotate(3deg);}.baTMM b {display: block;margin: 5px 0 -10px 20px;font-size: 13px;}.endTMM {font-family: Permanent Marker;display: block;margin: 20px 0px;font-size: 20px;transform: rotate(-3deg);text-transform: uppercase;text-align: center;}</style>

<div class="OJW"><div class="abOJW"><div class="otOJW"><img src="https://i.imgur.com/Rno70HE.jpg">Titre</div><div class="xxOJW"><img src="https://i.imgur.com/ld0Yvui.jpg">Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici. Un post équivaut à une page !

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !<img src="https://i.imgur.com/OlCbVoa.png">

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !</div>

<div class="rrOJW" style="background: #000; color: #FFF"><div class="loOJW"><img src="https://i.imgur.com/SZ2mKxj.jpg">Journal intime<span>de (votre pseudo)
<b>Interdiction d'ouvrir</b></span></div>
<div class="inOJW"><span><img src="https://i.imgur.com/MakcjKL.jpg">Titre</span><div>Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici.

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !</div><span><img src="https://i.imgur.com/6AQmL1f.jpg">Titre</span><div>Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici.

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !</div></div></div></div></div><a href="https://emmescodes.tumblr.com/" class="miOJW" style="color: #000;">code by EMME</a>

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style>@font-face {font-family: 'WTW'; src: url('https://cdn.staticaly.com/gh/EmmesCodes/Tipografias/97a7dec4/WAKINGTHEWITCH.ttf');} .OJW div::-webkit-scrollbar {width: 3px !important; background: #CCC !important;} .OJW div::-webkit-scrollbar-thumb {background: #333 !important;} .OJW {width: 602px; border: 1px solid transparent; margin: auto; height: 402px; perspective: 1200px; color: #333;} .OJW, .OJW * {transition: 1s; box-sizing: border-box;} .abOJW {width: 50%; position: relative; height: 400px; background: #FFF; margin-left: 25%; perspective: 1500px; box-shadow: 2px 2px 5px #0006, 0px 10px 15px -5px #0006;} .OJW:hover .abOJW {margin-left: 50%;} .rrOJW, .inOJW {top: 0; left: 0; width: 100%; height: 100%; position: absolute;} .rrOJW {transform-style: preserve-3d; transform-origin: left center;} .rrOJW:before {content: ""; width: calc(100% - 20px); height: calc(100% - 20px); top: 10px; left: 10px; position: absolute; border: 1px dotted;} .OJW:hover .rrOJW {transform: translateY(0%) rotateY(-180deg);} .loOJW {position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); text-align: center; width: 200px; font: 25px WTW; letter-spacing: 2px;} .loOJW img {max-height: 150px; display: block; margin: -20px auto 10px;} .loOJW span {display: block; font: 10px/11px Roboto; letter-spacing: 1px;} .loOJW span b {font-size: 12px;} .inOJW {background: #FFF; transform: rotateY(-180deg); -webkit-backface-visibility: hidden; color: #333; border-right: 1px dashed #aaa; padding: 30px;} .OJW:hover .inOJW {box-shadow: 2px 2px 5px #0006, 0px 10px 15px -5px #0006;} .inOJW span {font: 30px/40px WTW;} .inOJW span img {height: 40px; vertical-align: middle; float: right; margin-top: -5px;} .inOJW div {font: 11px Roboto; text-align: justify; height: 120px; overflow: auto; margin: 0 0 30px 30px; padding-right: 3px;} .otOJW {font: 30px WTW; text-align: center; padding: 1px;} .otOJW img {height: 40px; display: block; margin: 20px auto -5px;} .xxOJW {margin: 0 20px; padding: 20px; font: 11px Roboto; text-align: justify; overflow: auto; height: 290px;} .xxOJW img {height: 50px;} .xxOJW img:nth-of-type(odd) {float: left; margin-right: 3px;} .xxOJW img:nth-of-type(even) {float: right; margin-left: 3px;} .miOJW {display: block; font: 10px Roboto; text-align: center; transition: .5s;} .miOJW:hover {letter-spacing: 5px;}</style>

<div class="LAO"><div class="inLAO"><div class="poLAO"><div class="huLAO"><img src="https://i.imgur.com/EPwdTf3.jpg"><span>Journal intime</span><i>de (votre pseudo)
<b>Interdiction d'ouvrir</b></i></div><div class="izLAO"><div><img src="https://i.imgur.com/YSjBbQl.jpg"></div><div><img src="https://i.imgur.com/ZDqmoXB.jpg?2"></div>

</div></div><div class="deLAO"><div class="ttLAO" style="background: url(https://i.imgur.com/Ik3QSBy.jpg);"><b>00/00</b></div><div class="xxLAO">Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !

Le texte de votre choix ici. Vous pouvez rédiger un vrai journal intime, déposer les pensées de votre personnage, résumer son ressenti après un RP, jauger son évolution etc. Un post équivaut à une page !</div><img src="https://i.imgur.com/FSFGEpR.jpg" class="uiLAO"></div></div></div><a href="https://emmescodes.tumblr.com/" class="miLAO" style="color: #000;">code by EMME</a>

<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet"><style>@font-face {font-family: 'WTW'; src: url('https://cdn.staticaly.com/gh/EmmesCodes/Tipografias/97a7dec4/WAKINGTHEWITCH.ttf');} .LAO * {transition: 1s; box-sizing: border-box;} .LAO {width: 602px; border: 1px solid transparent; margin: auto;} .inLAO {color: #333; width: 300px; height: 400px; margin-left: 25%; position: relative; perspective: 1200px; background: linear-gradient(to left, #e7e6f3 10%, #ffffff 80%, #e7e6f3 100%); border: 1px solid transparent; box-shadow: 2px 2px 5px 3px #0000004d;} .LAO:hover .inLAO {margin-left: 50%;} .poLAO {-webkit-backface-visibility: hidden; background: #000; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); transform-style: preserve-3d; transform-origin: left center; color: #FFF; text-align: center; margin: -1px; z-index: 100;} .LAO:hover .poLAO {transform: translateY(0%) rotateY(-180deg);} .huLAO, .poLAO:before {position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%);} .huLAO img {max-height: 150px;} .huLAO span {display: block; font: 30px WTW; letter-spacing: 4px;} .huLAO i {font: 10px/12px Indie Flower;} .huLAO i b {font: 14px/12px Indie Flower;} .poLAO::before {content: ""; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px dotted;} .izLAO {transform: translateY(0%) rotateY(-180deg); -webkit-backface-visibility: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #333; padding: 30px; border-right: 1px dashed #BBB; background: linear-gradient(to right, #e7e6f3 10%, #ffffff 50%, #ffffff 80%,#e4e3f2 100%); text-align: left;} .LAO:hover .izLAO {box-shadow: -4px 4px 5px 1px #0000004d;} .izLAO div {background: #FFF9; padding: 10px; margin: 10px; box-shadow: 2px 2px 5px #0006; position: relative;} .izLAO div:nth-of-type(odd){transform: rotate(5deg); margin-bottom: 20px;} .izLAO div:nth-of-type(even){transform: rotate(-3deg);} .izLAO img {width: 100%; height: 130px;} .izLAO div::after {content: ""; transform: skew(-15deg, 0deg)rotate(5deg)translateX(-50%); position: absolute; width: 50px; height: 25px; background: #e1e1e1b3; top: -10px; left: 50%;} .ttLAO {border: 10px solid transparent; padding: 30px 0; text-align: center; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; mix-blend-mode: multiply; margin-top: 20px;} .ttLAO b {font: 18px/14px WTW; display: block; background: #FFF; padding-top: 5px; letter-spacing: 2px; text-transform: uppercase;} .xxLAO {font: 14px/15px Indie Flower; padding: 0 30px; text-align: center; margin: 0 10px; overflow: auto; height: 200px;} .uiLAO {display: block; margin: 15px auto; height: 50px; mix-blend-mode: multiply;} .LAO div::-webkit-scrollbar {width: 3px !important; background: #CCC !important;} .LAO div::-webkit-scrollbar-thumb {background: #333 !important;} .miLAO {display: block; text-align: center; font: 11px Indie Flower; transition: .5s;} .miLAO:hover {letter-spacing: 5px;}</style>