![formulaire pour twitter Empty](https://2img.net/i/empty.gif) | Sujet: formulaire pour twitter Dim 27 Mar - 14:22 | |
| twitter
informations en plus › - vous trouverez ici même le formulaire de votre profil twitter et ses posts pour vos personnages. - le code n'est absolument pas obligatoire ! pour le titre de votre profil› - Code:
-
@pseudo le profil twitter› - Code:
-
<style>.twitterprofil {margin: auto;font-size: 11px;font-family: arial;color: #293133;background-color: #fff;width: 450px;padding:4px;}.twitterheader {width: 450px;height: 200px;background: center/cover;display: inline-block;vertical-align: top;}.icontwitter {border-radius: 100px;height: 100px;margin-right: 15px;object-fit: cover;width: 100px;position:relative;bottom:70px;left:20px;border: 5px solid #fff;}.prenomtwitter {padding: 6px 0;text-align: left;margin-left:15px;width:350px;display:inline-block;position:relative;bottom:70px;}.prenomtwt {font-size: 20px;font-weight: bold;line-height: 0.9;letter-spacing: -1px;display:block;text-transform:uppercase;color:#0F1419;}.prenomtwt span {color:#536471; letter-spacing: 2px;font-size:12px; text-transform:lowercase;}.editprofil1 {width: 115px; border:1px solid #CED2D9; background: #fff; padding: 4px; border-radius: 25px;display:inline-block;position:relative;left:190px;bottom:80px;} .edit {text-align: left; font: 15px 'Arial'; line-height: 13px; color: #272727;margin-left:7px;font-weight:bold;}.descriptiontwitter {width: 400px;font:12px arial;color:#0F1419;font-style: oblique;text-align:justify;position:relative;z-index:1;margin-left:15px;bottom:65px;} datetwitt{position:relative;z-index:1;left:275px;bottom:168px;text-transform:uppercase;color:#536471;}.follow {font-family: arial;line-height: 1.5rem;font-size:12px;position:relative;bottom:100px;margin-left:10px;display:block;color:black;border-bottom:3px solid #E5E5E5;width:400px;font-weight:bold;}.follow span {font-weight:bold;text-transform:uppercase;color:#536471;}</style>
<div class="twitterprofil"><div class="twitterheader" style="background-image: url(https://i.pinimg.com/564x/59/a7/34/59a734c7afe698a927707ce6405b7236.jpg);"></div><img src="https://images2.imgbox.com/34/b3/XFjVX3OW_o.png" class="icontwitter"><div class="editprofil1"><div class="edit">éditer le profil</div></div> <div class="prenomtwitter"><div class="prenomtwt">PRENOM <br><span>@pseudo</span></div></div> <div class="descriptiontwitter">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
<datetwitt>➥ A rejoint Twitter le 0000</datetwitt> <div class="follow">851 <span>posts ❙</span> 33.5k <span>followers ❙</span> 296 <span>following</span></div><div style="margin-bottom:-90px;"></div><div style="font-family: arial, serif;text-transform:uppercase;color:#CED2D9;font-size:7px;letter-spacing:2px;text-align:center;padding-top:3px;margin-bottom:-15px;">MADE BY @ABSOLYA.</div> </div> un post sans photo twitter› - Code:
-
<style>.imgpost {width: 350px;border-radius:5px;background: center/cover;display: inline-block;vertical-align: top;} .twitterprofil {margin: auto;font-size: 11px;font-family: arial;color: #293133;background-color:white;width: 450px;padding:4px;}.prenomtwitter2 {padding: 6px 0;text-align: left;margin-left:8px;width:350px;display:inline-block;position:relative;bottom:22px;}.prenomtwt2 {font-size: 15px;font-weight: bold;line-height: 0.9;letter-spacing: 1px;display:block;text-transform:uppercase;color:#0F1419;}.prenomtwt2 span {color:#536471; letter-spacing: 0px;font-size:10px; text-transform:lowercase;}.icontwitt2 {border-radius: 50px;height: 45px;margin-right: 15px;object-fit: cover;width: 45px;position:relative;top:5px;left:10px;}.letweet {width: 355px;font:11px arial;color:#0F1419;text-align:justify;position:relative;z-index:1;margin-left:70px;bottom:22px;border-top:1px solid black;padding:6px;}.barrelttwi {width: 430px;height: 25px;background: center/cover;display: inline-block;vertical-align: top;z-index:8;position:relative;top:-25px;left:10px;}</style>
<div class="twitterprofil"><img src="https://images2.imgbox.com/34/b3/XFjVX3OW_o.png" class="icontwitt2"><div class="prenomtwitter2"><div class="prenomtwt2">PRENOM <span>@pseudo • 00 mois.</span></div></div> <div class="letweet">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam auctor risus in consectetur porttitor. Pellentesque accumsan odio ut sollicitudin mollis. Nunc rutrum ante vel massa dignissim, mattis pulvinar velit lacinia. Proin semper lacus sed urna lacinia, sollicitudin mollis. Nunc rutrum ante vel massa dignissim.</div><br><div class="barrelttwi" style="background-image: url(https://images2.imgbox.com/2f/75/l4c4ZJq0_o.png);"></div><div style="margin-bottom:-50px;"></div> <div style="font-family: arial, serif;text-transform:uppercase;color:#CED2D9;font-size:7px;letter-spacing:2px;text-align:center;padding-top:3px;margin-top:10px;">MADE BY @ABSOLYA.</div></div> un post avec une photo twitter› - Code:
-
<style>.imgpost {width: 350px;border-radius:5px;background: center/cover;display: inline-block;vertical-align: top;} .twitterprofil {margin: auto;font-size: 11px;font-family: arial;color: #293133;background-color:white;width: 450px;padding:4px;}.prenomtwitter2 {padding: 6px 0;text-align: left;margin-left:8px;width:350px;display:inline-block;position:relative;bottom:22px;}.prenomtwt2 {font-size: 15px;font-weight: bold;line-height: 0.9;letter-spacing: 1px;display:block;text-transform:uppercase;color:#0F1419;}.prenomtwt2 span {color:#536471; letter-spacing: 0px;font-size:10px; text-transform:lowercase;}.icontwitt2 {border-radius: 50px;height: 45px;margin-right: 15px;object-fit: cover;width: 45px;position:relative;top:5px;left:10px;}.letweet {width: 355px;font:11px arial;color:#0F1419;text-align:justify;position:relative;z-index:1;margin-left:70px;bottom:22px;border-top:1px solid black;padding:6px;}.barrelttwi02 {width: 430px;height: 25px;background: center/cover;display: inline-block;vertical-align: top;z-index:8;position:relative;top:-5px;left:-67px;}</style>
<div class="twitterprofil"><img src="https://images2.imgbox.com/34/b3/XFjVX3OW_o.png" class="icontwitt2"><div class="prenomtwitter2"><div class="prenomtwt2">PRENOM <span>@pseudo • 00 mois.</span></div></div> <div class="letweet"><img src="https://images2.imgbox.com/34/b3/XFjVX3OW_o.png" class="imgpost"><br><br><div class="barrelttwi02" style="background-image: url(https://images2.imgbox.com/2f/75/l4c4ZJq0_o.png);"></div><div style="margin-bottom:-50px;"></div> <div style="font-family: arial, serif;text-transform:uppercase;color:#CED2D9;font-size:7px;letter-spacing:2px;text-align:center;padding-top:3px;margin-top:10px;">MADE BY @ABSOLYA.</div></div></div> un post avec deux photos twitter› - Code:
-
<style>.imgmultipost {width: 170px;border-radius:5px;background: center/cover;margin-right:5px;display: inline-block;vertical-align: top;} .twitterprofil {margin: auto;font-size: 11px;font-family: arial;color: #293133;background-color:white;width: 450px;padding:4px;}.prenomtwitter2 {padding: 6px 0;text-align: left;margin-left:8px;width:350px;display:inline-block;position:relative;bottom:22px;}.prenomtwt2 {font-size: 15px;font-weight: bold;line-height: 0.9;letter-spacing: 1px;display:block;text-transform:uppercase;color:#0F1419;}.prenomtwt2 span {color:#536471; letter-spacing: 0px;font-size:10px; text-transform:lowercase;}.icontwitt2 {border-radius: 50px;height: 45px;margin-right: 15px;object-fit: cover;width: 45px;position:relative;top:5px;left:10px;}.letweet {width: 355px;font:11px arial;color:#0F1419;text-align:justify;position:relative;z-index:1;margin-left:70px;bottom:22px;border-top:1px solid black;padding:6px;}.barrelttwi {width: 430px;height: 25px;background: center/cover;display: inline-block;vertical-align: top;z-index:8;position:relative;top:-25px;left:10px;}</style>
<div class="twitterprofil"><img src="https://images2.imgbox.com/34/b3/XFjVX3OW_o.png" class="icontwitt2"><div class="prenomtwitter2"><div class="prenomtwt2">PRENOM <span>@pseudo • 00 mois.</span></div></div> <div class="letweet"><img src="https://images2.imgbox.com/34/b3/XFjVX3OW_o.png" class="imgmultipost"><img src="https://images2.imgbox.com/34/b3/XFjVX3OW_o.png" class="imgmultipost"><br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div><br><div class="barrelttwi" style="background-image: url(https://images2.imgbox.com/2f/75/l4c4ZJq0_o.png);"></div><div style="margin-bottom:-50px;"></div> <div style="font-family: arial, serif;text-transform:uppercase;color:#CED2D9;font-size:7px;letter-spacing:2px;text-align:center;padding-top:3px;margin-top:10px;">MADE BY @ABSOLYA.</div></div>
|
|