<!--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]