<!--HTML--><center><style type="text/css"> .timbers { width: 245px; max-height: 380px; position: relative; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.2) } .timbertbs { width: 145px; padding: 10px; position: relative; background-color: #961851; color: #fff; font-size:9px; font-family: arial; line-height: 100%; text-align: justify; margin-left: 60px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1 } .timbertbs:before { content: ""; position: absolute; bottom: 1px; right: -20px; width: 10px; height: 40px; border-color: #961851; border-style: solid; border-width: 0px 10px; clip: rect(21px, 15px, 40px, 0px); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1} .timberscroll::-webkit-scrollbar { background:transparent; width:2px } .timberscroll::-webkit-scrollbar-thumb { background:#961851;width:2px } </style> <div class="timbers"> <div style="width: 225px; padding: 10px; background-color: #961851; color: #fff; font-family: arial; font-weight: bold; font-size: 10px; text-align: center; z-index: 1"> тут ебашите внешность нужного <span style="color: #33cc33">  ●</span></div> <div style="width:245px; height: 91px; background: url(http://funkyimg.com/i/SngY.jpg); position: relative; z-index: 5"><img src="http://placehold.it/100x100" width="80px" style="border: 3px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; position: relative; top: 44px; z-index: 999;" /></div> <div style="width: 245px; max-height: 150px; overflow: auto; overflow-x: hidden; padding-top: 50px; background-color: #f3f3f7; z-index: -1" class="timberscroll"> <div class="timbertbs">ваше четкое описание будет покоиться тут, оно может быть оч длинным тоже. ваше четкое описание будет покоиться тут, оно может быть оч длинным тоже. ваше четкое описание будет покоиться тут, оно может быть оч длинным тоже. ваше четкое описание будет покоиться тут, оно может быть оч длинным тоже. ваше четкое описание будет покоиться тут, оно может быть оч длинным тоже. ваше четкое описание будет покоиться тут, оно может быть оч длинным тоже. ваше четкое описание будет покоиться тут, оно может быть оч длинным тоже. </div><p> <p></div> <div style="width: 225px; padding: 10px; background-color: #fff; border-top: 1px solid #dadae9; z-index: 1"> <table cellpadding="0"><td><div style="width: 110px; text-align: left; color: #d2d2d2; font-family: arial; font-size: 10px">Message...</div></td><td><div style="width: 110px; text-align: right; color: #6855c8; font-family: arial; font-size: 9px">Send</div></td></table> </div></div> </center>
х не забудьте убрать три звездочки из кода
х не забудьте запилить соточку с вашим нужным - ищите в коде слова "КАРТИНКА НУЖНИКА 100 НА 100"
х
Код:[code*]<!*--HTML--><center><style type="text/css"> .timbers { width: 245px; max-height: 380px; position: relative; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.2) } .timbertbs { width: 145px; padding: 10px; position: relative; background-color: #961851; color: #fff; font-size:9px; font-family: arial; line-height: 100%; text-align: justify; margin-left: 60px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1 } .timbertbs:before { content: ""; position: absolute; bottom: 1px; right: -20px; width: 10px; height: 40px; border-color: #961851; border-style: solid; border-width: 0px 10px; clip: rect(21px, 15px, 40px, 0px); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1} .timberscroll::-webkit-scrollbar { background:transparent; width:2px } .timberscroll::-webkit-scrollbar-thumb { background:#961851;width:2px } </style> <div class="timbers"> <div style="width: 225px; padding: 10px; background-color: #961851; color: #fff; font-family: arial; font-weight: bold; font-size: 10px; text-align: center; z-index: 1"> тут ебашите внешность нужного <span style="color: #33cc33">  ●</span></div> <div style="width:245px; height: 91px; background: url(http://funkyimg.com/i/SngY.jpg); position: relative; z-index: 5"><img src="КАРТИНКА НУЖНИКА 100 НА 100" width="80px" style="border: 3px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; position: relative; top: 44px; z-index: 999;" /></div> <div style="width: 245px; max-height: 150px; overflow: auto; overflow-x: hidden; padding-top: 50px; background-color: #f3f3f7; z-index: -1" class="timberscroll"> <div class="timbertbs">ваше четкое описание будет покоиться тут</div><p> <p></div> <div style="width: 225px; padding: 10px; background-color: #fff; border-top: 1px solid #dadae9; z-index: 1"> <table cellpadding="0"><td><div style="width: 110px; text-align: left; color: #d2d2d2; font-family: arial; font-size: 10px">Message...</div></td><td><div style="width: 110px; text-align: right; color: #6855c8; font-family: arial; font-size: 9px">Send</div></td></table> </div></div> </center>[/code*]