Post Templates

Status
Not open for further replies.

Polaris

For official threads only. Do not PM.
Staff Account
May 30, 2014
2,002
Here are some templates that can be used for social media. These are not required, so feel free to use them at your own leisure!

In order to use these templates, you need to put PARSEHTML tags around them, in square brackets.

Code:
[parsehtml] code goes here [/parsehtml]
For customization, look for areas in the code that use CAPITALIZED text.

Credits

Skype Template based off code by Nevermore
Texting Template based off code by Louis Tomlinson
Twitter Template based off code by Kayla Jean!
Blogging Template based off code by Breezy
 

Polaris

For official threads only. Do not PM.
Staff Account
May 30, 2014
2,002
Skype

CHARACTER NAME
RECIPIENT QUOTE!

SENDER SAYS!

Message...
Send


Code:
<center><img src=http://i.imgur.com/jLhToYh.png?1> <img src=http://i.imgur.com/DOMmWJn.png?1> <img src=http://i.imgur.com/5ZCqFas.png?1> <img src=http://i.imgur.com/SHelMaJ.png?1>
 
<link href='https://starlightacademy.net/templates/skypetemplate.css' rel='stylesheet' type='text/css'>
<div class="timber">
<div style="width: 225px; padding: 10px; background-color: #12A5F4; color: #fff; font-family: tahoma; font-weight: bold; font-size: 12px; text-align: center; z-index: 1">
<img src=http://I.IMGUR.COM/jLhToYh.png?1> CHARACTER NAME
</div>
<div style="width:245px; height: 50px; background: #fff; position: relative; z-index: 5"><img src="HTTPS://PLACEHOLD.IT/100x100"  width="80px" style="border: 3px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; position: relative; top: 0px;z-index: 999;" /></div>
<div style="width: 245px; overflow-x: hidden; padding-top: 50px; background-color: #f3f3f7; z-index: -1">
<div class="timbertb">RECIPIENT QUOTE!</div><p>
<div class="timbertb2">SENDER SAYS!</div><p>
<p></div>
<div style="width: 225px; padding: 10px; background-color: #fff; border-top: 1px solid #dadae9; z-index: 1">
<table cellpadding="0"><td><div style="width: 110px; text-align: left; color: #d2d2d2; font-family: tahoma; font-size: 11px">Message...</div></td><td><div style="width: 110px; text-align: right; color: #12A5F4; font-family: tahoma; font-size: 11px">Send</div></td></table>
</div></div>
</center>
 

Polaris

For official threads only. Do not PM.
Staff Account
May 30, 2014
2,002
Text Message

0:00 AM/PM
RECIPIENT NAME
send
type message

RECIPIENT TEXT

SENDER TEXT



Code:
[parsehtml]
 
<link href='https://starlightacademy.net/templates/phone.css' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'><style>
</style>
 
<center><div id='white-galaxy'><div class='white-screen'><div class='white-bg'></div><div class='white-topbar' id='charactername'><div class='white-topbarw'></div><div class='white-topbart'>
 
0:00 AM/PM
 
</div></div><div class='white-underbar' id='charactername'><div class='white-name'>
 
RECIPIENT NAME
 
</div><div class='white-box1'><i class="fa fa-phone"></i></div><div class='white-box2'><i class="fa fa-trash-o"></i></div></div><div class='white-picturebg'><div class='white-picture'>
 
<img src='HTTPS://PLACEHOLD.IT/100x100'>
 
</div><div class='white-send' id=charactername'>send</div><div class='white-message' id='charactername-t'>type message</div></div>
 
<div class="white-messagea">
<p class="white-message-p"> RECIPIENT TEXT</p>
  <p class="blue-message-p">SENDER TEXT</p>
 
</div>
 
</div></div></center>[/parsehtml]
 
Last edited by a moderator:

Polaris

For official threads only. Do not PM.
Staff Account
May 30, 2014
2,002
Twitter Page
CHARACTER NAME
@TWITTERNAME
TWITTER PROFILE DESCRIPTION
location location LOCATION HERE

1,401 TWEETS
98 FOLLOWING
107 FOLLOWERS
Tweets >
Followers >
Favorites >
Lists >
@TWITTERNAME's account is protected
Only confirmed followers have access to @TWITTERNAME's Tweets and complete profile. Click the "Follow" button to send a follow request.



