О персонаже
Код:
<!--HTML--><center> <div class="folderbkgd"> <div class="filename"> NAME </div> <div class="file"> <div class="typefile"> <table><tr><td> ИМЯ: здесь пишем имя </td></tr><tr><td> ВОЗРАСТ: числом </td></tr><tr><td> ГРУППА: </td></tr><tr><td> ДОЛЖНОСТЬ В ГРУППЕ: </td></tr><tr><td> NOTES: <div class="typecase"> </div> </td></tr></table> </div> <div class="binderclip"> </div></div> <div class="polaroids"> <div style="width:115px; height:117px; background-image:url(http://placehold.it/115x117); position:absolute; margin-top:68px; margin-left:28px;"> </div> <div class="paperclip"> </div></div> </div> <div class="agent"> </center> <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'> <style type="text/css"> .folderbkgd { width: 500px; height: 322px; background-image:url(..); } .filename {font-size:25px; color: #7d6c52; font-family: 'Special Elite', cursive; position:relative; top: 18px; right: 160px;} .paperclip {width: 73px; height:63px; background-image:url(http://i60.tinypic.com/25z73h4.jpg); position:relative; top: 60px; right:58px; z-index:1; } .binderclip {width:50px; height:63px; background-image:url(http://i58.tinypic.com/qrckts.jpg); position:relative; top: -50px; } .polaroids {width:150px; height:214px; background-image:url(http://i57.tinypic.com/2h39aqd.jpg); position:relative; top: -220px; right:160px;} .file { width: 300px; height: 250px; background-image:url(http://savepic.ru/12813829.png); position:relative; top:20px; left:90px; box-shadow: 0 5px 10px rgba(0,0,0,0.5); } .typefile { font-size:12px; font-family: 'Special Elite', cursive; color: #262625; padding:5px; position:absolute; margin-top:20px; } .typecase { width: 265px; height: 400px; font-size:12px; font-family: 'Special Elite', cursive; color: #262625; text-align:justify; position:absolute; margin-top:5px; overflow:auto; padding-right:5px;} .agent { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); position:relative; left:255px; top:-30px;} .typecase::-webkit-scrollbar-track { background-color: #ffffff; } .typecase::-webkit-scrollbar-thumb { background-color: #ffffff; } </style>