BH love qu'est-ce que c'est ? Il s'agit de la petite application de Beacon Hills qui vous permettra de vous aider dans votre tâche à trouver l'amour, ou bien une relation d'un soir, ou n'importe quelle autre type de relation, cela ne tient qu'à vous. Il vous suffit, pour ce faire, d'ouvrir un nouveau sujet à votre nom, puis d'utiliser ce petit codage ci-dessous :

Code:

<div class="MM014"><input type="radio" name="MM014" id="MM014-01" checked><input type="radio" name="MM014" id="MM014-02">

<div class="MM014-in m1"><div class="MM014-img" style="background-image: url(https://i.insider.com/63d00b1edef14100198e0fac?width=700);"></div>
<div class="MM014-tt"><b>Informations</b>Pseudo ou nom ▸ âge ▸ orientation sexuelle</div>
<div class="MM014-txt">Ici on présente son personnage, ses intérêts si nécessaire, ect. On met l'essentiel en <b>caractère gras</b> si besoin.</div>
</div><label for="MM014-01"></label>

<div class="MM014-in m2"><div class="MM014-img" style="background-image: url(https://i.insider.com/63d00b1edef14100198e0fac?width=700);"></div>
<div class="MM014-tt"><b>Recherches</b>▸ Recherche toujours d'actualité ▸ [strike]Recherche terminée[/strike]</div>
<div class="MM014-txt">Ici on décrit ses recherches : relation sérieuse, relation sans lendemain, ect. Comme bon vous semble.</div>
</div><label for="MM014-02"></label>


</div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto+Slab&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MM014 label:hover:before, .MM014-tt b::after, .MM014-txt b { color: #1dcac4; } .MM014, .MM014 * { box-sizing: border-box; scrollbar-color: #1dcac4 #0002; scrollbar-width: thin; } .MM014 { width: 300px; height: 400px; position: relative; background: #0001; margin: auto; border-radius: 40px; border: 10px solid transparent; font: 10px Montserrat; color: #666; } .MM014-in, .MM014 label {transition: 0s; cursor: pointer; position: absolute; background: #FFF; right: 0; border-radius: 30px; box-shadow: 0 20px 30px -30px #000d; } .MM014-in { top: 0; left: 0; bottom: 90px; transform: translate(calc(100% + 20px)); opacity: 0; pointer-events: none; transition: .5s; display: flex; flex-wrap: wrap; border: 20px solid transparent; } .MM014 label { bottom: 0; width: calc(50% - 5px); height: 80px; margin: 0; opacity: 0; pointer-events: none; display: flex; align-items: center; justify-content: center; z-index: 10; color: inherit; } .MM014 label::before { content:"\ebc6"; font: 16px honeybee; } #MM014-01:checked ~ label[for*="-05"]::before, #MM014-02:checked ~ label[for*="-01"]::before, #MM014-03:checked ~ label[for*="-02"]::before, #MM014-04:checked ~ label[for*="-03"]::before, #MM014-05:checked ~ label[for*="-04"]::before { content:"\ebb9"; } #MM014-01:checked ~ label[for*="-02"], #MM014-02:checked ~ label[for*="-03"], #MM014-03:checked ~ label[for*="-04"], #MM014-04:checked ~ label[for*="-05"], #MM014-05:checked ~ label[for*="-01"], #MM014-01:checked ~ .MM014-in.m1, #MM014-02:checked ~ .MM014-in.m2, #MM014-03:checked ~ .MM014-in.m3, #MM014-04:checked ~ .MM014-in.m4, #MM014-05:checked ~ .MM014-in.m5 { transform: translate(0); opacity: 1; pointer-events: auto; } #MM014-02:checked ~ .MM014-in.m1, #MM014-03:checked ~ .MM014-in.m2, #MM014-04:checked ~ .MM014-in.m3, #MM014-05:checked ~ .MM014-in.m4, #MM014-01:checked ~ .MM014-in.m5 { transform: translate(calc(-100% - 20px)); } #MM014-01:checked ~ label[for*="-05"], #MM014-02:checked ~ label[for*="-01"], #MM014-03:checked ~ label[for*="-02"], #MM014-04:checked ~ label[for*="-03"], #MM014-05:checked ~ label[for*="-04"] { right: inherit; left: 0; opacity: 1; pointer-events: auto; } .MM014 label:active { transform: scale(.9) !important; } .MM014-img { width: calc(50% - 5px); height: 100px; border-radius: 15px; margin-right: 10px; background-position: center; background-size: cover; } .MM014-tt { width: calc(50% - 5px); align-self: center; } .MM014-tt b { font: 14px Roboto Slab; display: block; } .MM014-tt b::after { content: ""; display: block; width: 35px; margin: 5px 0 7px; border-top: 2px solid; } .MM014-txt { width: 100%; height: calc(100% - 110px); margin-top: 10px; text-align: justify; overflow: auto; padding-right: 3px; } .MM014 input, .MM014 br { display: none; } .MM014-tt br, .MM014-txt br { display: block; margin: 5px; } .MM014 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM014 div::-webkit-scrollbar-thumb { background: #1dcac4 !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>

Code:

<div class="simple dark"><h3>@pseudo du personnage</h3><pp>laisser un message</pp></div><div class="simple dark"><!--

-->Écrivez ici le message que vous désirez laisser</div>

Utilisez le même code pour répondre au message reçu.