Code:
<center><div style="padding: 0px; width: 520px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;  background: #dbdbdb url();"><div style="margin: 0px 10px; padding: 10px; background: #f2f2f2;"><div style="background: #fff; padding: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd"; ><table cellspacing=".5"><tr valign="top"><td width="130px"><img src="HTTPS://PLACEHOLD.IT/150X150" width="128px" height="128px" style="margin: 2px;  -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;"></td><td><div style="font: 18px 'arial'; font-weight: bold; line-height: 100%;margin-left: 5px; margin-right: 5px;color: #000;">
CHARACTER NAME</div><div style="font: 14px 'arial'; font-weight: strong; line-height: 100%;margin-left: 5px;  margin-right: 5px;color: #777;">@TWITTERNAME <img src="http://i.imgur.com/nUGm0.png"></div>
<div style="font: 11px 'georgia'; font-weight: normal; line-height: 100%;margin-left: 5px;  margin-right: 5px;margin-top: 5px;color: #777; width: 150px;">
 
TWITTER PROFILE DESCRIPTION</div>
 
<div style="font: 11px 'arial'; font-style: normal; font-weight: normal; line-height: 100%;margin-left: 5px; margin-right: 5px;color: #000; width: 150px;">
location <font color=#b97d91>LOCATION HERE</font></div>
</td><td>
<img src="http://i.imgur.com/ndPen.png" width="100px"><br>
<div style="font: 10px 'arial';  color: #000; width: 106px; padding: 5px; border-bottom: 1px solid #000; text-align: left;"><b>1,401</b> TWEETS</div>
<div style="font: 10px 'arial'; color: #000; width: 106px; padding: 5px; border-bottom: 1px solid #000; text-align: left;">
<b>98</b> FOLLOWING</div>
<div style="font: 10px 'arial'; color: #000; width: 106px; padding: 5px; border-bottom: 1px solid #000; text-align: left;">
<b>107</b> FOLLOWERS</div></td></tr></table></div><table><tr valign="top"><td width="40%"><div style="background: #fff; padding: 5px 10px; -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font: 11px 'arial'; color: #444; font-weight: bold;">
Tweets <span style="float: right; display:inline-block; color: #444;"> <b>></b> </span></div>
<div style="background: #fafafa; padding: 5px 10px; border-top: 0px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font: 11px 'arial'; color: #b97d91; font-weight: normal;">
Followers <span style="float: right; display:inline-block; color: #ddd;"> <b>></b> </span></div>
<div style="background: #fafafa; padding: 5px 10px; border-top: 0px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font: 11px 'arial'; color: #b97d91; font-weight: normal;">
Favorites <span style="float: right; display:inline-block; color: #ddd;"> <b>></b> </span></div>
<div style="background: #fafafa; padding: 5px 10px; border-top: 0px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font: 11px 'arial'; color: #b97d91; font-weight: normal; -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px;">
Lists <span style="float: right; display:inline-block; color: #ddd;"> <b>></b> </span></div>
</td>
<td width="60%">
<div style="background: #fff; padding: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd;  "><div style="font: 14px 'arial'; font-style: normal; font-weight: normal; line-height: 120%; color: #000;">
@TWITTERNAME's account is protected
</div>
<div style="font: 9px 'arial'; font-style: normal; font-weight: normal; line-height: 100%; color: #777; text-align: left;">
Only confirmed followers have access to @TWITTERNAME's Tweets and complete profile. Click the "Follow" button to send a follow request.
</div></div>
</div></div></div></td></tr></table></div></div>
</center>
Tweet
CHARACTERNAME @TWITTERNAME
TWEET TEXT GOES HERE
Expand Reply Delete Favorite
12m

Code:
<center> <div style="padding: 0 10px; width: 450px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;  background: #eee url();"> <div style="margin: 0px 10px; padding: 10px; background: #fff url();"> <div style="background: #fff; padding: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; "> <table cellspacing="1"> <tr valign="top"> <td> <img style="-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; margin: 3px; width: 48px;" src="HTTPS://PLACEHOLD.IT/150X150"> </td><td><div style="font: 12px 'arial'; line-height: 12px; color: #777;"><b><font color=#444444>CHARACTERNAME</b></font> @TWITTERNAME <img src="http://i.imgur.com/nUGm0.png"></div> <div style="font: 12px 'arial'; line-height: 12px; color: #666; width: 260px;">TWEET TEXT GOES HERE</div><div style="font: 11px 'arial'; line-height: 12px; pading-top: 3px; text-align: justify; width: 200px; color: #B97D91">Expand Reply Delete Favorite </div></td><td><div style="font: 12px 'arial'; line-height: 12px; color: #999; width: 36px;">12m</div> <td></table></div></div></div></center><br>

Tweet with @Tag
CHARACTERNAME @TWITTERNAME
@OTHERTWITTERNAME TWEET TEXT GOES HERE
Expand Reply Delete Favorite
12m

