Proposer son prédéfini

<center><div id="circe"><div class="left"><img src="https://i.imgur.com/suCCWfM.png" class="img"><div class="icon"><span class="th th-blossom"></span></div><div class="maintittle">Nom/Prénom(s)</div><div class="minitext"><center>[size=13][color=#99cc99]LIBRE[/color]/[color=#cc3333]PRIS[/color][/size]</center></div><div class="about"><div class="dato"><span class="number">.001</span> âge</div><div class="dato"><span class="number">.002</span> sexe </div><div class="dato"><span class="number">.003</span> groupe</div><div class="dato"><span class="number">.004</span> date de naissance</div><div class="dato"><span class="number">.005</span> lieu de naissance</div></div></div><div class="right"><div class="information"><div class="borderdiag"></div><div class="contentinfo"><div class="text"><div class="textittle">psychology</div> Trait — Trait — Trait — Trait — Trait — Trait — Trait — Trait.<br><br> <div class="textittle2">story</div>Père Castor, raconte-nous son histoire.<br><br><div class="textittle">extras</div><span class="number">»</span> Ce petit détail en plus<br><span class="number">»</span> Ce petit détail en plus<br><span class="number">»</span> Ce petit détail en plus<br><span class="number">»</span> Ce petit détail en plus<br><span class="number">»</span> Ce petit détail en plus<br><br><div class="textittle2">likes</div><span class="number">»</span> xxx<br><span class="number">»</span> xxx<br><span class="number">»</span> xxx <br><span class="number">»</span> xxx<br><span class="number">»</span> xxx<br><br><br><div class="textittle">dislikes</div><span class="number">»</span> xxx<br><span class="number">»</span> xxx<br><span class="number">»</span> xxx <br><span class="number">»</span> xxx<br><span class="number">»</span> xxx<br><br><br></div></div></div></div></div><a href="http://evassmat.com/a9ue" class="cactuscodes">cactus</a></center><style>#circe{width: 530px;height: 530px;background-color:#fff;cursor: context-menu;font-family: nunito;color: #c4c1ce;}#circe .left{width: 210px;height: 460px;background-color: #fff;position: relative;display: inline-block;top: 35px;left: 2px;overflow:hidden;}#circe .img{width: 100px;height: 100px;border-radius: 50%;position: relative;top: 50px;}#circe .maintittle{font-weight: 900;text-transform: uppercase;text-align:center;position: relative;top: 30px;letter-spacing: 2px;font-size: 13px;color: #dfdbe1;}#circe .icon{font-size: 39px;color: #fcfcfc;font-weight: 600;position: relative;top: -18px;}#circe .minitext{width: 150px;height: 70px;overflow:hidden;line-height: 90%;font-size:10px;text-align: justify;letter-spacing: 0.03em;position: relative;top: 45px;text-transform:lowercase;}#circe .about{width: 150px;height: 150px;position: relative;top: 50px;overflow: hidden;}#circe .dato{font-size: 10px;display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;transition:0.5s linear;margin-top: 5px;text-transform:lowercase;}#circe .number{color: #dfdbe1;font-weight: 800;margin-right: 5px;letter-spacing: 0px;}#circe .dato:after{content: '';border-top: 1px solid #eaeaec;margin: 0 0 0 10px;flex: 1 0 10px;}#circe .dato:hover{letter-spacing: 1px;transition:0.5s linear;}#circe .right{width: 240px;height: 460px;position: relative;display: inline-block;top: 35px;right: 2px;overflow:hidden;background-image:url('https://i.imgur.com/YQsIK6J.png');background-size:cover;overflow:hidden;}#circe .information{overflow:hidden;display:block;margin-top:460px;transition:1s linear;}#circe:hover .information{margin-top:140px;transition:1s linear;}#circe .borderdiag{width: 0;height: 0;border-style: solid;border-width: 0 390px 90px 0;position:relative;right: 15px;border-color: transparent transparent #FFFFFF transparent;opacity: 0.95;}#circe .contentinfo{background-color:rgba(255, 255, 255, 0.95);height: 300px;width: 240px;position:relative;top: 0px;}#circe .text{width: 180px;height: 210px;font-size: 10px;text-align:justify;position: relative;top: -15px;overflow:auto;line-height: 110%;}#circe .text::-webkit-scrollbar {width: 0px !important;}#circe .text::-webkit-scrollbar-track {width: 0px !important;}#circe .text::-webkit-scrollbar-thumb {width: 0px !important;}#circe .textittle{display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;transition:0.5s linear;font-weight: 900;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;color: #e6e5e8;margin-bottom: 15px;background: url(http://via.placeholder.com/240x460) -20px -20px fixed;-webkit-text-fill-color: transparent;-webkit-background-clip: text;}#circe .textittle:after{content: '';border-top: 1px solid #eaeaec;margin: 0 0 0 10px;flex: 1 0 10px;}#circe .textittle:hover{transition:1s linear;letter-spacing: 2px;}#circe .textittle2{display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;transition:0.5s linear;font-weight: 900;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;color: #c3c1cd;margin-bottom: 15px;transition:1s linear;background: url(http://via.placeholder.com/240x460) -20px -20px fixed;-webkit-text-fill-color: transparent;-webkit-background-clip: text;}#circe .textittle2:before{content: '';border-top: 1px solid #eaeaec;margin: 0 10px 0 0;flex: 1 0 10px;}#circe .textittle2:hover{transition:1s linear;letter-spacing: 2px;}#circe .icon2{color: #c3c1cd;}.cactuscodes{color: #ccc;text-decoration: none;font-family:georgia;font-size: 9px;text-transform: uppercase;font-weight:100;}</style><link href="https://fonts.googleapis.com/css?family=Nunito:400,800,900&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">