welcome to fantasies unwind, an animation personified role-play! we've been open for five years as of october 2017, and are excited about the next five years!
news: an activity check is starting! check it out here! make sure to congratulate the winners for the OTMs! and enjoy the anniversary!


 
Add Reply
New Topic
New Poll

 + thread templates
erin's a superhero!
 Posted: Mar 9 2015, 07:54 PM
Quote

erin's a superhero!

elf from kiss me i'm irish

age:

24

pronouns:

she/her

sexuality:

cat lady

face claim:

storm

occupation:

teleportation

erin is Offline

she/her ♦ 953 posts ♦ 32000 points





PMEmailAIM
^
erin's a superhero!
 Posted: Mar 9 2015, 07:57 PM
Quote

erin's a superhero!

elf from kiss me i'm irish

age:

24

pronouns:

she/her

sexuality:

cat lady

face claim:

storm

occupation:

teleportation

erin is Offline

she/her ♦ 953 posts ♦ 32000 points



group colors

animus - #a2b4db
exitium - #b9a0cb
fidelis - #e8d7a9 #dab6bc
imperium - #e18fa1
incertus - #a0c892




IM

CODE
[doHTML]
<style>
@keyframes ddfgh {
  0%   {transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); }
  50%  {transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); opacity: 0.3}
  100% {transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95);}
}

