Mariah.

Communication Templates

3 posts in this topic

Pai9R0S.png

Communication Templates Below are the templates you may use for e-mail and instant messaging threads. You are only permitted to post threads using these templates alone. If you require any help, please notify me.

Be sure to copy the coding exactly as is. HIT THE SOURCE BUTTON BEFORE PASTING THE CODING FOR MIXTAPE THREADS

Share this post


Link to post
Share on other sites
Inbox - name@email.com
File
Home
Sync
View
✉ New Email
Delete
Archive
Junk
Flag

SUBJECT
70x70 Character Name TO: name@name.com
CC: name@name.com, name@name.com, name@name.com, name@name.com, name@name.com Date at time

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Signature
Goes Here

 

 
Spoiler

<style> .embody {
width: 500px;
height: auto;
margin: 0 auto;
display: block;
border: 1px solid #e3e3e3;
font-family: Verdana;
font-size: 12px;
text-align: justify;
background-color: #ffffff;color: #000000;

}
.emhead {
width: 500px;
height: 60px;
background-color: #0078D7;
font-family: Verdana;
color: #ffffff;
font-size: 12px;
position: relative;
display: block;
padding-top: 10px;
text-align: center;
}
.embluetab {
width: 90px;
height: 25px;
text-align: center;
line-height: 25px;
display: inline-block;
color: #ffffff;
}
.emwhitetab {
width: 90px;
height: 25px;
text-align: center;
background-color: #ffffff;
color: #868686;
line-height: 25px;
display: inline-block;
}
.emwhitetab2 {
width: 90px;
height: 35px;
text-align: center;
background-color: #ffffff;
color: #868686;
line-height: 45px;
display: inline-block;
}
.emtabs {
position: absolute;
bottom: 0px;
left: 0px;
}
.emsubhead {
background-color: #ffffff;
position: relative;
display: block;
font-family: Verdana;
font-size: 12px;
}
.emheader {
height: 100px;
width: 500px;
}
.empic {
float: left;
padding: 10px;
}
.empic img {
width: 70px;
height: 70px;
}
.emname {
font-size: 16px;
color: #868686;
display: block;
padding: 10px;
padding-top: 20px;
}
.emdate {
float: right;
padding-right: 10px;
font-size: 11px;
color: #868686;
}
.emrecip {
font-size: 11px; word-break: break-all;
}

.emrecipCC {
font-size: 11px; word-break: break-all;
color: #868686; display: inline-block; padding-right: 10px; width: 400px;
}
.emtext {
padding: 10px;
text-align: justify;
min-height: 100px;
}
.embody hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 95%;
}
.emsubj {
padding: 10px;
font-size: 14px;
font-weight: bold;
}
.emsig {
padding-left: 10px;
line-height: 160%;
}
.emcred {
width: 500px;
height: auto;
margin: 0 auto;
display: block;
font-family: Verdana;
font-size: 10px;
text-align: right;
}
</style>

<div class="embody">
<div class="emhead">Inbox - name@email.com
<div class="emtabs">
<div class="embluetab">File</div>
<div class="emwhitetab">Home</div>
<div class="embluetab">Sync</div>
<div class="embluetab">View</div>
</div>
</div>
<div class="emsubhead">
<div class="emwhitetab2">✉ New Email</div>
<div class="emwhitetab2">Delete</div>
<div class="emwhitetab2">Archive</div>
<div class="emwhitetab2">Junk</div>
<div class="emwhitetab2">Flag</div>
</div>
<div class="emheader">
<hr>
<span class="emsubj">SUBJECT</span>
<br />
<span class="empic"><img src="http://via.placeholder.com/70x70" style="border-radius: 70px;"></span>
<span class="emname">Character Name</span>
<span class="emrecip">TO: name@name.com</span><br>
<span class="emrecipCC">CC: name@name.com, name@name.com, name@name.com, name@name.com, name@name.com </span>
<span class="emdate"> Date at time</span>
</div>
<hr>
<div class="emtext">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>
<div class="emsig">
<hr>Signature
<BR>
<I>Goes Here</i>
<P>
</div>
</div>
<div class="emcred"><a href="http://cttw.b1.jcink.com/index.php?showuser=12234" target="_blank">&hearts;</a>
</div>

 

 

Share this post


Link to post
Share on other sites
USERNAME is online and typing...
 
 
status:REALLY SHORT STATUS
MESSAGE HERE
➤ send

 

 

Spoiler

<style type="text/css">
@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: 310px; height: 170px; background: url(http://i.imgur.com/A6708Db.png); margin: auto}
.dfghh {height: 30px; width: 310px; 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 #eba8a0; top: 35px; left: 10px; animation: ddfgh 2s infinite}
.dffgh {height: 65px; width: 65px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 47px; left: 23px; background-color: #f5e1cb; background-blend-mode: multiply; background-size: cover}
.dddfg {height: 16px; background-color: #fff; border: 1px solid #ccc; width: 291px; position: absolute; bottom: 10px; left: 10px}
.ddffg {height: 15px; background-color: #e6e6e8; color: #ba605b; 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: #ba605b; border: 1px solid #ccc; line-height: 15px; width: 175px; position: absolute; top: 43px; right: 10px; font-family: roboto; text-transform: uppercase; font-size: 8px; padding-left: 5px; overflow: hidden}
.dfggg {width: 175px; 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: #ba605b}
.dfggg::-webkit-scrollbar {width: 0px;}</style>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<div id="dfgh">
	<div class="dfghh">
		USERNAME is <font style="color: #ba605b">online</font> and typing...
	</div>

	<div class="ddfgh">
		&nbsp;
	</div>

	<div class="dffgh" style="background-image:url(70 X 70 GIF/IMG HERE. BLACK AND WHITE LOOKS BETTER.)">
		&nbsp;
	</div>

	<div class="dfffg">
		<font style="color: #eba8a0">status:</font>REALLY SHORT STATUS
	</div>

	<div class="dfggg">
		MESSAGE HERE
	</div>

	<div class="dddfg">
		<div class="ddffg">
			➤ send
		</div>
	</div>
</div>

 

 

 

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

  • Recently Browsing   0 members

    No registered users viewing this page.