<!--HTML--> <center><div style="width: 500px; height: 300px; background: url(http://funkyimg.com/i/NdUa.png);"> <div style="width: 420px; background: transparent; position: relative; top: 0px;"> <div style="width: 400px; height: 300px; padding: 10px;"> <div style="width: 400px; height: 271px; border: 1px solid #ccc; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px;"> <div style="width: 400px; height: 225px; background: url(http://funkyimg.com/i/NdUb.png); border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; -ms-border-top-left-radius: 10px; -ms-border-top-right-radius: 10px;"> <div style="width: 75px; height: 75px; background: url(http://4.firepic.org/4/images/2014-06/26/qs2hyghtlx4b.png); border: 5px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; position: relative; top: 15px; box-shadow: 0px 1px 0px #333; -moz-box-shadow: 0px 1px 0px #333; -webkit-box-shadow: 0px 1px 0px #333; -o-box-shadow: 0px 1px 0px #333; -ms-box-shadow: 0px 1px 0px #333"></div> <div style="font: 25px oswald; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 0px #333; padding-top: 20px;"> Ваше Имя </div> <div style="font: 18px arial; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 0px #333; padding-top: 15px;"> @ваш_ник </div> <div style="font: 12px arial; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: 0px; text-shadow: 1px 1px 0px #333; padding-top: 15px;"> Ваш род деятельности </div> <div style="font: 12px arial; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: 0px; text-shadow: 1px 1px 0px #333; padding-top: 10px;"> Ваш личный статус </div> </div> <div style="width: 400px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; -ms-border-bottom-left-radius: 10px; -ms-border-bottom-right-radius: 10px;"> <table cellpadding="0" cellspacing="0"> <td><div style="padding: 10px; width: 100px; border-right: 1px solid #ccc; font: 12px arial; color: #000; text-align: left; text-transform: uppercase; line-height: 110%;"> число твитов<br> <font style="color: #aaa;"> tweets </font></div></td> <td><div style="padding: 10px; margin: 0px 10px 0px 10px; width: 100px; border-right: 1px solid #ccc; font: 12px arial; color: #000; text-align: left; text-transform: uppercase; line-height: 110%;"> число тех, на кого вы подписаны<br> <font style="color: #aaa"> following </font></div></div></td> <td><div style="padding: 10px; width: 100px; font: 12px arial; color: #000; text-align: left; text-transform: uppercase; line-height: 110%;"> число ваших читателей<br> <font style="color: #aaa"> followers </font></div></td> </table> </div> </div> </center>
Социальную сеть может завести каждый, но это необязательно. Здесь предоставлен стандартный шаблон оформления вашего профиля. Если захотите сменить, то ищите в коде ссылки на изображения в скобочках. Обязательно смотрите размер, чтобы ничего не съехало. Оформление можно менять сколько угодно. При необходимости обращайтесь за помощью к администрации.
Небольшая памятка с размерами изображений: первое изображение (фон) - 500x300, второе изображение (фон профиля) - 400x225, третье изображение (иконка с ваши) - 75x75
<!--HTML-->
<center><div style="width: 500px; height: 300px; background: url(http://4.firepic.org/4/images/2014-06/2 … 7s7qmv.jpg);">
<div style="width: 420px; background: transparent; position: relative; top: 0px;">
<div style="width: 400px; height: 300px; padding: 10px;">
<div style="width: 400px; height: 271px; border: 1px solid #ccc; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px;">
<div style="width: 400px; height: 225px; background: url(http://4.firepic.org/4/images/2014-06/2 … 2lgwej.jpg); border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; -ms-border-top-left-radius: 10px; -ms-border-top-right-radius: 10px;">
<div style="width: 75px; height: 75px; background: url(http://4.firepic.org/4/images/2014-06/2 … htlx4b.png); border: 5px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; position: relative; top: 15px; box-shadow: 0px 1px 0px #333; -moz-box-shadow: 0px 1px 0px #333; -webkit-box-shadow: 0px 1px 0px #333; -o-box-shadow: 0px 1px 0px #333; -ms-box-shadow: 0px 1px 0px #333"></div>
<div style="font: 25px oswald; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 0px #333; padding-top: 20px;">
Ваше Имя
</div>
<div style="font: 18px arial; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 0px #333; padding-top: 15px;">
@ваш_ник
</div>
<div style="font: 12px arial; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: 0px; text-shadow: 1px 1px 0px #333; padding-top: 15px;">
Ваш род деятельности
</div>
<div style="font: 12px arial; text-align: center; text-transform: normal; line-height: 100%; color: #fff; letter-spacing: 0px; text-shadow: 1px 1px 0px #333; padding-top: 10px;">
Ваш личный статус
</div>
</div>
<div style="width: 400px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; -ms-border-bottom-left-radius: 10px; -ms-border-bottom-right-radius: 10px;">
<table cellpadding="0" cellspacing="0">
<td><div style="padding: 10px; width: 100px; border-right: 1px solid #ccc; font: 12px arial; color: #000; text-align: left; text-transform: uppercase; line-height: 110%;">
число твитов<br>
<font style="color: #aaa;">
tweets
</font></div></td>
<td><div style="padding: 10px; margin: 0px 10px 0px 10px; width: 100px; border-right: 1px solid #ccc; font: 12px arial; color: #000; text-align: left; text-transform: uppercase; line-height: 110%;">
число тех, на кого вы подписаны<br>
<font style="color: #aaa">
following
</font></div></div></td>
<td><div style="padding: 10px; width: 100px; font: 12px arial; color: #000; text-align: left; text-transform: uppercase; line-height: 110%;">
число ваших читателей<br>
<font style="color: #aaa">
followers
</font></div></td>
</table>
</div>
</div>
</center>