��

mybb@mybb.ru (��) — Sun, 25 Jan 2015 23:05:11 +0300

HTML+ ��(�):

��:

<center>
<div style="width: 450px; height: 280px; background-color: #E08E79; border-bottom: 15px solid #C5E0DC;"><div style="padding-top: 15px;"><div style="width: 250px; height: 250px; border-radius: 50%; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/1614/1614081.png?1309714728); border: 3px solid #C5E0DC; background-repeat: repeat;"><div style="padding-top: 15px;"><div style="width: 220px; height: 220px; border-radius: 50%; background-image: url(http://placehold.it/220x220);"></div></div></div></div></div><div style="width: 450px; background-color: #ECE5CE; height: 400px;padding-top: 15px;"><div style="width: 381px; height: 360px; background-color: rgba(255, 255, 255, 0.8); font-family: arial; font-size: 9.5px;line-height: 100%; text-align: justify; padding: 10px;overflow: auto;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat est gravida ligula tempus eget laoreet mi vestibulum. Nunc sodales imperdiet magna. Nunc ultrices, odio a semper auctor, lectus dui semper velit, et condimentum dui leo vitae augue. Sed justo libero, malesuada in luctus vel, placerat id metus. Nunc vulputate egestas enim, ut ornare leo tincidunt at. Quisque at libero non nisl suscipit pellentesque nec ut velit. Vivamus tempor congue nibh, sed commodo velit congue eu. Vivamus sapien turpis, luctus sit amet laoreet ut, interdum sed augue. Aenean lorem eros, varius eu euismod non, tristique a magna. Donec nec nibh ac ipsum volutpat commodo. Mauris at felis sapien, id venenatis sem.
<p>
Morbi blandit, est at lacinia rutrum, augue velit laoreet nisl, sit amet ultricies dui neque id purus. Donec porttitor, eros quis facilisis elementum, erat neque tempus nulla, in pulvinar mauris eros at dolor. Sed a mauris massa. Integer congue, sem vel auctor varius, nisi nisi sodales elit, eget dictum justo leo in nibh. Vestibulum et mauris et purus vehicula dapibus quis sed ante. Sed tempus sagittis felis eget consequat. Donec sagittis ligula mollis felis adipiscing pharetra. Mauris fringilla libero non leo vulputate congue. Etiam tempus lectus vitae risus molestie id suscipit dolor feugiat. Praesent a quam neque. Nullam scelerisque molestie mauris, in pellentesque nisl sagittis id. Morbi hendrerit iaculis nunc, ac faucibus elit tempor a.
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id est elit, vel luctus odio. Donec tincidunt egestas ante. Nunc eu fringilla magna. Aliquam placerat arcu nec ante congue sit amet ornare nibh lacinia. Mauris velit mauris, molestie eu ultrices in, placerat sed libero. Phasellus eu dolor vel lorem varius tristique non in orci. In iaculis mi et lacus consequat bibendum.
<p>
Donec vitae odio eget nunc posuere mattis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam laoreet placerat arcu et blandit. Mauris volutpat condimentum eleifend. Sed vel rutrum felis. Nulla dapibus mollis sem, vel interdum nibh fringilla eu. Etiam eu ligula magna.
<p>
Proin eu enim sit amet metus mollis vulputate nec id nibh. Ut accumsan mi id urna pulvinar sed sollicitudin tellus mattis. Aliquam erat volutpat. Aenean et leo ut augue cursus rutrum a dictum felis. Cras dictum auctor massa. Nullam id sagittis lorem. Donec placerat tortor eget arcu volutpat malesuada. Ut ipsum erat, aliquet et tristique dapibus, consectetur in purus. Nunc sit amet auctor leo. Curabitur ultrices egestas varius. </div></div>
<div style="width: 450px; height: 35px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/1614/1614081.png?1309714728); border-top: 15px solid #C5E0DC;"><div style="padding-top: 10px; "><div style="width: 400px; height: 15px; background-color: #ECE5CE;border: 3px solid #E08E79;font-family: arial; font-size: 9.5px;line-height: 100%;opacity: .9;">[b]tag:[/b] --- [b]words:[/b] --- [b]notes:[/b] --- </div></div></div>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">❤</a>
</center>

��

mybb@mybb.ru (��) — Mon, 19 Jan 2015 16:15:27 +0300

HTML ��(�):

��:

<STYLE>body { line-height: 1; } :focus { outline: 0; } body { background-color: #f1f1f1; font-family: Georgia, Verdana, �Lucida Sans Unicode�, sans-serif; font-size: 12px; color: #999; } div#container { margin: 0px auto 0px auto; /* centered */ width: 500px; } .bubble {  clear: both; margin: 0px auto; width: 450px; background-color: #f1f1f1; -moz-border-radius: 10px;  -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative;  z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */ border: double 5px #fff; } .rectangle { background: #058789; height: 50px; width: 480px; position: relative; left:-15px; top: -10px; float: left; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); z-index: 100; /* the stack order: foreground */ } h2 { font-size: 30px; color: #fff; padding-top: 8px; padding-bottom: 8px; margin: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); text-align: center; Border-bottom: dashed 2px #fff; Border-top: dashed 2px #fff; } .triangle-l { border-color: transparent #057b7d transparent transparent; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: -30px; top: 25px; z-index: -1; /* displayed under bubble */ } .triangle-r { border-color: transparent transparent transparent #057b7d; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: 450px; top: -5px; z-index: -1; /* displayed under bubble */ } .info { padding-top: 0px; font-size: 11px; } .info p { padding: 10px; font-size: 11px; line-height: 18px; text-align: justify; } .infotable { width:100%; height:100%; margin:auto;padding:0px; } .infotable td{  vertical-align:middle;  background-color:#f9f9f9; border:5px double #f1f1f1; text-align:center; padding:5px; font-size:13.5px; font-family:calibri; Font-weight:normal; color:#503d2e; text-transform: lowercase; } .infotable tr:first-child td{ background-color:#f9f9f9; border:5px double #f1f1f1; text-align:center; font-size:25px; Letter-spacing: 1px;  font-family:'Wire One'; font-weight:bold; color:#d54b1a; width: 100px; padding: 5px; }  .img {height: 200px; width: 400px; border: double 5px #f1f1f1; background-color: #fff; margin: auto; margin-top: 10px;}</STYLE>

<br><br><br><body><div CLASS="container"><div class="rectangle"><h2>first m. last</h2></div><div class="triangle-l"></div><div class="triangle-r"></div><div class="info"><center><div class="infotable" ></body>

��� ������

������

�������� ���������

��

��

��