Accueil
Portail
Calendrier
FAQ
Rechercher
Membres
Groupes
S'enregistrer
Connexion
avoir un
Tylter
Vous voulez inventer une vie sur les réseaux sociaux à votre personnage? Créez lui un Tylter, le twitter de ce monde! Si vous n'avez pas accès à photoshop ou autre logiciel de ce genre, vous pouvez utiliser le site photopea afin de recadrer vos images. Pour les héberger, vous pouvez utiliser servimg (www).
Pour le post d'en-tête, copier-coller le code ci-dessous et remplacer les données en majuscule afin de compléter le message d'en-tête. L'image de couverture est de 450*180. La photo de profil est de 110*110.
Vous pouvez mettre en lien le moodboard (pinterest) de votre personnage, sa playlist spotify ou son altagram. Sinon, effacer le code suivant du code principale.
Pour publier un tylt sans images, copier-coller le code ci-dessous et remplacer les mots en majuscules. L'image de profil est de 60*60
Pour publier un tylt avec une image, copier-coller le code ci-dessous et remplacer les mots en majuscules. L'image est de 400*400
Pour publier un tylt avec deux images, copier-coller le code ci-dessous et remplacer les mots en majuscules. Les images sont de 205*205
explications
Votre titre de message doit obligatoirement débuter par tylter @pseudo.Pour le post d'en-tête, copier-coller le code ci-dessous et remplacer les données en majuscule afin de compléter le message d'en-tête. L'image de couverture est de 450*180. La photo de profil est de 110*110.
- Code:
- <div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>TYLTER</b><br/></div></div><div class="port-tl"><img src="URL IMAGE 450*180"/></div><div class="img-tl"><img src="URL IMAGE 110*110"/></div><div class="desc-tl"><div class="icons-tl colorfn"><i class="fas fa-ellipsis-h"></i><i>suivre</i><div class="colorfn btn-tl"></div></div><div class="usenm"><b class="colorfn">PSEUDO</b><br/><span class="sub-tl">@_PSEUDO</span></div><div class="descpp">CITATION<div class="dts-tl"><i class="fas fa-map-marker-alt"></i> VILLE, PAYS<i class="fas fa-link"></i> <a href="URL DU LIEN" class="colorfn">ADRESSE.PINTEREST.SPOTIFY.ALTAGRAM</a><i class="fas fa-glass-cheers"></i>Anniversaire: DATE <i class="fas fa-calendar-alt"></i> Inscrit depuis DATE</div><b class="colorfn">CHIFFRE</b> Tylts<b class="colorfn">CHIFFRE</b> followers</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<style>.colorfn{color:#F99B7E;} .tlbtt{width:450px; border:1px solid #eee; margin:0 auto; background:#fff} .head-tl{height:40px; padding:15px 30px; border-bottom:1px solid #eee; display:flex; align-items:center;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .port-tl{height:180px; border-bottom:1px solid #eee;} .port-tl{width:450px; height:180px;} .img-tl{width:110px; height:110px; border:5px solid #fff; margin-top:-60px; position:absolute; margin-left:30px; border-radius:180px; background:#fff; } .img-tl img{width:110px; height:110px; border-radius:180px;} .desc-tl{padding-bottom:20px;} .icons-tl{height:20px; float:right; margin-right:40px; margin-top:15px; padding:5px; display: flex; align-items:center; font-family: 'Open Sans', sans-serif; font-size:12px} .icons-tl i{padding:0px 20px;border:1px solid #eee; } .icons-tl i, icons-tl fas{padding:10px; border-radius:180px; margin:0px 5px;} .usenm{position:relative; top:65px; padding:5px 30px; line-height:18px;} .descpp{margin-top:60px; padding:10px 30px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .dts-tl{padding-top:10px; line-height:20px; margin-left:-8px; margin-bottom:10px;} .dts-tl i{padding:0px 8px;} .dts-tl a{text-decoration:none;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}</style>
Vous pouvez mettre en lien le moodboard (pinterest) de votre personnage, sa playlist spotify ou son altagram. Sinon, effacer le code suivant du code principale.
- Code:
- <i class="fas fa-link"></i> <a href="https://lux-novae.forumactif.com/t79-modele-de-fiche-de-liens" class="colorfn">adresse.pinterest/instagram/spotify</a>
Pour publier un tylt sans images, copier-coller le code ci-dessous et remplacer les mots en majuscules. L'image de profil est de 60*60
- Code:
- <div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>TYLT</b></div></div><div class="new-tl"><div class="head-new"><img src="URL IMAGE 60*60"/><div><b class="colorfn">PSEUDO</b><br/><span class="sub-tl">@_PSEUDO</span></div></div><div class="text-newtl">MESSAGE DU TYLT</div><div class="fec-newtl">HEURE AM OU PM <i class="fas fa-angle-double-right"></i> JOUR MOIS ANNÉE</div><div class="estad-newtl"><b class="colorfn">NOMBRE</b> Retylts<b class="colorfn">NOMBRE</b> J'aimes</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.colorfn{color:#F99B7E;} .tlbtt{width:450px; border:1px solid #eee; background:#fff; margin:10px auto;} .head-tl{height:40px; padding:15px 30px; display:flex; align-items:center;border-bottom:1px solid #eee;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .new-tl{margin:10px 20px;} .head-new{padding:5px; display:flex; align-items:center;} .head-new img{width:60px; height:60px; border-radius:120px; padding:3px; border:1px solid #ccc;} .head-new div{padding-left:15px; line-height:16px;} .head-new b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:15px;} .head-new .sub-tl, .head-new{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ccc;} .head-new .sub-tl{color:#888;} .head-new i{padding:0px 3px; font-size:10px;} .new-tl .text-newtl{padding:5px; font-family: 'Open Sans', sans-serif; color:#555; font-size:16px;} .estad-newtl {font-family: 'Open Sans', sans-serif; font-size:12px; color:#555; border-top:1px solid #eee; padding:10px 0px; margin:0px 0px 0px;} .fec-newtl{border-top:px solid #eee; font-size:11px; padding:7px 0px; color:#555; font-family: 'Open Sans', sans-serif;}.cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}</style>
Pour publier un tylt avec une image, copier-coller le code ci-dessous et remplacer les mots en majuscules. L'image est de 400*400
- Code:
- <div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>tylt</b></div></div><div class="new-tl"><div class="head-new"><img src="URL DE L'IMAGE 60*60"/><div><b class="colorfn">PSEUDO</b><br/><span class="sub-tl">@_PSEUDO</span> </div></div><div class="text-newtl">MESSAGE DU TYLT</div><div class="ima-newtl"><img class="solit" src="URL IMAGE 400*400"/></div><div class="fec-newtl">HEURE AM OU PM <i class="fas fa-angle-double-right"></i> JOUR MOIS ANNÉE</div><div class="estad-newtl"><b class="colorfn">NOMBRE</b> Retylts<b class="colorfn">NOMBRE</b> J'aimes</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.colorfn{color:#F99B7E;} .tlbtt{width:450px; border:1px solid #eee; background:#fff; margin:10px auto;} .head-tl{height:40px; padding:15px 30px; display:flex; align-items:center;border-bottom:1px solid #eee;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .new-tl{margin:10px 20px;} .head-new{padding:5px; display:flex; align-items:center;} .head-new img{width:60px; height:60px; border-radius:120px; padding:3px; border:1px solid #ccc;} .head-new div{padding-left:15px; line-height:16px;} .head-new b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:15px;} .head-new .sub-tl, .head-new{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ccc;} .head-new .sub-tl{color:#888;} .head-new i{padding:0px 3px; font-size:10px;} .new-tl .text-newtl{padding:5px; font-family: 'Open Sans', sans-serif; color:#555; font-size:16px;} .estad-newtl {font-family: 'Open Sans', sans-serif; font-size:12px; color:#555; border-top:1px solid #eee; padding:10px 0px; margin:0px 0px 0px;} .fec-newtl{border-top:px solid #eee; font-size:11px; padding:7px 0px; color:#555; font-family: 'Open Sans', sans-serif;}.cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}.ima-newtl .solit{width:400px; height:400px; border-radius:20px; padding:3px; border:1px solid #ccc; border-radius:4px;} .ima-newtl{display:flex; align-items:center; justify-content:center; padding:10px;}</style>
Pour publier un tylt avec deux images, copier-coller le code ci-dessous et remplacer les mots en majuscules. Les images sont de 205*205
- Code:
- <div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>tylt</b></div></div><div class="new-tl"><div class="head-new"><img src="URL IMAGE 60*60"/><div><b class="colorfn">PSEUDO</b><br/><span class="sub-tl">@_PSEUDO</span> </div></div><div class="text-newtl">MESSAGE DU TYLT</div><div class="ima-newtl"><img class="dosizq" src="URL DE L'IMAGE 205*205"/><img class="dosder" src="URL DE L'IMAGE 205*205"/></div><div class="fec-newtl">HEURE AM OU PM <i class="fas fa-angle-double-right"></i> JOUR MOIS ANNÉE</div><div class="estad-newtl"><b class="colorfn">NOMBRE</b> Retylts <b class="colorfn">NOMBRE</b> J'aimes</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.colorfn{color:#F99B7E;} .tlbtt{width:450px; border:1px solid #eee; background:#fff; margin:10px auto;} .head-tl{height:40px; padding:15px 30px; display:flex; align-items:center;border-bottom:1px solid #eee;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .new-tl{margin:10px 20px;} .head-new{padding:5px; display:flex; align-items:center;} .head-new img{width:60px; height:60px; border-radius:120px; padding:3px; border:1px solid #ccc;} .head-new div{padding-left:15px; line-height:16px;} .head-new b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:15px;} .head-new .sub-tl, .head-new{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ccc;} .head-new .sub-tl{color:#888;} .head-new i{padding:0px 3px; font-size:10px;} .new-tl .text-newtl{padding:5px; font-family: 'Open Sans', sans-serif; color:#555; font-size:16px;} .estad-newtl {font-family: 'Open Sans', sans-serif; font-size:12px; color:#555; border-top:1px solid #eee; padding:10px 0px; margin:0px 0px 0px;} .fec-newtl{border-top:px solid #eee; font-size:11px; padding:7px 0px; color:#555; font-family: 'Open Sans', sans-serif;}.cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}.ima-newtl .dosizq, .ima-newtl .dosder{width:205px; height:205px; padding:3px; border:1px solid #ccc} .ima-newtl{display:flex; align-items:center; justify-content:center; padding:10px;} .dosizq{border-radius:20px 0px 0px 20px;} .dosder{border-radius:0px 20px 20px 0px;}</style>
