Код:
<!--HTML--> <div class="stranica"><gifka><gifka1><img src="http://forumavatars.ru/img/avatars/0017/cb/06/13-1474308749.gif"></gifka1></gifka> <socset><img src="http://placehold.it/55x55/"></socset> <imyavozrast>layla ainsworth, 27 y.o. </imyavozrast> <pesnya>taylor john williams - song of a dead man </pesnya> <prof>экстрасенс</prof> <level>twitter: 999lvl</level> <para>лео</para> <posty>постов: 999</posty> <vneha>m.e.winstead</vneha> <div class="vse"> <div class="notebook1"> <input type="radio" name="notebook1a" id="notebook1a_1" checked="checked"> <input type="radio" name="notebook1a" id="notebook1a_2"> <div> <label for="notebook1a_1"><img src="http://sd.uploads.ru/p8HLF.png"></label> <p><div class="plashki"><svoifon><img src="http://se.uploads.ru/IJksR.png"></svoifon><svoitext>личные</svoitext><prizfon><img src="http://se.uploads.ru/IJksR.png"></prizfon><priztext>призовые</priztext> <table layout="fixed" width="100%"> <tbody> <tr> <td><center><img src="http://s6.uploads.ru/79CnB.png" title="написал анкету и был принят в игру"></center></td> <td><center><img src="http://s6.uploads.ru/79CnB.png"></center></td> </tr> <tr> <td><center><img src="http://s6.uploads.ru/79CnB.png"></center></td> <td><center><img src="http://s6.uploads.ru/79CnB.png"></center></td> </tr> <tr> <td><center><img src="http://s6.uploads.ru/79CnB.png"></center></td> <td><center><img src="http://s6.uploads.ru/79CnB.png"></center></td> </tr> </tbody></table></div></p> </div> <div> <label for="notebook1a_2"><img src="http://sg.uploads.ru/xBvm1.png"></label> <p><div class="checkinargada"><checkfon><img src="http://se.uploads.ru/IJksR.png"></checkfon><checktext>зачекинился</checktext><nagradafon><img src="http://se.uploads.ru/IJksR.png"></nagradafon><nagradatext>получил звание</nagradatext><table layout="fixed" width="100%" margin-top: "30px"> <tbody> <tr> <td width="240px"><center><img src="http://s7.uploads.ru/RtuNz.png" title="пайк плейс маркет"><img src="http://s8.uploads.ru/pWRwQ.png" title="пайк плейс маркет"><img src="http://s7.uploads.ru/RtuNz.png" title="пайк плейс маркет"><img src="http://s8.uploads.ru/pWRwQ.png" title="пайк плейс маркет"></center></td> <td width="270px"><center><img src="http://sg.uploads.ru/IJ9Fn.png" title="жиртрест"><img src="http://s0.uploads.ru/yQqD2.png" title="алкоголик"><img src="http://sg.uploads.ru/IJ9Fn.png" title="жиртрест"><img src="http://s0.uploads.ru/yQqD2.png" title="алкоголик"></center></td> </tr> <tr> <td width="240px"><center><img src="http://s7.uploads.ru/RtuNz.png" title="пайк плейс маркет"><img src="http://s8.uploads.ru/pWRwQ.png" title="пайк плейс маркет"><img src="http://s7.uploads.ru/RtuNz.png" title="пайк плейс маркет"><img src="http://s8.uploads.ru/pWRwQ.png" title="пайк плейс маркет"></center></td> <td width="270px"><center><img src="http://sg.uploads.ru/IJ9Fn.png" title="жиртрест"><img src="http://s0.uploads.ru/yQqD2.png" title="алкоголик"><img src="http://sg.uploads.ru/IJ9Fn.png" title="жиртрест"><img src="http://s0.uploads.ru/yQqD2.png" title="алкоголик"></center></td> </tr> </tbody></table></div></p> </div> </div> </div> </div> <style> .stranica {background-image: url(http://funkyimg.com/i/2iD3R.png); height: 450px; width: 650px; padding: 0px 10px 10px 10px;} .stranica gifka { height: 100px; width: 100px; position: absolute; background-color: #cdb0d6; border-radius: 55px; position: absolute; margin: 46px 40px;} .stranica gifka img{border-radius: 55px;} .stranica gifka1 { mix-blend-mode: luminosity;} .stranica socset { position: absolute; height: 55px; width: 55px; background-color: #e0cae2; border-radius: 55px; margin: 35px 534px;} .stranica socset img{border-radius: 55px;} .stranica imyavozrast { position: absolute; height: 40px; width: 373px; margin: 37px 151px; text-align: center; line-height: 40px;font-family: bebas neue; font-size: 33px; color: #f8f6f8; font-weight: 600; text-shadow: 1px 1px 6px #53316a;} .stranica pesnya { position: absolute; height: 28px; width: 373px; margin: 61px 151px; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 19px; color: #f8f6f8; font-weight: 600; text-shadow: 1px 1px 6px #53316a; } .stranica prof { position: absolute; height: 28px; width: 173px; margin: 103px 165px; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 19px; color: #f8f6f8; font-weight: 600; text-shadow: 1px 1px 6px #53316a;} .stranica level {position: absolute; height: 28px; width: 173px; margin: 103px 369px; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 19px; color: #f8f6f8; font-weight: 600; text-shadow: 1px 1px 6px #53316a;} .stranica para {position: absolute; height: 28px; width: 128px; margin: 184px 102px; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 25px; color: #f8f6f8; font-weight: 600; text-shadow: 1px 1px 6px #53316a;} .stranica posty { position: absolute; height: 28px; width: 128px; margin: 184px 254px; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 25px; color: #f8f6f8; font-weight: 600; text-shadow: 1px 1px 6px #53316a;} .stranica vneha {position: absolute; height: 28px; width: 128px; margin: 184px 406px; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 25px; color: #f8f6f8; font-weight: 600; text-shadow: 1px 1px 6px #53316a;} .plashki {overflow: auto; height: 140px;} .plashki svoifon { height: 47px; width: 160px; position: absolute; margin-left: -220px; margin-top: -25px!important;} .plashki svoitext {position: absolute; height: 47px; width: 160px; margin-left: -220px; margin-top: -20px!important; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 24px; color: #e9e9e9; font-weight: 600; text-shadow: 1px 1px 5px #78568b;} .plashki prizfon { height: 47px; width: 160px; position: absolute; margin-left: 70px; margin-top: -25px!important;} .plashki priztext {position: absolute; height: 47px; width: 160px; margin-left: 70px; margin-top: -20px!important; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 24px; color: #e9e9e9; font-weight: 600; text-shadow: 1px 1px 5px #78568b;} .checkinargada {overflow: auto; height: 140px;} .checkinargada checkfon { height: 47px; width: 160px; position: absolute; margin-left: -220px; margin-top: -25px!important;} .checkinargada checktext {position: absolute; height: 47px; width: 160px; margin-left: -220px; margin-top: -20px!important; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 24px; color: #e9e9e9; font-weight: 600; text-shadow: 1px 1px 5px #78568b;} .checkinargada nagradafon { height: 47px; width: 160px; position: absolute; margin-left: 70px; margin-top: -25px!important;} .checkinargada nagradatext {position: absolute; height: 47px; width: 160px; margin-left: 70px; margin-top: -20px!important; text-align: center; line-height: 40px; font-family: bebas neue; font-size: 24px; color: #e9e9e9; font-weight: 600; text-shadow: 1px 1px 5px #78568b;} .post-content table { border-collapse: collapse; margin: 0 0 0.8em; margin-top: 15px;} </style>