Code:
<center> <div style="padding: 0 10px; width: 450px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background: #eee url();"> <div style="margin: 0px 10px; padding: 10px; background: #fff;"> <div style="background: #fff; padding: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; "> <table cellspacing="1"> <tr valign="top"> <td> <img style="-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; margin: 3px; width: 48px;" src="HTTPS://PLACEHOLD.IT/150X150"></td><td><div style="font: 12px 'arial'; line-height: 12px; color: #777;"><b><font color=#444444>CHARACTERNAME</b></font> @TWITTERNAME <img src="http://i.imgur.com/nUGm0.png"></div> <div style="font: 12px 'arial'; line-height: 12px; color: #666; text-align: left; width: 260px;"> <font color=#B97D91>@OTHERTWITTERNAME</font> TWEET TEXT GOES HERE</div>
<div style="font: 11px 'arial'; line-height: 12px; pading-top: 3px; text-align: justify; width: 200px; color: #B97D91">Expand Reply Delete Favorite </div></td><td><div style="font: 12px 'arial'; line-height: 12px; color: #999; width: 36px;">12m</div> <td></table></div></div></div></center>
 

Polaris

For official threads only. Do not PM.
Staff Account
May 30, 2014
2,002
Blog Page


BLOG TITLE
BLOG POST TITLE
POSTED ON DATE (MON D, YEAR)
BLOG TEXT/IMAGES GO HERE!
IF YOU WANT START OUT WITH MORE BLOG POSTS, COPY/ PASTE THE ABOVE CODE HERE.
meet the blogger:
BLOG POSTER DESCRIPTION


Code:
[parsehtml]
<center><div style="width:502px; BACKGROUND-COLOR: #000; BACKGROUND-IMAGE: url('BACKGROUND IMAGE URL')"><div style="padding-right:400px;"><center><table><tr> </div></div></div><div style="border:1px solid #a89f9c; background-color: #fff; background-image: url('HTTPS://PLACEHOLD.IT/500x150'); width: 450px; padding:25px;"><br><br><center><div style="width:450px; text-align:justify; font-family:georgia; letter-spacing:-2.5px; font-size:36px; font-style:italic; line-height:80%; color: #fff; text-shadow: 2px 2px #000;padding-top:25px;">BLOG TITLE</div><table cellpadding="15"><tr><td valign="top">
<div style="width:300px;padding: 11px;margin-left: 13px;margin-right: 9px;background-color: #eee;"><div style="width:300px; text-align: left; text-transform: lowercase; font-family: georgia; letter-spacing:.1px; font-size:20px; font-weight: bold; line-height:150%; color: #595c6d; padding-bottom:1px;">BLOG POST TITLE</div>
<div style="width:250px; text-align:justify; font-family:arial narrow; font-style:italic; letter-spacing:.5px; font-size:8px; line-height:85%; color:#a7a9b5; padding-bottom:6px;">POSTED ON DATE (MON D, YEAR)</div>
<div style="width:250px; text-align:justify; font-family:arial; letter-spacing:0px; font-size:12px; line-height:98%; color:#7e7978; ">BLOG TEXT/IMAGES GO HERE!</div></div>

IF YOU WANT START OUT WITH MORE BLOG POSTS, COPY/ PASTE THE ABOVE CODE HERE.
</td>

<td valign="top"><div style="width:145px; padding:5px; margin-left: -5px; background-color:f6ece2;"><div style="width:100px;height:100px;background-color:#f6ece2;-moz-box-shadow:#d7c7b8 0px 0px 3px; -webkit-box-shadow:#d7c7b8 0px 0px 3px; box-shadow:#d7c7b8 0px 0px 3px;padding:3px; position:relative; top:-5px; left:20px;margin-bottom:0px;"><div style="width:100px;height:100px;background-color:#a7a9b5; background-image: url('HTTPS://PLACEHOLD.IT/100X100');background-size:100px 100px;""></div></div> <Center><div style="width:145px; text-align:center; font-family:georgia; letter-spacing:-.5px; font-size:16px; font-style:italic; font-weight: bold; line-height:80%; color:6f6d85;  text-shadow: 2px 2px #000;">meet the blogger:</div><div style="width:135px; padding:5px; font-family:arial narrow; font-size:11px; font-style:italic; font-weight: bold; line-height:92%; background-color: #eee; color: #7e7978;">BLOG POSTER DESCRIPTION</div> <p>
</div></div></div></div></div></div></div></td></tr></table></center></center>
[/parsehtml]
 
Last edited by a moderator:
Status
Not open for further replies.
Forgot your password?