Код:
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<style>
.forname {margin-top: 1px; padding: 10px 0px; text-align: center; font-size: 21px; line-height: 22px; color: #410554; font-weight: bold; text-shadow: 1px 0 1px #FAF7F0; font-family: 'Lobster', cursive;}
.forrules { background-color: #410554; padding: 7px; width: 400px; font-family: 'Lobster', cursive; font-size: 15px; text-transform: lowercase; letter-spacing: 1px; line-height: 08px; text-align: center; color: #FAF7F0; margin-bottom: 05px; }
.fortag { font-size: 08px; letter-spacing: 1px; line-height: 09px; color: #410554; }
.forwomen { position: absolute; background-color: #C69CD4; padding: 5px; font-family: 'Lobster', cursive; font-size: 15px; text-transform: lowercase; letter-spacing: 1px; line-height: 08px; text-align: center; color: #FAF7F0; margin-bottom: 05px; width: 180px; }
.formen{ position: absolute; background-color: #C6C3EA; padding: 5px; font-family: 'Lobster', cursive; font-size: 15px; text-transform: lowercase; letter-spacing: 1px; line-height: 08px; text-align: center; color: #FAF7F0; margin-bottom: 05px; width: 180px; }
.tabs { position: relative; width: 460; height: 250; }
.tab { float: left; }
.tab label { position: relative; left: 40px; font-family: calibri; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 08px; display: inline-block; color: #410554; font-weight: 900; text-shadow: 1px 0 1px #FAF7F0; text-decoration: none; padding: .5em 2em; outline: none; border-width: 2px 0; border-style: solid none; border-color: #E1C3E1 #000 #8A4D84; border-radius: 6px; background: linear-gradient(#EDF, #7E4590) #7E4590; transition: 0.2s;}
.tab [type=radio] { display: none; } .content { position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; background: #C9C4D3; padding: 20px; height: 241px; } [type=radio]:checked ~ label { z-index: 2; background: linear-gradient(#EDF, #7E4590) #410554;} [type=radio]:checked ~ label ~ .content { z-index: 1; }
.kodtab { float: left; }
.kodtab label { background: #6C903D; padding: 6px; margin-left: 10px; position: relative; left: -8px; top: 2px; display: block; color: white; width: 142.6px; font-family: Neucha, 'cuprum', sans-serif; font-size: 18px; text-transform: uppercase; text-align: center; z-index: 2; border-radius: 21px; border: 2px outset #92BF58;}
.kodtab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.forcontent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #C9C4D3; padding: 10px; font-family: arial; text-align: justify; overflow: auto; line-height: 100%; height: 283px; font-size: 11px;}
.kodtab [type=radio]:checked ~ label { background: #D62430; color: white; z-index: 2; border: 2px outset #E68289;}
.kodtab [type=radio]:checked ~ label ~ .forcontent { z-index: 1; }
.forhello {font-size: 22px; color: #B789B3; font-weight: bold; text-shadow: 1px 0 0.5px #410554; font-family: 'Lobster', cursive;}
.rules {margin-top: 5px; font-size: 9px; width: 404px; padding: 5px; background-color: #B789B3; text-align: center; border-radius: 20px; color: #fff; text-shadow: 1px 0 1px #410554;}
.forcontent i {color: #c05867; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
</style>
<div><center><div style="position: absolute; margin-top: 37px; margin-left: 172px; color: #ffffff; font-size: 24px; font-family: 'Lobster', serif; text-shadow: 1px 0px 1px #a1a1a1;">возьмите к себе. я хороший</div>
<img src="http://funkyimg.com/i/265oB.pngg">
<div style="background-image: url(http://funkyimg.com/i/265oA.png); width: 550px">
<div style="width: 500px; padding-left: 18px; padding-right: 23px; text-align: justify;">
Хотите к нам, хотите любви и ласки? Тогда вам сюда! Если вам не хватает семьи, друзей, врагов и т.д., и не охота идти в пустоту? Пишите, пишите, пишите. Шаблон свободный. Вас обязательно заберут, мы в это верим!
</div>
<br>
<img src="http://funkyimg.com/i/265oz.png">
</div></center></center></div>
