AccueilFiche & boutons
@ Yang
Pseudo et pronoms : /
Genre du personnage : /
Faceclaim : /
Crédits : (c) poesiescendrees
Triggers : /
Warnings : /
Yue : 108
Messages : 59
Date d'inscription : 05/11/2023
Boutons
me contacter
@ Yang
Pseudo et pronoms : /
Genre du personnage : /
Faceclaim : /
Crédits : (c) poesiescendrees
Triggers : /
Warnings : /
Yue : 108
Messages : 59
Date d'inscription : 05/11/2023
« L’amour est-il réellement possible au milieu des flammes de la guerre ? »
Cette aube-là, quelques rayons percent les feuilles ondoyantes pour s’abattre sur la silhouette reposant sur un lit. Une larme s’échappe du visage de l’aîné pour prendre le large et naviguer jusqu’aux rides embrassées par la lumière de ce soleil qu’il ne peut qu’adorer. Yang, il ne pourra jamais oublier la fille du soleil à qui il a donné en offrande son amour. L’homme qui auparavant était un soldat inflexible a vu son cœur se réchauffer à son doux soleil. Ce même astre qui ne cessait de le narguer d’être interdit, il ne pouvait se prélasser sous ce dernier car il appartenait à l’ennemi. Après qu’il soit revenu dans son pays natal, elle avait essayé de le rejoindre en traversant désespérément la mer qui les séparait, refusant le mariage arrangé dans lequel elle était enfermée. Et si la mort m’étreint qu’il n’y ait dans cette vie que cet homme de l’autre côté. Hiro, rencontrons-nous dans notre prochaine vie.
Lire plus
Boutons
50x50
88x31
100x35
Merci
- Code:
<div class="MM066">
<div class="MM066-tt"><b>Site</b><a href="https://centsoleils.forumactif.com">https://centsoleils.forumactif.com/</a></div>
<input type="radio" name="MM066" id="MM066-01" checked />
<input type="radio" name="MM066" id="MM066-02" />
<input type="radio" name="MM066" id="MM066-03" />
<input type="radio" name="MM066" id="MM066-04" />
<div class="MM066-fx">
<div class="MM066-la">
<label for="MM066-01">Contexte</label>
<label for="MM066-02">Liens utiles</label>
<label for="MM066-03">Boutons</label>
<label for="MM066-04">Avec amour</label>
</div>
<div class="MM066-da">
<div class="MM066-txt m1">
<div style="background-image: url(https://i.pinimg.com/564x/94/2f/ca/942fca369e2e556b9f9fa8c0ed8a8442.jpg);"></div>
<span><i>« L’amour est-il réellement possible au milieu des flammes de la guerre ? »</i><br />
Cette aube-là, quelques rayons percent les feuilles ondoyantes pour s’abattre sur la silhouette reposant sur un lit. Une larme s’échappe du visage de l’aîné pour prendre le large et naviguer jusqu’aux rides embrassées par la lumière de ce soleil qu’il ne peut qu’adorer. Yang, il ne pourra jamais oublier la fille du soleil à qui il a donné en offrande son amour. L’homme qui auparavant était un soldat inflexible a vu son cœur se réchauffer à son doux soleil. Ce même astre qui ne cessait de le narguer d’être interdit, il ne pouvait se prélasser sous ce dernier car il appartenait à l’ennemi. Après qu’il soit revenu dans son pays natal, elle avait essayé de le rejoindre en traversant désespérément la mer qui les séparait, refusant le mariage arrangé dans lequel elle était enfermée. <i>Et si la mort m’étreint qu’il n’y ait dans cette vie que cet homme de l’autre côté. Hiro, rencontrons-nous dans notre prochaine vie.</i></span>
<a href="https://centsoleils.forumactif.com/t2-contexte-chronologie">Lire plus</a>
</div>
<div class="MM066-txt m2">
<b>Administration</b>
<a href="https://centsoleils.forumactif.com/u2"><b>Admin</b><span>Ryu Jum</span></a>
<a href="URL"><b>Admin</b><span>Genji Kami</span></a>
<a href="URL"><b>Admin</b><span>Moon Yu-Hwan</span></a>
<a href="URL"><b>Mod</b><span>Vacant</span></a>
<b>Navigation</b>
<div>
<a href="https://centsoleils.forumactif.com/t4-reglement"><span class="th th-bee"></span><b>Règles</b></a>
<a href="https://centsoleils.forumactif.com/t9-les-familles-influentes"><span class="th th-notebook"></span><b>Familles influentes</b></a>
<a href="https://centsoleils.forumactif.com/t7-la-magie"><span class="th th-star"></span><b>Magie</b></a>
<a href="https://centsoleils.forumactif.com/t6-les-nations"><span class="th th-bookmark-1"></span><b>Nations</b></a>
<a href="https://centsoleils.forumactif.com/t5-groupes"><span class="th th-users"></span><b>Groupes</b></a>
<a href="https://discord.gg/myxkFNHNJu"><span class="th th-discord"></span><b>Discord</b></a>
</div>
</div>
<div class="MM066-txt m3">
<b>Boutons</b>
<div><div><a href="https://centsoleils.forumactif.com/"><img src="https://zupimages.net/up/23/50/lvrh.png" /></a>
50x50
<textarea rows="2" disabled><a href="https://centsoleils.forumactif.com/"><img src="https://zupimages.net/up/23/50/lvrh.png" /></a></textarea>
<a href="https://centsoleils.forumactif.com/"><img src="https://zupimages.net/up/23/50/fm2j.png" /></a>
88x31
<textarea rows="2" disabled><a href="https://centsoleils.forumactif.com/"><img src="https://zupimages.net/up/23/50/fm2j.png" /></a></textarea>
<a href="https://centsoleils.forumactif.com/"><img src="https://zupimages.net/up/23/50/x2bt.png" /></a>
100x35
<textarea rows="2" disabled><a href="https://centsoleils.forumactif.com/"><img src="https://zupimages.net/up/23/50/x2bt.png" /></a></textarea>
</div></div></div>
<div class="MM066-txt m4">
<span class="th th-heart-1"></span>
<b>Merci</b>
</div>
</div></div><a href="https://emmescodes.tumblr.com/">emme's codes</a>
</div><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Concert+One&family=Montserrat&display=swap" rel="stylesheet"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>.MM066, .MM066 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .5s; } .MM066 input, .MM066 br { display: none; } .MM066 { width: 500px; margin: auto; border-radius: 20px; overflow: hidden; font: 10px Montserrat; color: #e1e8f0; } .MM066-tt { padding: 10px; background: #C21E17; display: flex; align-items: center; } .MM066-tt > b { font: 20px Concert One; text-transform: uppercase; letter-spacing: 2px; margin: 0 10px 2px 5px; } .MM066-tt > a { flex: 1; background: #e1e8f0; border-radius: 10px; padding: 9px 10px 7px; letter-spacing: 2px; } .MM066-fx { background: #646C8D; display: flex; } .MM066-la { background: #7a82a1; padding: 15px 20px; display: flex; flex-direction: column; width: 150px; } .MM066-la label { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; display: flex; font-size: 8px; align-items: center; cursor: pointer; padding: 5px 0; color: #434868; } .MM066-la label::before { content: ""; width: 5px; border-top: 2px solid; margin-right: 5px; transition: .3s; } #MM066-01:checked ~ div label[for*="01"]::before, #MM066-02:checked ~ div label[for*="02"]::before, #MM066-03:checked ~ div label[for*="03"]::before, #MM066-04:checked ~ div label[for*="04"]::before { width: 20px; } #MM066-01:checked ~ div label[for*="01"], #MM066-02:checked ~ div label[for*="02"], #MM066-03:checked ~ div label[for*="03"], #MM066-04:checked ~ div label[for*="04"] { color: #e1e8f0; } .MM066-da { flex: 1; margin: 20px; position: relative; overflow: hidden; } .MM066-da > div { min-height: 300px; transform: translate(100%); } .MM066-da > div ~ div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #MM066-01:checked ~ div .m1, #MM066-02:checked ~ div .m2, #MM066-03:checked ~ div .m3, #MM066-04:checked ~ div .m4 { transform: translate(0%); } .MM066-txt { display: flex; flex-direction: column; } .MM066 > a { display: block; background: #e1e8f0; text-align: center; letter-spacing: 5px; padding: 5px 0 5px 5px; } .MM066-txt.m1 > div { height: 120px; border-radius: 10px; background-position: center; background-size: cover; border: 5px solid #e1e8f0; } .MM066-txt.m1 > span { padding: 20px; text-align: justify; hyphens: auto; } .MM066-txt > b, .MM066-txt.m1 > a { margin: auto; background: #e1e8f0; font: bold 8px Montserrat; text-transform: uppercase; letter-spacing: 2px; padding: 8px 12px 8px 14px; border-radius: 10px; } .MM066-txt > b { margin: 0 auto 10px; color: #434868 !important; } .MM066-txt.m2 > div > a, .MM066-txt.m2 > a { border-radius: 10px; text-transform: uppercase; padding: 5px; background: #434868; } .MM066-txt.m2 > a { display: flex; align-items: center; } .MM066-txt.m2 > a > * { background:#C21E17; padding: 8px; color: #e1e8f0; letter-spacing: 2px; border-radius: 5px 0 0 5px; } .MM066-txt.m2 > a > span { flex: 1; text-align: right; background: #e1e8f0; color: #434868; border-radius: 0 5px 5px 0; } .MM066-txt.m2 > div > a:hover, .MM066-txt.m2 a:hover { background: #7a82a1; } .MM066-txt.m1 > a:hover { background: #C21E17; } .MM066 a { color: #434868 !important; font: bold 8px montserrat; } .MM066-txt.m2 > b ~ b { margin-top: 30px; } .MM066-txt.m2 > div { display: flex; flex-wrap: wrap; } .MM066-txt.m2 > div > a { text-align: center; flex-grow: 1; min-width: 25%; } .MM066-txt.m2 > div > a > span { font-size: 16px; display: block; padding: 10px; background: #e1e8f0; border-radius: 5px 5px 0 0; } .MM066-txt.m2 > div > a > b { background:#C21E17; display: block; padding: 3px 10px; letter-spacing: 1px; color: #e1e8f0; border-radius: 0 0 5px 5px; } .MM066-txt.m3 > div { flex: 1; margin-top: 5px; position: relative; } .MM066-txt.m3 > div > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; text-align: center; } .MM066-txt.m3 textarea { border: none; width: 100%; border-radius: 10px; padding: 8px; text-align: center; color: #434868; font: 10px Montserrat; background: #e1e8f0; } .MM066-txt.m4 { justify-content: center; } .MM066-txt.m4 > span { margin: 0 auto 15px; font-size: 70px; color: #C21E17; -webkit-text-stroke: 5px #7b8bad; animation: late 1.5s infinite; } @keyframes late { 0% { transform: scale(1)); } 10% { transform: scale(.8); } 20% { transform: scale(1); } 40% { transform: scale(.8); } 70% { transform: scale(1); } 100% { transform: scale(1); } } .MM066-txt.m3 > div > div br, .MM066-txt.m1 > span br { display: block; } .MM066-txt.m3 > div > div br + br, .MM066-txt.m1 > span br + br { margin: 5px; } .MM066 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM066 div::-webkit-scrollbar-thumb { background: #0006 !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>
me contacter
|
|
|