Accueil
Dernières images
FAQ
Membres
Groupes
S'enregistrer
Connexion
Gouverneur
Modèle - Tinder Dim 29 Nov - 22:04
tinder
Nom du personnage 23 ans
Phrase de description avec les envies du personnages qui peut être un texte court ou plus long.
- Code:
<div id="tinder"><div class="tp-tin"><p>tinder</p><span class="th th-tinder"></span></div>
<div class="im-tin" style="background: url(https://via.placeholder.com/250x300)"></div>
<div class="tx-tin">
<h1><b>Nom du personnage</b> 23 ans</h1>
<p>Phrase de description avec les envies du personnages qui peut être un texte court ou plus long.
</p></div><div class="buts-tin"><span class="th th-reload"></span><span class="th th-cross"></span><span class="th th-star"></span><span class="th th-heart-1"></span><span class="th th-flash"></span></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>
<style>#tinder {--gradient: linear-gradient(152deg, #8ecfbf 0%, #c8d6d3 100%);}#tinder br {display: none;}#tinder {width:300px; min-height: 300px; border: 1px solid #eaeaea; border-radius: 25px; margin: 0 auto; margin-top: 30px; overflow: hidden; background: #f9f9f9; order: 1;}.tp-tin {position: relative; height: 100px; background: var(--gradient); border-radius: 0px 00px 100% 100%; margin-left: -1px; margin-right: -1px}.tp-tin span {border-radius: 100%; height: 60px; width: 60px; margin: 0 auto; display: block; color: #fff; background: var(--gradient); position: relative; top: 13px; font-size: 30px; display: flex; align-items: center; justify-content: center; border: 5px solid #fff;}.tp-tin p {margin: 0 auto; position: absolute; top:15px; left: 10px; right: 10px; color: #fff; text-align: center; font: 50px 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-weight: 900; font-style: italic; opacity: .6}.tx-tin p br {display: block; margin: 5px}.im-tin {height: 300px; margin: 25px;}.tx-tin {margin: 25px; color: #555; font: 11px 'Montserrat', sans-serif;}.tx-tin h1 {margin: 0px; font-weight: 300; font-size: 21px;}.tx-tin b {color: #95D0C2;}.tx-tin p {margin-top: 5px; text-align: justify;}.buts-tin {margin: 25px; display: flex; justify-content: space-between;align-items: center;}.buts-tin span {background: #fff; display block; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); cursor: crosshair; transform: scale(1); transition: .3s}.buts-tin span:hover {transform: scale(1.1)}.buts-tin span:nth-child(1n) {height: 30px; width: 30px; font-size: 15px;}.buts-tin span:nth-child(2n) {height: 50px; width: 50px; font-size: 20px;}.buts-tin span:nth-child(1) {color: #FDC620}.buts-tin span:nth-child(2){color: #F54F6A}.buts-tin span:nth-child(3) {color: #02ECB8}.buts-tin span:nth-child(4) {color: #C851F3}.buts-tin span:nth-child(5) {color: #04B5F4}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}</style><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
Gouverneur
Re: Modèle - Tinder Dim 29 Nov - 22:08
Match!
Pseudo et Pseudo match ensemble !
- Code:
<div id="tinder"><div class="tp-us"><h1>Match!</h1></div>
<div class="ims-us">
<div class="mi-us" style="background: url(https://via.placeholder.com/90)"></div>
<span class="th th-heart-1"></span>
<div class="mi-us" style="background: url(https://via.placeholder.com/90)"></div>
</div><div class="ik-us">
<b>Pseudo</b> et <b>Pseudo</b> match ensemble !
</div>
</div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>
<style>#tinder { --gradient: linear-gradient(152deg, #8ecfbf 0%, #c8d6d3 100%);}#tinder br {display: none;}#tinder {width:300px; min-height: 300px; border: 1px solid #eaeaea; border-radius: 25px; margin: 0 auto; margin-top: 30px; overflow: hidden; background: #f9f9f9; order: 1;}#tinder .tp-us {position: relative; height: 100px; background: var(--gradient); border-radius: 0px 00px 20% 20%; margin-left: -1px; margin-right: -1px; display: flex; flex-direction: column; align-items: center; justify-content: center;}#tinder .tp-us h1 {text-align: center; color: #fff; font: 50px 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-weight: 900; font-style: italic; opacity: .6; margin-top: 50px;}#tinder .im-us {height: 100px; width: 100px; border: 5px solid #fff; border-radius: 100%; animation: ckd 1.7s linear infinite;}#tinder .ims-us {display: flex; align-items: center; justify-content: center; height: 150px;}#tinder .ims-us span {margin-left: 15px; margin-right: 15px; font-size: 30px; color: #95D0C2}#tinder .mi-us {height: 90px; width: 90px; border: 5px solid #fff; border-radius: 100%; box-shadow: 0 0 1px #ccc;}#tinder .ik-us {margin: 20px; margin-top: 0px; text-align: center; font: 12px 'Montserrat', sans-serif; color: #555}#tinder .ik-us b {color: #95D0C2; text-transform: uppercase; font-size: 10px; font-weight: 800;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
Gouverneur
Re: Modèle - Tinder Dim 29 Nov - 22:11
Prénom Nom
Salut ! J'adore ta photo, mais ce qui n'a vraiment donné le coup de cœur, c'est ta description !
Ton gros cul aussi ;)
- Code:
<div id="tinder"><div class="tp-msj"><div class="im-msj" style="background: url(https://via.placeholder.com/100)"></div>
<h1>Prénom Nom</h1>
</div><div class="out-msj">
<span>Salut ! J'adore ta photo, mais ce qui n'a vraiment donné le coup de cœur, c'est ta description !</span>
<span>Ton gros cul aussi ;)</span>
</div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>
<style>#tinder { --gradient: linear-gradient(152deg, #8ecfbf 0%, #c8d6d3 100%);}#tinder br {display: none;}#tinder {width:300px; min-height: 300px; border: 1px solid #eaeaea; border-radius: 25px; margin: 0 auto; margin-top: 30px; overflow: hidden; background: #f9f9f9; order: 1;} #tinder .tp-msj {position: relative; height: 250px; background: var(--gradient); border-radius: 0px 00px 20% 20%; margin-left: -1px; margin-right: -1px; display: flex; flex-direction: column; align-items: center; justify-content: center;}#tinder .im-msj {height: 100px; width: 100px; border-radius: 100px; border: 10px solid #fff;}#tinder .tp-msj h1 {text-align: center; color: #fff; font: 20px 'Montserrat', sans-serif; font-weight: 700; font-style: italic; opacity: .6; margin-bottom: -5px;}#tinder .out-msj br{display: block!important}#tinder .out-msj {margin: 25px; text-align: right; font: 13px 'Montserrat', sans-serif;}#tinder .out-msj span {background: var(--gradient); color: #fff; display: inline-block; border-radius: 10px 10px 0px 10px; margin-top: 5px; padding: 10px;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
Contenu sponsorisé
