Код:

[*code]<*!--HTML--><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><style type='text/css'>
.letmeborder { width:450px; border:15px solid #ad9bcc; position:relative; background-color:#eee; }
.letmehead { width:450px; height:200px; background-image:url(http://i11.pixs.ru/storage/3/0/7/SanFrancis_3244536_17861307.png); border-bottom:15px solid #ad9bcc; }


.letme { position:absolute; top:-15px; left:235px; width:200px; height:200px; border:15px solid #ffffff; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-border-radius:200px; border-radius:200px; }


.letmewordsbg { position:absolute; left:0px; top:25px; width:200px; height:170px; opacity:0; transform: scale(.5); -webkit-transform: scale(.5); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }


.letme:hover .letmewordsbg { position:absolute; left:-235px; top:15px; opacity:1; transform: scale(1); -webkit-transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }


.letmewords { width:200px; height:30px; background-color:#ffffff; font-family:arial; font-size:8px; letter-spacing:5px; color:#ad9bcc; line-height:30px; text-align:center; margin-bottom:5px;  }

.lavie { position: relative; width: 400px; height:450px; clear: both; }

.myageagain { width:350px; height:275px; position:relative; padding:25px; background-color:#fff; opacity:.85; overflow:auto; }

.abused { float:left; }
.abused label { position:relative; top:40px; left:10px; height: 20px; width: 120px; background-color:#eee; font-family:arial; font-size:8px; letter-spacing:5px; color:#222; line-height:20px; text-align:center; border:none; margin-right:10px;  display:block; }
.abused [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }

.used { position:absolute; top:100px; left:0px; background-image:url(ССЫЛКА НА ФОТО РАЗМЕРОМ 400*325); width:400px; height:325px; overflow:auto; padding: 0px; text-align: justify; color: black; font-family: georgia; font-size: 10px; text-align:justify; line-height:100%; }

.abused [type=radio]:checked ~ label { z-index: 99; background-color:#ad9bcc;  }
.abused [type=radio]:checked ~ label ~ .used { z-index: 98; }
</style><center><div class='letmeborder'><div class='letmehead'><div class='letme' style='background-image:url(ССЫЛКА НА ФОТО РАЗМЕРОМ 200*200);'><div class='letmewordsbg'><div class='letmewords'>

Прозвище

</div><div class='letmewords'>

Возраст, дата рождения

</div><div class='letmewords'>

Профессия

</div><div class='letmewords'>

Ориентация

</div><div class='letmewords'>

Внешность

</div></div></div></div><div class='lavie'><div style='width:400px; height:50px; background-color:#fff; position:absolute; top:25px;'></div><div class="abused"><input type="radio" id="abused-1" name="abused-group-1" checked><label for="abused-1">Обложка</label><div class="used"><div style='position:absolute; top:245px; left:50px; width:300px; height:50px; background-color:#fff; font-family:great vibes; font-size:30px; color:#222; line-height:50px; text-align:center; '>

Имя Фамилия на английском

</div></div> </div><div class="abused"><input type="radio" id="abused-2" name="abused-group-1"><label for="abused-2">Характер</label><div class="used"><div class='myageagain'>

Пишем здесь. Не менее 10 развернутых предложений

</div></div> </div><div class="abused"><input type="radio" id="abused-3" name="abused-group-1"><label for="abused-3">Биография</label><div class="used"><div class='myageagain'>

Пишем здесь. Не менее 10 развернутых предложений

</div></div> 
</div></div></div></center>[*/code]