Код:
<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>