Код:
<!--HTML--><center> <head> <style type="text/css"> .plotBackground { width: 450px; padding: 20px; background: #f3f3f3; border: 1px solid #ddd; } .plotHeader { width: 442px; padding: 3px; background: #fcfcfc; border: 1px solid #e3e3e3; } .plotTitle { width: 362px; padding: 40px; background: url(http://funkyimg.com/i/2qthc.png); font: 400 45px/110% 'bromello'; text-align: center; color: #a28989; text-shadow: 1px 1px 0px rgba(39, 63, 58, 1); } .plotSub { text-align: center; font: 700 7px/130% 'Rajdhani', sans-serif; letter-spacing: 1px; color: ##a28989; text-transform: uppercase; padding: 8px; margin-top: 20px; border: 1px solid #eee; background: #370506} .plotInner { width: 442px; padding: 3px; background: #fcfcfc; border: 1px solid #e3e3e3; margin-top: 3px; } .plotPattern { width: 424px; padding: 8px; background: url(http://ultraimg.com/images/CzirAXm.png); border: 1px solid #eaeaea; } .plotText { width: 352px; padding: 35px; background: #fefefe; text-align: justify; font: 400 11px/120% 'Roboto', sans-serif; color: #666; border: 1px solid #e4e4e4;} .plotHeading { text-align: center; font: 700 11px/130% 'Rajdhani', sans-serif; color: #8aa2a0; text-transform: uppercase; padding: 20px; } .plotBorders { border-left: 1px solid #8aa2a0; border-right: 1px solid #8aa2a0; padding: 25px; } .plotBorders b { font: 600 11px/120% 'Roboto', sans-serif; color: #8aa2a0; } .plotBorders i { font: 600 11px/120% 'Roboto', sans-serif; color: #8aa2a0; font-style: italic; } .plotBorders blockquote b { font: 700 9px/100% 'Rajdhani', sans-serif; } .plotBorders blockquote { text-align: justify; font: 700 8px/100% 'Rajdhani', sans-serif; text-transform: uppercase; color: #666; margin-left: 10px; margin-right: 10px;margin-top: 10px; padding: 10px; background: #fcfcfc; border: 1px solid #e4e4e4; letter-spacing: 1px; } @font-face { font-family: 'bromello'; src: url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.eot'); src: url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.eot?#iefix') format('embedded-opentype'), url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.woff') format('woff'), url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.ttf') format('truetype'), url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.svg') format('svg'); font-weight: normal; font-style: normal; } .faceListTi { width: 156px; padding: 8px; background: url(http://ultraimg.com/images/CzirAXm.png); border: 1px solid #ddd; margin-bottom: 3px; text-align: right; font: 700 13px/110% 'Montserrat', sans-serif; color: #370506; letter-spacing: 1px; } .faceList { width: 142px; padding: 15px; background: #f8f8f8; border: 1px solid #ddd; text-align: justify; font: 700 8px/160% 'Rajdhani', sans-serif; letter-spacing: 0px; color: #fff; text-transform: uppercase; } .faceList a { font: 700 8px/160% 'Rajdhani', sans-serif; } .faceListOv { overflow: auto; height: 176px; padding-right: 5px; } .reservesTi { background: #f4f4f4; border: 1px solid #e4e4e4; padding: 9px; text-align: right; font: 700 8px/130% 'Rajdhani', sans-serif; color: #777; text-transform: uppercase; } .reservesList { text-align: left; font: 700 8px/130% 'Rajdhani', sans-serif; color: #777; text-transform: uppercase; padding: 20px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .reservesList b { color: #8aa2a0; letter-spacing: 1px; } .reservesList i { color: #8aa2a0; font-weight: 700; letter-spacing: 1px; } .occTx { background: #fafafa; padding: 20px; border: 1px solid #e9e9e9; text-align: justify; font: 700 8px/130% 'Rajdhani', sans-serif; text-transform: uppercase; color: #666; } .occTx blockquote { text-align: justify; font: 700 8px/130% 'Rajdhani', sans-serif; text-transform: uppercase; color: #666; margin: 10px; padding: 10px; background: #fcfcfc; border: 1px solid #e4e4e4; } </style> </head> <div class="plotBackground"><div class="plotHeader"><div class="plotTitle"> faces <div class="plotSub"> внешности </div></div></div><div class="plotInner"><div class="plotPattern"> <div class="plotText" style="margin-top: 5px;"> <table cellpadding="0" cellspacing="0"><tr><td valign="top"><div class="faceListTi">MALE</div><div class="faceList"><div class="faceListOv"> <center><font size="2" color="#370506">A-H</font></center><br> <br> <center><font size="2" color="#370506">I-P</font></center><br> <a href="https://thenbhd.rusff.me/profile.php?id=25">im changkyun</a><br> <a href="https://thenbhd.rusff.me/profile.php?id=7">kim hanbin</a><br> <a href="https://thenbhd.rusff.me/profile.php?id=8">kim junsu</a><br> <a href="https://thenbhd.rusff.me/profile.php?id=5">kim namjoon</a><br> <a href="https://thenbhd.rusff.me/profile.php?id=6">kim taehyung</a><br> <a href="https://thenbhd.rusff.me/profile.php?id=4">min yoongi</a><br> <a href="https://thenbhd.rusff.me/profile.php?id=11">park euntae</a><br> <br> <center><font size="2" color="#370506">Q-Z</font></center><br> <br> </div></div></td><td><div class="faceListTi" style="margin-left: 4px;">FEMALE</div><div class="faceList" style="margin-left: 4px;"><div class="faceListOv"> <center><font size="2" color="#370506">A-H</font></center><br> <br> <center><font size="2" color="#370506">I-P</font></center><br> <a href="https://thenbhd.rusff.me/profile.php?id=37">Kang Seul Gi</a><br> <a href="https://thenbhd.rusff.me/profile.php?id=19">kim seolhyun</a><br> <br> <center><font size="2" color="#370506">Q-Z</font></center><br> <br> </div></div></td></tr></table></div> </center>
Код:
<a href="ссылка на профиль">внешность на английском языке</a><br>