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: we currently have a posting challenge going on which you can check out here! be sure to pay attention to the details! this will affect your characters.


 
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:

25

pronouns:

she/her

sexuality:

cat lady

face claim:

storm

occupation:

teleportation

erin is Offline

she/her ♦ 972 posts ♦ 68000 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:

25

pronouns:

she/her

sexuality:

cat lady

face claim:

storm

occupation:

teleportation

erin is Offline

she/her ♦ 972 posts ♦ 68000 points



group colors

animus - #668ba6
exitium - #b87dbb
fidelis - #ed948b
imperium - #d96784
incertus - #82a08f




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 ♦ 609 posts ♦ 49000 points



incertus

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 ♦ 2194 posts ♦ 111500 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 ♦ 1417 posts ♦ 43000 points



animus

user posted image user posted imageuser 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
^
jocelyn noelle soloman
 Posted: Mar 9 2015, 08:50 PM
Quote

jocelyn noelle soloman

toothiana from rise of the guardians

age:

34

pronouns:

she/her

sexuality:

heterosexual

face claim:

zoe saldana

occupation:

dentist

erin is Offline

she/her ♦ 418 posts ♦ 54000 points



fidelis

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 ♦ 518 posts ♦ 44000 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]