<!--HTML-->
<link href="http://allfont.ru/allfont.css?fonts=playfair-display" rel="stylesheet" type="text/css" />
<style>
#ground {
width: 500px;
height: 500px;
background-color: #ddcbd6;
}
.role {
width: 455px;
height: 455px;
background-color: #d0b6c3;
border: 4px solid #ecdde6;
position: relative;
top: 20px;
}
.title {
font-family: Playfair Display;
font-size: 55px;
color: #a77f95;
text-shadow: 1px 1px #fff;
position: relative;
top: -40px;
}
.info {
position: relative;
width: 300px;
font-family: Playfair Display;
font-size: 14px;
color: #a77f95;
top: -110px;
}
.description {
position: relative;
width: 370px;
height: 220px;
padding: 20px;
top: -120px;
font-family: Playfair Display;
font-size: 12px;
color: #a77f95;
text-align: justify;
overflow: auto;
}
.img {
position: relative;
top: -130px;
}
.description::-webkit-scrollbar { width: 0px; }
.description::-webkit-scrollbar-thumb { background-color: transparent; }
.description::-webkit-scrollbar-corner { background-color: transparent; }
</style>
<center>
<div id="ground">
<div class="role">
<p class="title">Name</p>
<p class="info">age / orientation / caste</p>
<br><div class="img"><img src="http://funkyimg.com/i/2q3Ur.png" style="border: 10px solid #d0b6c3;"> <img src="http://funkyimg.com/i/2q3Up.png" style="border: 10px solid #d0b6c3;"> <img src="http://funkyimg.com/i/2q3Uq.png" style="border: 10px solid #d0b6c3;"></div>
<p class="description">Все, что хотите нам рассказать.</p>
</div>
</div>
</div>
</center>
Если вы используете шаблон, просим ставить фото размера 100 на 100 пикселей. Не больше!
Если вам нужна помощь с обрезкой фото / гиф под нужный размер, обратитесь к одному из амс.
Код:[*code]<!--*HTML--> <link href="http://allfont.ru/allfont.css?fonts=playfair-display" rel="stylesheet" type="text/css" /> <style> #ground { width: 500px; height: 500px; background-color: #ddcbd6; } .role { width: 455px; height: 455px; background-color: #d0b6c3; border: 4px solid #ecdde6; position: relative; top: 20px; } .title { font-family: Playfair Display; font-size: 55px; color: #a77f95; text-shadow: 1px 1px #fff; position: relative; top: -40px; } .info { position: relative; width: 300px; font-family: Playfair Display; font-size: 14px; color: #a77f95; top: -110px; } .description { position: relative; width: 370px; height: 220px; padding: 20px; top: -120px; font-family: Playfair Display; font-size: 12px; color: #a77f95; text-align: justify; overflow: auto; } .img { position: relative; top: -130px; } .description::-webkit-scrollbar { width: 0px; } .description::-webkit-scrollbar-thumb { background-color: transparent; } .description::-webkit-scrollbar-corner { background-color: transparent; } </style> <center> <div id="ground"> <div class="role"> <p class="title">Name</p> <p class="info">age / orientation / caste</p> <br><div class="img"><img src="http://funkyimg.com/i/2q3Ur.png" style="border: 10px solid #d0b6c3;"> <img src="http://funkyimg.com/i/2q3Up.png" style="border: 10px solid #d0b6c3;"> <img src="http://funkyimg.com/i/2q3Uq.png" style="border: 10px solid #d0b6c3;"></div> <p class="description">Все, что хотите нам рассказать.</p> </div> </div> </div> </center> [*/code]















