— ТЕБЯ НЕ ХВАТАЕТ — |
Если возникают проблемы с html, пишите любому из амс. Не забывайте вставлять шаблон с помощью кнопки html
Код:<!--HTML--><style> .Eden { width: 551px; min-height: 270px; background: #111111; position: relative; margin: 0 auto; } .Eden1 { width: 551px; height: 150px; background: #0c100f; } .Eden11 h1 { background: transparent; color: #a32d29 !important; font-family: roboto !important; font-size: 10px !important; font-style: normal; font-weight: 600; padding-bottom: 5px !important; text-align: center; width: auto; text-transform: uppercase; letter-spacing: 2px; margin: 0px 0px !important; margin-bottom: 0px; margin-bottom: 10px !important; border-bottom: 1px solid #a32d29 !important; height: 15px; } .Eden1 img { width: 170px; height: 80px; padding: 0px 5px; border-left: 1px solid #1c7756; border-right: 1px solid #1c7756; position: absolute; margin-top: 35px; margin-left: 35px; } .Eden11 { width: 285px; height: 80px; position: absolute; margin-top: 35px; margin-left: 236px; } .Eden11 h1 { position: relative; top: 50%; transform: translateY(-50%); font-family: 'Playfair Display' !important; font-size: 10px; font-weight: 300; text-transform: uppercase; color: #f1f1f1; line-height: 100%; padding: 0px; margin: 0px; background: none !important; } .Eden11 h1:first-line { font-size: 14px; font-weight: 800; line-height: 160%; color: #1c7756 !important; } .Eden2 { width: 480px; min-height: 20px; background: #dcddd1; padding: 35px; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; font-family: 'Roboto' !important; font-size: 10px; font-weight: 300; color: #232323; text-align: justify; line-height: 100%; } .Eden2 p:first-of-type { padding-top: 0px; margin-top: 0px; } .Eden2 p:last-of-type { padding-bottom: 0px; margin-bottom: 0px; } .Eden2 b, .Eden2 i { color: #a32d29 !important; font-weight: 700; } .Eden3 { width: 480px; min-height: 0px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 35px solid transparent; border-right: 35px solid transparent; font-family: 'Playfair Display'; } .Eden31 { height: 25px; padding: 0px 5px; border-left: 1px solid #1c7756; border-right: 1px solid #1c7756; } .Eden31 p { padding: 0px; margin: 0px; font-family: 'Playfair Display' !important; font-size: 10px; font-weight: 300; color: #1c7756; text-align: justify; text-transform: uppercase; line-height: 100%; position: relative; top: 50%; transform: translateY(-50%); } .Eden31 a { color: #D4B17E; text-decoration: none; font-style: italic; } .EdenCredit { width: 400px; font-family: 'Montserrat'; text-transform: uppercase; text-align: right; line-height: 100%; font-size: 10px; margin: 0 auto; } .EdenCredit a { color: #D4B17E; text-decoration: none; } </style> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,800" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="Eden"> <div class="Eden1"> <img src="http://forumupload.ru/uploads/001a/ce/39/2/211343.png"> <div class="Eden11"> <h1> Без тебя мне не выжить <br> Я ищу друга </h1> </div> </div> <div class="Eden2"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Praesent porttitor eros semper diam aliquet faucibus.</b> Nam nibh erat, sodales in metus vel, semper euismod metus. Cras placerat convallis interdum. Fusce in purus ut enim ullamcorper vulputate vel eget nulla. Donec a sapien volutpat nisl mollis gravida vitae id odio. Cras neque massa, blandit quis nulla vitae, mattis congue erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec lobortis urna nec efficitur ultricies. Aliquam fringilla lacus sed porttitor blandit. Maecenas et felis a elit suscipit convallis. Etiam ut libero vitae dui tempor condimentum varius id lacus. Sed auctor pharetra viverra. Nunc nec justo id augue blandit mollis. Maecenas volutpat semper ipsum, nec dignissim velit. Aliquam et luctus enim, nec vehicula augue. </p> <p> Ut porta, turpis et vestibulum mollis, turpis quam dignissim metus, eu convallis metus tortor in est. <i>Nunc id lobortis dui, sit amet tincidunt magna.</i> Aenean imperdiet sapien ac dolor viverra, vitae sodales enim rhoncus. Suspendisse potenti. Vivamus vel suscipit massa. Proin varius bibendum lorem, ac pellentesque nulla. Pellentesque non est sodales, consequat tellus et, posuere augue. Phasellus malesuada, urna nec laoreet semper, neque felis ullamcorper nulla, ullamcorper tincidunt mi ipsum rutrum mauris. In hac habitasse platea dictumst. Quisque id neque dapibus, euismod massa vel, pharetra enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam imperdiet fringilla risus eget congue. Sed sed ante quis lorem auctor feugiat. Donec porttitor diam augue, ac mattis ante efficitur vitae. </p> </div> <div class="Eden3"> <div class="Eden31"> <p> FACE: name </p> </div> </div> </div>
Код:<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,800" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="Eden"> <div class="Eden1"> <img src="ваш гиф 170/80"> <div class="Eden11"> <h1> Первая строчка <br> Вторая строчка </h1> </div> </div> <div class="Eden2"> <p> Каждый блок в тег <p>...</p> Если хотите выделить жирным и цветом пишете текст в тег <b>...</b> </p> </div> <div class="Eden3"> <div class="Eden31"> <p> FACE: имя знаменитости на англ </p> </div> </div> </div>