Код:
<style type="text/css">
/*TITLE FOR CLAIMS*/
.chclaimstitle{width: 620px; height: 60px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #e4fac4; position:absolute; left:50px; top:0px}
/*DESCRIPTION FOR CLAIMS*/
.chclaimsdesc{background:#e4fac4; width:580px; min-height:15px; padding:25px 25px 25px 25px; position:absolute; top:-45px; font-family:arial; font-size:10px; color:#444; line-height:11px; text-align:justify; text-transform:lowercase; opacity:0; z-index:5; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.chclaimstitle:hover{cursor:help}
.chclaimstitle:hover .chclaimsdesc{top:45px; cursor:help; opacity:1; -webkit-transition:top 1.3s ease,opacity 1s ease; -moz-transition:top 1.3s ease,opacity 1s ease; -o-transition:top 1.3s ease,opacity 1s ease; transition:top 1.3s ease,opacity 1s ease; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
/*BOX FOR TEXT*/ 
.chch {background:#e4fac4; width:590px; height:30px; padding-bottom:20px; position:absolute; top:110px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); }
.chfemale {background:#e4fac4; width:590px; height:140px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:420px; overflow-y:auto; overflow-x:hidden}
.chmale {background:#e4fac4; width:590px; height:200px; padding-bottom:20px; -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); position:absolute; top:180px; overflow-y:auto; overflow-x:hidden}
/*TEXT THAT HOVER CHANGES*/
.chcharname, .chchardesc{font-family:arial; font-size:8px; line-height:22px;letter-spacing:2pt; text-transform:uppercase}
.chcharname{background:#d8d848; color:#444; width:60px; height:20px; text-align:center; display:block;position:relative; margin:10px 20px 10px 20px; opacity:1}
.chchardesc{background:#d8d848; color:#444; width:205px; height:20px; text-align:center; display:block; position:absolute; top:0px; left:0px; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
.chcharname:hover .chchardesc{cursor:default; color:#444; opacity:1; -webkit-transition:opacity 0.2s ease,color 1.5s ease; -moz-transition:opacity 0.2s ease,color 1.5s ease; -o-transition:opacity 0.2s ease,color 1.5s ease; transition:opacity 0.2s ease,color 1.5s ease}
.chtitle { width: 620px; height: 30px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;}
.chtitle2 { width: 620px; height: 30px; text-align: center; font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 100%; color: #e4fac4; text-transform: lowercase;  -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.4); box-shadow:  1px 1px 13px 0px rgba(50, 50, 50, 0.4); background-color: #577e01;}
/*END OF CSS FOR CLAIMS SITE TEMPLATE*/
.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
background: #577e01;
color: #FFF;
padding: 10px 10px;
bottom: 13px;
right: 5;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
position: absolute;
bottom: -7px;
right: 5px;
border-top: 7px solid #000;
border-left: 7px solid transparent;
display: block;
}
</style>
<center><div style="width: 550px; border: 4px solid #c0c3c4; background: #e1e3e4 url(http://funkyimg.com/i/Jn1Q.png);">
<div style="width: 500px; padding: 15px;"><div style="background: #f1f1f1; width: 500px;">
<div style="font-family: courier new; font-size: 8px; line-height: 6px; padding-left: 4px; padding-right: 4px; padding-top: 2px; letter-spacing: 1px; text-transform: uppercase; width: 400px; padding-bottom: 6px; text-align: justify; color: #a1a1a1; width: 392px;">

</div>
<center><img src="http://funkyimg.com/i/JnN1.png"><br>
<div class="post-box">
            <div id="p8-content" class="post-content">
            <p><span style="display: block; text-align: center"><strong></strong></span></p><center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">

<style type="text/css">
.death { width:222px; height:490px; background-color:#ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px;  opacity:0; line-height:100%; margin-top:-80px;-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-500px; overflow:auto; padding:5px;  margin-left:14px;} 

.death:hover { width:200px; height:490px; padding:5px; background-color:ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:.95; line-height:100%;; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-500px; margin-left:14px;  overflow:auto;}

.bite {width:200px; height:500px; background-color:#ffffff; opacity:1;}
.death:hover .bite {opacity:0;}
.claw {width:200px; height:500px; background-color:#ffffff; opacity:1; margin-top:5px;}
.death:hover .claw {opacity:0;}
.scratch {width:200px; height:500px; background-color:#B4D4D4; opacity:1; margin-top:5px;}
.death:hover .scratch {opacity:0;}
.voldemort {width:200px; height:500px; background-color:#B4D4D4; opacity:1; margin-top:5px;}
.death:hover .voldemort {opacity:0;}
</style><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css">
<style type="text/css">

.hover1 {  opacity: 0; width: 110px; height:110px; transition-duration: 0.7s;  -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s; }
.hover1:hover { opacity: 0.75; }


.hover2 { width: 108px; height: 35px; background-color: #efe9ee; font-family: times new roman; font-size: 9px; text-align: left;  line-height: 100%; color: #222; PADDING: 50PX 17PX;}


</style>
<style type="text/css">
@font-face { font-family: "colors of autumn"; src: url('HTTP://STATIC.TUMBLR.COM/KZWVA67/TQAMO1DRN/COLORS_OF_AUTUMN.TTF'); }
.voice { font-size: 11px; font-family: georgia; text-align: justify}
.voice:first-letter { width: 20px; height: 20px; padding: 5px; margin-bottom: 0px; margin-right: 4px; float: left; background-color: #000000; border: 3px double white; color: white; font-size: 22px; font-style: italic; line-height: 20px; text-transform: uppercase; text-align: center;}
</style>

<style type="text/css">
.poice { font-size: 11px; font-family: georgia; text-align: justify}
</style>


<center>


<div style="width: 410px; font: 11px arial; text-align: justify; color: #000; line-height: 100%; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px;">
<center><br>
<table><tbody><tr><td>

<div class="claw"><div class="bite"><img src="http://funkyimg.com/i/JnMp.png"></div>
<div class="death">
<div align="center"><table><tbody><tr><td><div class="appbawls" height="10px">a-b-c</div><br>
<img src='http://funkyimg.com/i/JnMu.png'>alex » <i>алекс;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>allison » <i>эллисон;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>amelia » <i>амелия</i>;<br>
<img src='http://funkyimg.com/i/JnMv.png'>charlie » <i>чарли;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>christopher » <i>кристофер;</i><br>
<br><div class="appbawls">d-e-f</div><br>
<img src='http://funkyimg.com/i/JnMu.png'>derek » <i>дерек;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>erica » <i>эрика;</i><br>
<br><div class="appbawls">g-h-i</div><br>
<img src='http://funkyimg.com/i/JnMu.png'>gilbert » <i>гилберт;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>hank » <i>хэнк;</i><br>
<br><div class="appbawls">j-k-l-m</div><br>
<img src='http://funkyimg.com/i/JnMv.png'>jennifer» <i>дженнифер;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>john » <i>джон;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>jordan » <i>джордан;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>laura » <i>лора;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>lydia » <i>лидия;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>malia » <i>малия;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>maya » <i>майя;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>mickey » <i>микки;</i><br>
<br><div class="appbawls">n-o-p</div><br>
<img src='http://funkyimg.com/i/JnMv.png'> nicole » <i> николь;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>niccolo » <i>никколо;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>peter » <i>питер;</i><br>
<br><div class="appbawls">q-r-s</div><br>
<img src='http://funkyimg.com/i/JnMv.png'>reed » <i>рид;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>riley » <i>райли;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>scott » <i>скотт;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>stiles » <i>стайлз</i>
<br><div class="appbawls">t-u-v</div><br>
<img src='http://funkyimg.com/i/JnMv.png'>tamara » <i>тамара;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>tessa » <i>тесса;</i><br>
<img src='http://funkyimg.com/i/JnMu.png'>theodore » <i>теодор;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>vasilisa » <i>василиса;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>violet » <i>вайолет;</i><br>
<img src='http://funkyimg.com/i/JnMv.png'>vivian » <i>вивиан;</i><br>
<br><div class="appbawls">w-x-y-z</div><br>
</td></tr></tbody></table>
</div></div></div></td><td>
<div class="claw"><img src="http://funkyimg.com/i/JnMq.png"></div></div>
<div class="death"><div align="center">
<table><tbody><tr><td><div class="appbawls">a-b-c</div><br>
argent » <i>арджент;</i><br>
bende » <i>бэнд;</i><br>
blake » <i>блейк;</i><br>
carter » <i>картер;</i><br>
clark» <i>кларк;</i><br>
<br><div class="appbawls">d-e-f</div><br>
dickinson » <i> дикинсон;</i><br>
<br><div class="appbawls">g-h-i</div>
gold » <i>голд;</i><br>
grant » <i>грант;</i><br>
hale » <i>хейл;</i><br>
<br><div class="appbawls">j-k-l-m</div>
lancet » <i>лансет;</i><br>
lester » <i>лестер;</i><br>
lloyd » <i>ллойд;</i><br>
lightwood » <i>лайтвуд;</i><br>
lowry » <i>лоури;</i><br>
martin » <i>мартин;</i><br>
mccall » <i>маккол;</i><br>
mccoy » <i>маккой;</i><br>

<br><div class="appbawls">n-o-p</div>
nightray » <i>найтрей;</i><br>
owens » <i>оуэнс</i>;<br>
parrish » <i>пэрриш;</i><br>
<br>
<br><div class="appbawls">q-r-s</div>
reyes » <i>рейес;</i><br>
roselli » <i>роселли;</i><br>
stam » <i>стэм;</i><br>
stilinski » <i>стилински;</i>
<br>
<br><div class="appbawls">t-u-v</div><br>
tate » <i>тейт;</i><br>
<br><div class="appbawls">w-x-y-z</div>
whitefield » <i>уайтфилд;</i>
<br></td></tr></tbody></table></div>

</div></td></tr></tbody></table>


</b></center></div></center></div></div></center>

            </div>
        	</div></div></div></div></center>
            </div>
        	</div></div></div></div></center>
КОДЫ

КОД ИМЕНИ

ДЛЯ ДЕВУШЕК

Код:
<img src='http://funkyimg.com/i/JnMv.png'>имя на англ. с маленькой буквы » <i>имя на рус. с маленькой буквы;</i><br>

ДЛЯ ПАРНЕЙ

Код:
<img src='http://funkyimg.com/i/JnMu.png'>имя на англ. с маленькой буквы » <i>имя на рус. с маленькой буквы;</i><br>

КОД ФАМИЛИИ

Код:
фамилия на англ. с маленькой буквы » <i>фамилия на рус. с маленькой буквы;</i><br>