#dfgh {position: relative; width: 300px; height: 170px; background: url(http://i.imgur.com/A6708Db.png); margin: auto}
.dfghh {height: 30px; width: 290px; color: #e6e6e8; font-family: 'roboto'; background: #454345; text-transform: uppercase; padding-left: 10px; line-height: 30px; font-size: 9px;}
.ddfgh {height: 90px; width: 90px;  position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid #8f7aa1; top: 35px; left: 10px; animation: ddfgh 2s infinite}
.dffgh {height: 70px; width: 70px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50px; left: 25px; background-color: #f5e1cb; background-blend-mode: multiply; background-size: cover}
.dddfg {height: 15px; background-color: #fff; border: 1px solid #ccc; width: 280px; position: absolute; bottom: 10px; left: 10px}
.ddffg {height: 15px; background-color: #e6e6e8; color: #8f7aa1; font-family: roboto; font-size: 8px; border-right: 1px solid #ccc; width: 50px; font-size: 8px; text-align: center; line-height: 15px; text-transform: uppercase; letter-spacing:1px}
.dfffg {height: 15px; background-color: #e6e6e8; color: #8f7aa1; border: 1px solid #ccc; line-height: 15px; width: 170px; position: absolute; top: 43px; right: 10px; font-family: roboto; text-transform: uppercase; font-size: 8px; padding-left: 5px; overflow: hidden}
.dfggg {width: 165px; height: 60px; background-color: #fff; font-family: arial; font-size: 9px; line-height: 10px; color: #454345; padding: 5px; border: 1px solid #ccc; right: 10px; position: absolute; top: 65px; overflow: auto; text-align: justify}
.dfggg b {color: #8f7aa1}
.dfggg::-webkit-scrollbar {width: 0px;}

</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<div id="dfgh">
<div class="dfghh"><i class="fa fa-user" style="color: #8f7aa1"></i> nate is <font style="color: #8f7aa1">online</font> and typing...</div>
<div class="ddfgh"></div>
<div class="dffgh" style="background-image:url(https://s19.postimg.org/4mtuj03hv/natethread.gif)"></div>
<div class="dfffg"><font style="color: #8f7aa1">status:</font></div>
<div class="dfggg">is this the right room to... express my feelings?</div>
<div class="dddfg">
  <a href="http://cttw.jcink.net/index.php?showuser=1604"><div class="ddffg"><i class="fa fa-paper-plane"></i></a>
send</div>
</div>
</div>
[/doHTML]


PMEmailAIM
^
bryan roscoe woods
 Posted: Mar 9 2015, 08:32 PM
Quote

bryan roscoe woods

bambi from bambi

age:

29

pronouns:

he/him

sexuality:

bisexual

face claim:

daniel bederov

occupation:

biology teacher

erin is Offline

she/her ♦ 604 posts ♦ 34000 points



incertus

user posted image user posted image user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#WEEE .whitephonecolor{ background-color: #a0c892; }


</style>
<center>

<div id="WEEE">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #a0c892;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here


 </div>
 </div>
</div>



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #a0c892; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #a0c892;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #a0c892;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #a0c892;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]


PMEmailAIM
^
nathaniel christian jackson
 Posted: Mar 9 2015, 08:41 PM
Quote

nathaniel christian jackson

the beast from beauty and the beast

age:

37

pronouns:

he/him

sexuality:

heterosexual

face claim:

jensen ackles

occupation:

photographer

erin is Offline

she/her ♦ 2174 posts ♦ 74500 points



imperium

user posted image user posted image user posted image user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#ROYALS .whitephonecolor{ background-color: #e18fa1; }


</style>
<center>

<div id="ROYALS">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE

[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #e18fa1;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here

 </div>
 </div>
</div>



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #e18fa1; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}


.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #e18fa1;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #e18fa1;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #e18fa1;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]


PMEmailAIM
^
beau forest rain
 Posted: Mar 9 2015, 08:43 PM
Quote

beau forest rain

dodger from oliver and company

age:

38

pronouns:

he/him

sexuality:

heterosexual

face claim:

adam levine

occupation:

lead singer for the vagabonds

erin is Offline

she/her ♦ 1411 posts ♦ 31000 points



animus

user posted image user posted imageuser posted image user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#HEROES .whitephonecolor{ background-color: #a2b4db; }


</style>
<center>

<div id="HEROES">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #a2b4db;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here

 </div>
 </div>
</div>



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #a2b4db; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}


.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #a2b4db;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #a2b4db;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #a2b4db;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]


PMEmailAIM
^
eva valerie easton
 Posted: Mar 9 2015, 08:50 PM
Quote

eva valerie easton

e.v.e. from wall-e

age:

32

pronouns:

she/her

sexuality:

pansexual

face claim:

wang feifei

occupation:

flower shop owner

erin is Offline

she/her ♦ 265 posts ♦ 38000 points



fidelis

user posted image user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#SIDEKICK .whitephonecolor{ background-color: #e8d7a9; }


</style>
<center>

<div id="SIDEKICK">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
<i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>

<div style="padding: 7px; border-bottom: 7px solid #dab6bc;">
<div class="jbox">
 <img src="image here" class="jimg">
   
post here


</div>
</div>
</div>



 
</div>
 <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #dab6bc; text-decoration: none;
  font-size: 9px;width: 100px; margin: 0px auto;">
    <i class="fa fa-heart-o" aria-hidden="true"></i>
  </a>
</center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.jbox {
font-family: poppins;
font-size: 9px;
text-align: justify;
background-color: #FAFAFA;
line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
font-family: montserrat;
font-weight: 900;
font-size: 12px;
color: #dab6bc;
}

.jbox i {
font-family: montserrat;
font-size: 12px;
color: #dab6bc;
}

.jback {
background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #dab6bc;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]


PMEmailAIM
^
chloe anne davis
 Posted: Mar 9 2015, 08:58 PM
Quote

chloe anne davis

cruella de vil from 101 dalmations

age:

23

pronouns:

she/her

sexuality:

asexual

face claim:

kelsey asbille chow

occupation:

fashion designer

erin is Offline

she/her ♦ 510 posts ♦ 29000 points



exitium

user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#EVIL .whitephonecolor{ background-color: #b9a0cb; }


</style>
<center>

<div id="EVIL">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #b9a0cb;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here

 </div>
 </div>
</div>



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #b9a0cb; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}


.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #b9a0cb;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #b9a0cb;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #b9a0cb;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]


PMEmailAIM
^
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 




YOUR NEWS UPDATE!

subtitle if you want it

this is your news announcement for your site, and it can be anything you want! have you ever worried that your announcement threads weren't noticeable enough and may have been overlooked? this was created for that reason!

you can style it to look like whatever you want! all of the css and html codes are in your hands. this will show on the desktop verion of the site, not the mobile version.

if you have any questions, don't hesitate to reach out to me!

[close]