Код:
<link href='http://fonts.googleapis.com/css?family=Abel|Sacramento' rel='stylesheet' type='text/css'>
<style type="text/css">
.lyr1 { font-family: sacramento; font-size: 34px; color: #9F6DC0; text-shadow: 1px 1px 2px #000000; text-transform: lowercase; width: 500px; margin-left: -59px; }
.lyr2 { font-family: arial; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; }
.lyr2 a {color: #ccc; }
.pbox { height: 244px; width: 490px; background-position: center; border: 5px double #171717; }
.pobox { width: 380px; padding: 60px; background-color: #161616; color: #ccc; }
.pobox2 { padding: 10px; background-color: #1d1d1d; font-family: arial; text-align: justify; font-size: 11px; line-height: 100%; border: 4px double #161616; }
.pobox3 { height: 250px; overflow: auto; padding: 5px; }
.pobox3:first-letter { padding: 10px; background-color: #9F6DC0; color: #ccc; float: left; font-family: abel; font-weight: bold; font-size: 24px; font-style: normal; margin: 0 5px 0 0; border: 4px double #1d1d1d; }
.pobox3::-webkit-scrollbar-thumb { background-color: #9F6DC0; }
.pobox3::-webkit-scrollbar { background-color: #1d1d1d; }
.speech { color: #9F6DC0; }
.tcred { text-transform: uppercase; text-align: right; width: 500px; }
.tcred a { font-family: arial; font-size: 10px; letter-spacing: -3px; }
</style>
<center><div class="pbox" style="background-image: url('ТУТ ВАША КАРТИНКА/МУВ');"></div><div class="pobox">
<div class="lyr1">Я очень жду ВАШ ВАРИАНТ</div>
<div class="lyr2">Он(а) похож(а) на ВАШ ТЕКСТ</div>
<div class="pobox2"><div class="pobox3">
ТУТ ОПИСЫВАЕТЕ ЖЕЛАЕМЫЕ ОТНОШЕНИЯ, ХАРАКТЕР И ПРОЧЕЕ
</div></div></div></center>Код:
<link href='http://fonts.googleapis.com/css?family=Abel|Sacramento' rel='stylesheet' type='text/css'>
<style type="text/css">
.lyr1 { font-family: sacramento; font-size: 34px; color: #9F6DC0; text-shadow: 1px 1px 2px #000000; text-transform: lowercase; width: 500px; margin-left: -59px; }
.lyr2 { font-family: arial; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; }
.lyr2 a {color: #ccc; }
.pbox { height: 244px; width: 490px; background-position: center; border: 5px double #171717; }
.pobox { width: 380px; padding: 60px; background-color: #161616; color: #ccc; }
.pobox2 { padding: 10px; background-color: #1d1d1d; font-family: arial; text-align: justify; font-size: 11px; line-height: 100%; border: 4px double #161616; }
.pobox3 { height: 250px; overflow: auto; padding: 5px; }
.pobox3:first-letter { padding: 10px; background-color: #9F6DC0; color: #ccc; float: left; font-family: abel; font-weight: bold; font-size: 24px; font-style: normal; margin: 0 5px 0 0; border: 4px double #1d1d1d; }
.pobox3::-webkit-scrollbar-thumb { background-color: #9F6DC0; }
.pobox3::-webkit-scrollbar { background-color: #1d1d1d; }
.speech { color: #9F6DC0; }
.tcred { text-transform: uppercase; text-align: right; width: 500px; }
.tcred a { font-family: arial; font-size: 10px; letter-spacing: -3px; }
</style>
<center><div class="pbox" style="background-image: url('ТУТ ВАША КАРТИНКА/МУВ');"></div><div class="pobox">
<div class="lyr1">Я очень жду ВАШ ВАРИАНТ</div>
<div class="lyr2">Он(а) похож(а) на ВАШ ТЕКСТ</div>
<div class="pobox2"><div class="pobox3">
ТУТ ОПИСЫВАЕТЕ ЖЕЛАЕМЫЕ ОТНОШЕНИЯ, ХАРАКТЕР И ПРОЧЕЕ
</div></div></div></center>