Sam and Mikaela (Transformers)

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Again... this movie is orgasmic. O_O

Please do not remove my credits or change any part of this layout.

Layout Code

Copy and paste to Template HTML

Help

<html>
<title>Website Name Here || Version ##</title>

<head>
<style type="text/css">
{
}body{
scrollbar-arrow-color: #d20000;
scrollbar-track-color: #8ea266;
scrollbar-face-color: #404040;
scrollbar-highlight-color: #d5e5e6;
scrollbar-3dlight-color: #202020;
scrollbar-shadow-color: #404040;
scrollbar-darkshadow-color: #d3706c;
background-color: #ecd2a2;}

body, input {
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
background-image: url("http://cbimg9.com/layouts/08/06/28038ab.png");
background-repeat: repeat;
background-position: absolute;
border: 3px;
cursor: crosshair;}

td, p {
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
line-height: 11px;
background-color: #ffffff;}

b {color: #d20000; font-size: 11px; letter-spacing: 1px; text-transform: lowercase; font-weight: bold;}
i {color: #d3706c; font-size: 11px; text-transform: lowercase;}
u {color: #404040; border-bottom: 2px solid #8ea266; font-size: 11px; letter-spacing: -1px; text-transform: uppercase;}
s {color: #b3c9c4; font-size: 11px; letter-spacing: 1px;}

.head {
color: #b3d684;
background: #da9c65; 
border-right: 0px solid #d20000;
border-left: 0px solid #d20000;
border-top: 0px solid #d20000;
border-bottom: 2px solid #d20000;
font-family: Times New Roman;
font-size: 24px;
font-weight: bold;
font-variant: none;
letter-spacing: -1px;
line-height: 12px;
text-align: center;
text-transform: uppercase;
padding: 2px;}

.head2 {
color: #404040;
background: #afdee4; 
border-right: 0px solid #d20000;
border-left: 0px solid #d20000;
border-top: 0px solid #d20000;
border-bottom: 2px solid #d20000;
font-family: Times New Roman;
font-size: 16px;
font-weight: bold;
font-variant: none;
letter-spacing: -1px;
line-height: 10px;
text-align: right;
text-transform: uppercase;
padding: 2px;}

.text {
color: #000000;
background: #ffffff;
border-right: 0px solid #d20000;
border-left: 0px solid #d20000;
border-top: 0px solid #d20000;
border-bottom: 0px solid #d20000;
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
line-height: 11px;
text-align: center;}

A:link, A:active {
color: #56c1df;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
cursor: crosshair;}

A:visited {
color: #b3c9c4;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
cursor: crosshair;}

A:hover {
color: #d3706c;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: -1px;
text-decoration: none;
text-transform: none;
cursor: n-resize;}

</style>
</head>

<div class="head">May 30th 2008</div>
<div class="text">
<table width="375" border="0">
<tr>
<td width="10">
<img src="http://cbimg9.com/layouts/08/06/28038aa.png">
</td>
<td width="365">
<b>Feeling</b>: how ya doing?<br>
<b>Cranking</b>: listening to?<br>
<b>Chugging</b>: eating/drinking?<br>
<b>Contemplating</b>: hmm?<br>
<b>Plugging</b>: <a href="http://www.link.com" target="_blank">link to friend</a><br> 
<b>Last Update</b>: <a href="http://linklinklinklink" target="_blank">You know what to do here</a> 
</td>                       
</tr>
</table>
<br>

Keep your updates and stuff here please.<br>
Feel free to change the headers and junk.<br>
Just NO TOUCHING what you're not supposed to, mkay?<br><br>
<u><b>MY GOD</u></b>, this layout is colorful! >.<<br>
I must admit; ever since I saw <u>Transformers</u> I've wanted to make a layout 
featuring the main characters. <br>
<i>Sam</i> and <b>Mikaela</b> just happen to be one of my most favorite OTPs (One 
True Pairing[s]) and had to use them in this layout.<br>
Well, durr, who else was I supposed to use?<br>
Megatron <s>and</s> Optimus?<br>
. . . <br>
O_O<br><br>

<i>Italics</i><br>
<s>Strikethrough</s><br>
<u>Underline</u><br>
<a href="http://www.link.com" target="_blank">Link</a>.
</div>

<div class="head">Month Day 2008</div>
<div class="text">
<table width="375" border="0">
<tr>
<td width="10">
<img src="http://cbimg9.com/layouts/08/06/28038aa.png">
</td>
<td width="365">
<b>Feeling</b>: how ya doing?<br>
<b>Cranking</b>: listening to?<br>
<b>Chugging</b>: eating/drinking?<br>
<b>Contemplating</b>: hmm?<br>
<b>Plugging</b>: <a href="http://www.link.com" target="_blank">link to friend</a><br> 
<b>Last Update</b>: <a href="http://linklinklinklink" target="_blank">You know what to do here</a> 
</td>                       
</tr>
</table>
<br>
<br>
Update number 2.<br> 
Or whatever. =P<br>
</div>

<div class="head">Miscellaneous</div>
<div class="text">
<center>
Place some icons, lyrics, a video, or a music player here if you'd like, but they 
have to be less than 380 pixels in width. Remember that. =P<br><br>

"...It's my job to keep you strong.<br>
I do it 'cause I'm supposed to.<br>
It's my job to keep you strong.<br>
I do it 'cause I like to.<br>
It's my job to keep you strong.<br>
I do it 'cause I'm told to.<br>
It's my job to keep you strong.<br>
I do it 'cause I love you.<br>
I do it 'cause I love you..."<br><br>

<b>sixty-eight</b> by <u>The Ready Set</u><br><br>
</center>
</div>
<br>
<br>
<br>
<br>
</div>

<div class="head2">About</div>
<div class="text">
Write a whole bunch of stuff about yourself in this wittle 
box. It's okay to go overboard with it; no one is watching... much. =] 
<br>
</div>

<div class="head2">Navigate</div>
<div class="text">
<table width="200" border="0">
<tr>
<td width="100">
<center>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> 
</center>
</td>
<td width="100">
<center>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> 
</center>
</td>
</tr>
</table>
</div>

<div class="head2">Linkage</div>
<div class="text">
<table width="200" border="0">
<tr>
<td width="100">
<center>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> 
</center>
</td>
<td width="100">
<center>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> <br>
<a href="http://www.link.com" target="_blank">Linkage</a> 
</center>
</td>
</tr>
</table>
</div>

<div class="head2">Chatspot</div>
<div class="text">
<center>
Your tagboard code can go here. No more than 190 pixels in width or it'll stretch 
out this box. I recommend using <a href="http://www.cbox.ws" 
target="_blank">C-Box</a>. =] Here are some colors you 
might want to consider using, too:
<br>
<font color="#d20000">#d20000</font><br>
<font color="#8ea266">#8ea266</font><br>
<font color="#404040">#404040</font><br>
<font color="#d5e5e6">#d5e5e6</font><br>
<font color="#d3706c">#d3706c</font><br>
<font color="#b3c9c4">#b3c9c4</font><br>
<font color="#da9c65">#da9c65</font><br>
<font color="#afdee4">#afdee4</font><br>
<font color="#56c1df">#56c1df</font><br>
<font color="#ecd2a2">#ecd2a2</font><br>
<font color="#000000">#000000</font><br>
</center>
</div>

<div class="head2">Designers</div>
<div class="text">
<center>
Content ©: <i>Your name</i><br>

Layout ©: <a href="http://www.createblog.com/website-templates/28038-sam-and-mikaela-transformers/" target="_blank">so-sarcastic</a>.<br>
Others ©: <a href="http://www.transformersmovie.com">X</a>
<a href="http://www.megan-fox.net">X</a> 
<a href="http://community.livejournal.com/textures_r_us" target="_blank">X</a> 
<a href="http://community.livejournal.com/URBANSTROKES" target="_blank">X</a> 
<a href="http://community.livejournal.com/bea_lost">X</a> 
<a href="http://community.livejournal.com/tove_91">X</a> 
<a href="http://community.livejournal.com/lifeisdolce">X</a> 
<a href="http://colorfilter.net">X</a> 
<a href="http://www.dafont.com" target="_blank">X</a>
<a href="http://www.photobucket.com">X</a>  <br><br>
</center>
</div>
<br>
<br>
<br>
<br>
</div>

</body>
</html>