-28%
Le deal à ne pas rater :
Précommande : Smartphone Google Pixel 8a 5G Double Sim 128Go ...
389 € 539 €
Voir le deal

Aller en bas
Chroma
Chroma
Admin
Messages : 7
Date d'inscription : 04/11/2022

Feuille de personnage
Inventaire:
InventaireQuantitéQuantitéNom de l'objetNom de l'objetImageImage
labo de code Empty

labo de code Empty labo de code

Mar 4 Avr - 18:40

Salut !
Moi c'est Chroma, anciennement intégratrice. Je code encore un peu à mes heures perdues.



Code:
[b]Pseudo :[/b]
[b]Type de code :[/b] Rp, lien, signature, autre...
[b]Demande spécifique :[/b] Style, couleurs, formes, images, référence...
[b]Schéma :[/b]
[b]Autre :[/b]
Pour demander un code copie le formulaire de droite. Que ce soit des fiches de liens, de rp, de sms, de signature...
Chroma
Chroma
Admin
Messages : 7
Date d'inscription : 04/11/2022

Feuille de personnage
Inventaire:
InventaireQuantitéQuantitéNom de l'objetNom de l'objetImageImage
labo de code Empty

labo de code Empty Re: labo de code

Mar 4 Avr - 18:48
Léonce WarzinskiBluetoothLífClarisse Rivoire
Titre du rpRésumé du rp, rencontre entre des criminels de renom dans l'hopital. Ils vont mettre au point leur prochain plan.@chroma
Titre du rp

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.


Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.


Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



Code:
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"><style type="text/css">.chf-content{width: 460px;} .chf-content:hover .chf-card {transform: rotateY( 180deg ); } .chf-card{position: relative; transform-style: preserve-3d; transition: transform 1s; width: 460px; height: 600px; font-family: 'Open Sans', sans-serif;} .chf-card > figure{display: block; width: 100%; height: 100%; margin: 0; backface-visibility: hidden;} .chf-card:hover .chf-content {opacity: 1;} .chf-body{display: flex; flex-wrap: wrap; gap: 10px;} .chf-left{display: flex; flex-direction: column; justify-content: space-between;gap: 10px; width: 230px;} .chf-right{display: flex; flex-direction: column; justify-content: space-between; gap: 10px; width: 220px;} .chf-bloc{background-color: #000} .chf-bloc1{height: 290px;} .chf-bloc2{display: flex; flex-direction: column; justify-content: space-around; align-items: center; height: 130px; padding: 10px; color: #fff; text-transform: uppercase;} .chf-bloc3{display: flex; gap: 10px; height: 140px;} .chf-small-bloc{width: 115px; height: 140px;} .chf-bloc4{height: 150px;} .chf-bloc5{display: flex; flex-direction: column; justify-content: end; align-items: center; height: 140px; padding: 10px; text-align: center; background: #000; color: #fff;} .chf-title{text-transform: uppercase; font-size: 30px; font-weight: 600;} .chf-bloc5 .chf-subtitle{font-size: 10px;} .chf-copyright{font-size: 10px;} .chf-bloc6{height: 270px;} .chf-back {position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 5px 5px; transform: rotateY( 180deg ); height: 600px; color: #fff; overflow-y: scroll; background: #000; transition-duration : 2s;} .chf-textcontent {padding: 20px;}</style><div class="chf-content"><div class="chf-card"><figure class="front"><div class="chf-body"><div class="chf-left"><div class="chf-bloc chf-bloc1" style="background-image:url('IMAGE_1_230x290');"></div><div class="chf-bloc chf-bloc2"><span>CAST</span><span>CAST</span><span>CAST</span><span>CAST</span></div><div class="chf-bloc3"><div class="chf-bloc chf-small-bloc" style="background-image: url('PETITE_IMAGE_2_110x140');"></div><div class="chf-bloc chf-small-bloc" style="background-image: url('PETITE_IMAGE_3_110x140');"></div></div></div><div class="chf-right"><div class="chf-bloc chf-bloc4" style="background-image:url('IMAGE_4_220x150');"></div><div class="chf-bloc5"><span class="chf-title">Titre du rp</span><span class="chf-subtitle">Résumé du rp, un peu long quand même, ça fait plus classe.</span><span class="chf-copyright">@chroma</span></div><div class="chf-bloc chf-bloc6" style="background-image:url('IMAGE_5_220x270');"></div></div></div></figure><figure class="chf-back"><div class="chf-textcontent"><span class="chf-title">Titre du rp</span><p>Texte du rp</p></div></figure></div></div>
Titre du rp
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@chroma


Code:
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet"> <style type="text/css">.cha-content{position: relative; width: 500px; min-height: 650px; background-position-y: bottom; background-size: cover; background-color: #f1bfcb; background-image: url('https://i.servimg.com/u/f62/13/23/07/03/20bb8510.jpg');} .cha-body {position: absolute; top: 145px; left: 110px; width: 255px; max-height: 400px; padding-right: 50px; overflow-y: auto;} .cha-title {padding-bottom: 10px; font-family: 'Caveat'; font-size: 35px;} .cha-text{font-size: 16px;} .cha-copyright{position: absolute; bottom: 10px; right: 10px; font-size: 10px; }</style> <div class="cha-content"><div class="cha-body"><div class="cha-title">Titre du rp</div><div class="cha-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div><span class="cha-copyright">@chroma</span></div>
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum