fff
ffff
Сообщений 1 страница 4 из 4
Поделиться32017-03-13 03:40:07
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<style>.smalltb {background: url(http://imgdepo.com/id/10399545.jpg);
width:57px;
height: 57px;
position: relative;
overflow:hidden;}
.smalltbpic {width: 44px;
height: 43px;
position: absolute;
margin-top: 7px;
margin-left: 6px}
.smalltbname {width: 44px;
height: 31px;
position: absolute;
margin-top: 7px;
margin-left: 6px;
background-color: rgba(0,0,0,0.8);
color: #959595;
font-family: arial;
text-align: center;
font-size: 11px;
padding-top: 12px;
transform: scaleY(0);
transform-origin: center right
}
.small
</style>
<div class="smalltb"><div class="smalltbpic">
<img src="http://imgdepo.com/id/10399544.jpg">
</div>
<div class="smalltbname">имя</div>
</div>
</body>
</html>
Поделиться42017-03-13 14:24:59
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat faucibus fringilla. Aenean iaculis eros ante, in tristique arcu pellentesque iaculis. Pellentesque aliquet arcu libero, ut dapibus nibh porttitor non. In vitae finibus mi. Donec justo neque, pretium ac vulputate eget, sollicitudin sed nibh. Nullam molestie auctor dictum. Maecenas commodo lectus eget varius volutpat.
Nunc sollicitudin turpis et leo auctor consequat. Nunc non pharetra sem. Mauris id tempor augue. Praesent at sapien ac turpis fringilla facilisis. Nulla pharetra lectus non convallis auctor. Donec accumsan nisi arcu, nec lobortis augue varius ac. Sed tincidunt elementum tortor.
Donec vitae ornare ligula, vitae congue orci. Morbi at eros quis magna facilisis feugiat. Nunc volutpat laoreet tellus ac accumsan. Vivamus gravida enim vel justo semper, aliquam ornare tellus sodales. Ut risus massa, consequat at faucibus vitae, ultricies vitae risus. Etiam et nunc eget leo aliquam facilisis. Curabitur ullamcorper tincidunt tortor id commodo. Duis eget ex sed lorem auctor varius eu consequat ipsum. Vestibulum bibendum elementum vehicula. Etiam iaculis metus sit amet feugiat tristique. Suspendisse congue ipsum ut mauris venenatis fermentum. Integer magna lacus, tempus nec nulla at, condimentum molestie elit. Ut gravida placerat ipsum, quis tempus sapien porta non. In non dolor non risus luctus tempor id ac nisi. Pellentesque eget nisl tincidunt, rutrum ipsum vitae, imperdiet erat. Nam metus magna, fermentum at libero eget, sollicitudin mollis magna.
Vestibulum sodales libero ac imperdiet fermentum. Nullam maximus condimentum urna et malesuada. Donec cursus scelerisque mattis. In a interdum elit, sed gravida nunc. Phasellus nec gravida ligula, a hendrerit justo. Maecenas et nibh nec nisl eleifend venenatis. Ut pellentesque auctor egestas. Nulla dictum porta eros, ac viverra magna tristique eu. Phasellus cursus, nisl at ullamcorper vehicula, ex lectus tempor tortor, non cursus purus nisi quis metus.
Sed quis dui ultricies, rutrum arcu et, faucibus dolor. Aliquam in diam neque. Mauris laoreet urna non porttitor efficitur. Morbi nec vehicula lacus, eu congue nisi. Proin sapien ex, interdum laoreet augue quis, tincidunt blandit nulla. Donec vulputate neque luctus, iaculis odio et, aliquam orci. Integer facilisis dapibus sodales. Nam at augue maximus, molestie nulla vestibulum, varius magna. In rhoncus dapibus eros, quis vulputate urna porta a. Etiam luctus mattis lacus, nec ornare neque egestas vitae.
Nunc sollicitudin turpis et leo auctor consequat. Nunc non pharetra sem. Mauris id tempor augue. Praesent at sapien ac turpis fringilla facilisis. Nulla pharetra lectus non convallis auctor. Donec accumsan nisi arcu, nec lobortis augue varius ac. Sed tincidunt elementum tortor.
Donec vitae ornare ligula, vitae congue orci. Morbi at eros quis magna facilisis feugiat. Nunc volutpat laoreet tellus ac accumsan. Vivamus gravida enim vel justo semper, aliquam ornare tellus sodales. Ut risus massa, consequat at faucibus vitae, ultricies vitae risus. Etiam et nunc eget leo aliquam facilisis. Curabitur ullamcorper tincidunt tortor id commodo. Duis eget ex sed lorem auctor varius eu consequat ipsum. Vestibulum bibendum elementum vehicula. Etiam iaculis metus sit amet feugiat tristique. Suspendisse congue ipsum ut mauris venenatis fermentum. Integer magna lacus, tempus nec nulla at, condimentum molestie elit. Ut gravida placerat ipsum, quis tempus sapien porta non. In non dolor non risus luctus tempor id ac nisi. Pellentesque eget nisl tincidunt, rutrum ipsum vitae, imperdiet erat. Nam metus magna, fermentum at libero eget, sollicitudin mollis magna.