<!--HTML-->
<style>
.moreblock {
width: 500px;
height: 250px;
background: #ddcbd6;
border-top: 10px solid #ecdde6;
}
.title {
font-family: Playfair Display;
font-size: 55px;
font-style: italic;
font-weight: bold;
color: #84729a;
text-shadow: 1px 1px 2px white;
top: -45px;
position: relative;
}
.more {
width: 470px;
height: 195px;
overflow: auto;
position: relative;
top: -110px;
font-family: Playfair Display;
color: #84729a;
font-size: 14px;
}
.more::-webkit-scrollbar { width: 0px; }
.more::-webkit-scrollbar-thumb { background-color: transparent; }
.more::-webkit-scrollbar-corner { background-color: transparent; }
.blur {
filter: grayscale(70%);
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
-ms-filter: grayscale(70%);
-o-filter: grayscale(70%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
</style>
<center>
<!-- ВАШЕ ФОТО 500 НА 200 PX -->
<div class="blur"><img src="http://funkyimg.com/i/2q8vh.png"></div>
<div class="moreblock"><p class="title">Name</p>
<p class="more">more more.</p>
</div>
</center>
Если вы используете шаблон, просим ставить фото размера 500 на 200 пикселей. Не больше!
Если вам нужна помощь с обрезкой фото / гиф под нужный размер, обратитесь к одному из амс.
Код:[*code]<*!--HTML--> <style> .moreblock { width: 500px; height: 250px; background: #ddcbd6; border-top: 10px solid #ecdde6; } .title { font-family: Playfair Display; font-size: 55px; font-style: italic; font-weight: bold; color: #84729a; text-shadow: 1px 1px 2px white; top: -45px; position: relative; } .more { width: 470px; height: 195px; overflow: auto; position: relative; top: -110px; font-family: Playfair Display; color: #84729a; font-size: 14px; } .more::-webkit-scrollbar { width: 0px; } .more::-webkit-scrollbar-thumb { background-color: transparent; } .more::-webkit-scrollbar-corner { background-color: transparent; } .blur { filter: grayscale(70%); -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } </style> <center> <!-- ВАШЕ ФОТО 500 НА 200 PX --> <div class="blur"><img src="http://funkyimg.com/i/2q8vh.png"></div> <div class="moreblock"><p class="title">Name</p> <p class="more">more more.</p> </div> </center>[*/code]















