Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato|Francois+One' rel='stylesheet' type='text/css'> <style type="text/css"> <style type="text/css"> ::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;} ::-webkit-scrollbar-thumb { background: #b1bac1; } ::-webkit-scrollbar-corner { background: #b1bac1; } ::-webkit-scrollbar-track { background: transparent; } #stcontainer { width: 500px; height: 600px; position: relative; background-color: #F1EFE8; } .sttitlebar { width: 500px; height: 125px; background-color: #b1bac1; position: absolute; top: 0px; left: 0px; } .sttitlebar span { width: 350px; height: 15px; display: block; position: absolute; top: 55px; left: 75px; text-align: center; padding-top: 5px; border-top: 3px solid #D1DCDB; color: #e8eef1; font-size: 11px; line-height: 10px; font-family: francois one; text-transform: uppercase; letter-spacing: 5px; word-spacing: 8px; } .sttitlebar span:after { content: ""; display: block; position: absolute; height: 1px; left: 0px; top: -5px; margin-top: -1px; background-color: #D1DCDB; width: 350px; } .stuimage img { width: 500px; height: 150px; position: absolute; top: 125px; left: 0px; z-index: 1; } .stuimage span { display: block; width: 500px; height: 25px; position: absolute; top: 250px; left: 0px; z-index: 99; background-color: rgba(241,239,232,0.6); line-height: 25px; text-align: center; font: italic 10px/25px times; color: #000; letter-spacing: 2px; word-spacing: 5px; } #stcontainer p { position: absolute; top: 266px; left: 0px; width: 300px; height: 285px; padding: 20px 100px 20px 100px; text-align: justify; font-family: tahoma; font-size: 9px; text-transform: lowercase; line-height: 12px; letter-spacing: 1px; overflow: auto; } </style> <center> <div id="stcontainer"> <div class="sttitlebar"><span> Nicholas Neumann </span></div> <div class="stuimage"> <img src="http://38.media.tumblr.com/201397c7c94969fd01a9893f7ea2ada9/tumblr_ms3yyktZW11s1052do4_r1_500.gif"> <span> Николас Дейл Нэйман — 33 — владелец автосервиса — charlie hunnam </span> </div> <p> <i>Каждый день ты открываешь коробку. И только от тебя зависит, будет это подарок или гроб... <br> </p> </div> </center> <center><div style="background-color: #F1EFE8; width: 500px; border-top: 1px solid #F1EFE8; border-bottom: 1px solid #F1EFE8; height: 148px;"><div style="margin-top: 10px; margin-bottom: 10px; font-family: georgia; font-size: 7px; font-style: italic; letter-spacing: 4px; text-align: center; color: #333; line-height: 100%; text-transform: lowercase; ">welcome to the monster inc.</div> <table cellpadding="0" cellspacing="0"><td><img src="http://funkyimg.com/i/21ARJ.gif" style="margin-left: 65px;"></td><td><img src="http://funkyimg.com/i/21ARD.gif" style="margin-left: 30px;"></td><td><img src="http://funkyimg.com/i/21ARG.gif"></td></table></center>
Отредактировано Nicholas Neumann (2015-08-31 10:48:09)