[html]<center><div class="rulescontainer">  <div class="socialheader"><div class="socialheader1">instagram</div></div>  <div class="socialcontent">      <div class="instagrampost" style="background-image:url(image);"></div>  <div class="instagrampostwords"><b>usernamehere</b>    Witch Weekly, he will rise again and he will come for us,  headmaster Erumpent horn. Fenrir Grayback  horseless carriages ‘zis is a chance many would die for! <i>#tag</i></div>        </div> </div></center>

<style>.socialfooter {
  width: 260px;
  background-color: #dcb494;
  padding: 6px 10px 6px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  padding: 10px;
  font-style: italic;

}

.socialheader {
  width: 260px;
  background-color: #dcb494;
  padding: 10px;
  padding-bottom: 15px;
  line-height: 100%;
  text-align: left;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.socialheader a{
color: #fff;
}
.socialcontent {
  width: 260px;
  padding: 10px;
  background-color: #fff;
 
}
.socialheader1 {
  width: 240px;
margin-bottom: 2px;
padding: 10px 10px 0px;
text-align: right;
font-family: debby, cursive, calibri;
font-size: 35px;
color: #ffffff;
text-transform: lowercase;
line-height: 75%;
border-bottom: #ffffff dotted 1px;
}

.rulescontainer {
  width: 280px;
padding: 20px;
background-color: #eeeeee;
background-image:url(https://files.jcink.net/uploads2/lizzie … _light.png);
}

.instagrammain {
  width: 90px;
  height: 90px;
  background-image:url(http://placehold.it/90);
  border: solid 1px #c1c1c1;
  border-radius: 100px;
background-size: cover;
}
.instagramusername {
  text-align: justify;
  font-size: 20px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #dcb494;
  line-height: 100%;
  margin-bottom: 5px;
}
.instagramwords {
  width: 140px;
  padding: 10px;
  text-align: justify;
  font-size: 9px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #555;
  line-height: 100%;
 
}
.instagramfeedimage {
  width: 75px;
  height: 75px;
  background-image:url(http://placehold.it/75);
  border: solid 1px #c1c1c1;
background-size: cover;
 
}
.twitterfeedimage {
  width: 75px;
  height: 75px;
  background-image:url(http://placehold.it/75);
background-size: cover;
  border: solid 1px #c1c1c1;
  border-radius: 100px;
 
}
.instagramwords b{
  color: #be876a;
}

.instagrampost {
  width: 250px;
  height: 250px;
  background-image:url(http://placehold.it/260);
  border: solid 1px #c1c1c1;
  margin-top: 5px;
background-size: cover;
}

.instagrampostwords {
  width: 240px;
  padding: 10px;
  text-align: justify;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #555;
  line-height: 100%;
 
}
.instagrampostwords b{
  color: #be876a;
  font-size: 12px;
}
.instagrampostwords a{
  color: #be876a;
  font-size: 12px;
  font-weight: bold;
}
.instagrampostwords i{
  color: #be876a;
  font-size: 10px;
}</style>[/html]

[html]<center><div class="phoneshell">  <center><div class="phonescreen">    <div class="phoneinfo_group"> <div style="width: 160px; height: 70px; background-image:url(rectangle gif); border: solid 5px #fff;  margin-top: 2px; background-size: cover;"></div>to/ calling: @[first last] </div>    <div class="messagescroll">     <div class="messagebubble"> one bubble </div>   <div class="messagebubble"> two butbbles </div>   </div></div>  <div class="button"></div>    </center> </div> </center>

<style>/****************************************
phone template
*****************************************/

.phoneshell {
    width: 200px;
    height: 380px;
    background-color: #ffffff;
    border-radius: 35px;
    border: solid 1px #c1c1c1;
    padding: 5px;
}
.phonescreen {
    width: 180px;
    height: 310px;
    background-color: #f3f3f3;
    margin-top: 20px;
    border: solid 1px #e1e1e1;
}
.button {
  width: 50px;
  height: 3px;
  background-color: #fff;
  border: solid 1px #e1e1e1;
  margin-top: 15px;
  border-radius: 25px;
  padding: 5px;
 
}
.phoneinfo {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #dcb494;
}
.phoneinfo_lust {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #DDBBBB;
}
.phoneinfo_gluttony {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #DDCCBB;
}
.phoneinfo_pride {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #DDDDBB;
}
.phoneinfo_greed {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #BBDDBB;
}
.phoneinfo_sloth {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #BBDDDD;
}
.phoneinfo_wrath {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #BBBBDD;
}
.phoneinfo_envy {
    width: 174px;
    height: 100px;
    padding: 3px;
    font-family: montserrat, calibri, arial;
    font-size: 10px;
    background-color: #CCBBDD;
}
.contactimage {
    width: 65px;
    height: 65px;
    border: solid 5px #fff;
    margin-top: 5px;
    background-image:url(http://placehold.it/65);
background-size: cover;
    border-radius: 50px;
}
.messagescroll {
    margin-top: 5px;
    width: 174px;
    height: 195px;
    overflow: auto;
}
.messagescroll::-webkit-scrollbar {
width: 1px;
}

.messagescroll::-webkit-scrollbar-track {
background-color: #fff;   
}

.messagescroll::-webkit-scrollbar-thumb {
background-color: #000;
}
.messagebubble {
  margin-top: 5px;
  width: 130px;
  padding: 10px;
  font-size: 10px;
  font-family: montserrat, calibri, arial;
  background-color: #fff;
  border-radius: 25px;
  text-align: justify;
line-height: 100%;
text-transform: lowercase;
 
}</style>[/html]

[html]<center><div class="threadcontainer"> <div class="threadheader_group"><div class="threadavatar" style="background-image:url(image);"></div></div> <div class="threadfooter_group">lyrics, or information here.</div> <div class="threadcontent">  <div class="threadwordsscroll">    Squashy armchairs dirt on your nose brass scales    crush the Sopophorous bean with flat side of silver dagger,    releases juice better than cutting. Full moon Whomping Willow    three turns should do it lemon drops. Locomotor trunks owl treats    that will be 50 points, Mr. Potter. Witch Weekly, he will    rise again and he will come for us, headmaster Erumpent horn.    Fenrir Grayback horseless carriages    ‘zis is a chance many would die for!    Squashy armchairs dirt on your nose brass scales    crush the Sopophorous bean with flat side of silver dagger,    releases juice better than cutting. Full moon Whomping Willow    three turns should do it lemon drops. Locomotor trunks owl treats    that will be 50 points, Mr. Potter. Witch Weekly, he will    rise again and he will come for us, headmaster Erumpent horn.    Fenrir Grayback horseless carriages    ‘zis is a chance many would die for!    Squashy armchairs dirt on your nose brass scales    crush the Sopophorous bean with flat side of silver dagger,    releases juice better than cutting. Full moon Whomping Willow    three turns should do it lemon drops. Locomotor trunks owl treats    that will be 50 points, Mr. Potter. Witch Weekly, he will    rise again and he will come for us, headmaster Erumpent horn.    Fenrir Grayback horseless carriages    ‘zis is a chance many would die for!  </div> </div> <div class="threadfooter_group">lyrics, or more information here.</div> </div></center>
<style>/****************************************
thread & request
*****************************************/
.threadheader {
  width: 220px;
  padding: 10px;
  background-color: #dcb494;
}
.threadcontent {
  width: 220px;
  padding: 10px;
  background-color: #ffffff;
}
.threadavatar {
  width: 80px;
  height: 80px;
  background-image: url(https://files.jcink.net/uploads2/ddfrp/ … 1582130531);
  background-size: cover;
  background-position: center center;
  border-radius: 100px;
  border: 5px solid #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}
.threadcontainer {
    width: 240px;
    padding: 20px;
    background-color: #eeeeee;
    background-image: url(https://files.jcink.net/uploads2/lizzie … _light.png);
}
.threadwords {
    width: 200px;
    padding: 10px;
    line-height: 100%;
    text-align: justify;
    font-size: 10px;
    font-family: montserrat, calibri;
    font-weight: 300;
    text-transform: lowercase;
    color: #555555;
}
.threadwords b{
color: #be876a;
}
.threadwords i {
color: #be876a;
}
.threadwordsscroll {
    width: 200px;
    height: 230px;
    padding: 10px;
    line-height: 100%;
    text-align: justify;
    font-size: 10px;
    font-family: montserrat, calibri;
    font-weight: 300;
    text-transform: lowercase;
    color: #555555;
    overflow: auto;
}
.threadwordsscroll::-webkit-scrollbar {
  width: 0px;
}

.threadwordsscroll::-webkit-scrollbar-track {
background-color: transparent;   
}

.threadwordsscroll::-webkit-scrollbar-thumb {
background-color: #ffffff;
}

.threadheader_lust {
  width: 220px;
  padding: 10px;
  background-color: #ddbbbb;
}
.threadfooter_lust {
  width: 220px;
  background-color: #ddbbbb;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter_lust a{
    color: #ffffff;
    fpnt-style: italic;
}
.threadheader_gluttony {
  width: 220px;
  padding: 10px;
  background-color: #ddccbb;
}
.threadfooter_gluttony {
  width: 220px;
  background-color: #ddccbb;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter_gluttony a{
    color: #ffffff;
    fpnt-style: italic;
}
.threadheader_pride {
  width: 220px;
  padding: 10px;
  background-color: #ddddbb;
}
.threadfooter_pride {
  width: 220px;
  background-color: #ddddbb;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter_pride a{
    color: #ffffff;
    fpnt-style: italic;
}
.threadheader_greed {
  width: 220px;
  padding: 10px;
  background-color: #bbddbb;
}
.threadfooter_greed {
  width: 220px;
  background-color: #bbddbb;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter_greed a{
    color: #ffffff;
    fpnt-style: italic;
}
.threadheader_sloth {
  width: 220px;
  padding: 10px;
  background-color: #bbdddd;
}
.threadfooter_sloth {
  width: 220px;
  background-color: #bbdddd;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter_sloth a{
    color: #ffffff;
    fpnt-style: italic;
}
.threadheader_wrath {
  width: 220px;
  padding: 10px;
  background-color: #bbbbdd;
}
.threadfooter_wrath {
  width: 220px;
  background-color: #bbbbdd;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter_wrath a{
    color: #ffffff;
    fpnt-style: italic;
}
.threadheader_envy {
  width: 220px;
  padding: 10px;
  background-color: #ccbbdd;
}
.threadfooter_envy {
  width: 220px;
  background-color: #ccbbdd;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter_envy a{
    color: #ffffff;
    fpnt-style: italic;
}

.threadfooter {
  width: 220px;
  background-color: #dcb494;
  padding: 8px 10px 8px;
  line-height: 100%;
  text-align: center;
  font-size: 10px;
  font-family: montserrat, calibri;
  font-weight: 300;
  text-transform: lowercase;
  color: #fff;
  font-style: italic;

}
.threadfooter a{
    color: #ffffff;
    fpnt-style: italic;
}</style>[/html]

[html]<link href="https://forumstatic.ru/files/001a/e7/41/76881.css" rel="stylesheet">
<center><div class="minreqbord"><div class="minreqblock">
<div class="minreqtitle">TITLE OF REQUEST</div>
<div class="minreqwide">Overall info goes here! Just delete it and/or the title if you don’t want them. You don’t need line break tags, the template will take care of them.</div>
<table><tr><td><div class="minreqpic"><img src="Square image here" width="150px" height="150px"></div></td><td><div class="minreqscroll">
<div class="minreqinfo">DETAIL &bull; DETAIL &bull; DETAIL</div>
Request goes here. Be careful of line breaks – the template automatically adds them.</div></td></tr></table>
<table><tr><td><div class="minreqpic"><img src="Square image here" width="150px" height="150px"></div></td><td><div class="minreqscroll">
<div class="minreqinfo">DETAIL &bull; DETAIL &bull; DETAIL</div>
Request goes here. Be careful of line breaks – the template automatically adds them.</div></td></tr></table></div></div>
<div class="minacredit"><a href="http://cttw.jcink.net/index.php?showuser=206">&loz; MINA &loz;</a></div></center>[/html]