Код:
<!--HTML--> <center><div class="wine12"><br><br><div class="winename">wish [ нужные м ]</div><br><br> <center></center> <div class="winee1"><center>Вы потеряли салфетку с номером того самого красавчика ? Или мечтаете снова встретиться с бывшим ? Наша поисковая система <b>wish</b> поможет вам найти тех, кого вы так долго искали. Лента обновляется с невероятной скоростью, а каждый пользователь мечтает наконец-то встретить свою половинку, родственную душу или друга детства. Эй, не тебя случайно описывают в заявке ниже ? <br><br> <b>×</b> не забудь <b>закрыть заявку</b>, если твой принц на белом коне все-таки придет на роль</center> <br><br><br><br><br></div></div>
Код:
<!--HTML-->
<center><div class="yulyamolodec">
<div class="amcon"><img src="http://placehold.it/160x160" style="max-height: 160px; max-width: 160px;"></div>
<div class="amtitle">LIKETIME вместе со мной ищет тебя!</div>
<div class="amsong">
artist - song title
</div>
<div class="amlyrics">
Пару недель назад я встретил\а тебя в кафе и вот что я узнал\а: тебя зовут <b>имя</b> и уже <b>?</b>лет ты покоряешь Сиэтл, будучи <b>профессия</b>, а так же проводишь ночи в компании <b>парней/девушек/бутылки вина</b>. Многие говорят, что ты очень похож/а на <b>внешность на англ.</b>
</div>
<div class="pl" style="margin: 172px 21px;"><center>что бы мне хотелось рассказать о тебе:</center></div><br>
<div class="amtext1">ТУТ ТЕКСТ ДОБРЫЙ ДЕНЬ<br></div>
<div class="pl" style="margin: 484px 21px;"><center>а что же тебе стоит знать:</center></div><br>
<div class="amtext2">ТУТ ТЕКСТ КАК ПОГОДА В ВАШЕМ ГОРОДЕ<br></div>
<br>
<table style="margin: 575px 21px;"><tbody><tr><td><div class="ambottom">пишу от ?k до ?k</div>
</td> <td><div class="ambottom">связь с вами</div> </td> </tr> </tbody></table>
</div>
</center>
<style>
.yulyamolodec {width: 550px;height: 645px;padding: 7px;border-top: 9px solid rgba(141, 120, 160, 0.88);border-bottom: 9px solid rgba(141, 120, 160, 0.88);border-radius: 12px;background-color: rgba(255, 255, 255, 0.5);}
.amcon { width: 160px; height: 160px; border: 4px solid rgba(141, 120, 160, 0.88); border-top: 4px solid rgba(141, 120, 160, 0); border-radius: 7px; position: absolute; margin: -11px 23px;}
.amtitle { font-size: 25px; color: #444; font-family: bebas neue!important; font-weight: 700; text-align: center; position: absolute; margin-left: 211px; text-transform: uppercase; padding: 10px;}
.amtitle:first-letter { color: #a0ceca; }
.amsong { font-family: bebas neue!important; background-color: rgba(141, 120, 160, 0.88); padding: 2px; color: black; font-size: 13px; position: absolute; text-align: center; width: 297px; margin: 47px 221px; border-radius: 5px; text-transform: uppercase; letter-spacing: 1px;}
.amlyrics { color: black; text-align: justify; font-family: cuprum!important; font-size: 13px; letter-spacing: 1px; width: 300px; height: 80px; position: absolute; line-height: 12px; margin: 75px 221px; font-style: italic;}
.pl { width: 495px; height: 15px; font-size: 16px; letter-spacing: 2px; font-family: bebas neue!important; font-weight: bold; color: #4F4F4F; padding: 5px; background-color: #a0ceca; border-radius: 5px; position: absolute; }
.amtext1 { width: 493px; height: 280px; overflow: auto!important; letter-spacing: 1px; position: absolute; padding: 1px;
text-align: justify; font-size: 13px; font-family: cuprum!important; line-height: 12px; color: black; margin: 194px 25px;}
.amtext2 { width: 493px; height: 70px; overflow: auto!important; letter-spacing: 1px; padding: 1px; text-align: justify;
font-size: 13px; position: absolute; font-family: cuprum!important; line-height: 12px; margin: 506px 26px; color: black;}
.ambottom { font-family: bebas neue!important; font-weight: 700; font-size: 15px; padding: 3px; text-transform: uppercase;
border-radius: 5px; color: #1C1C1C; background-color: rgba(141, 120, 160, 0.88); text-align: center; margin-top: 571px 22px; width: 213px; position: absolute;}
::-webkit-scrollbar { width: 7px; height: 9px;}
::-webkit-scrollbar-thumb { background: #a0ceca; border-radius: 25px;}
::-webkit-scrollbar-track { width: 4px; background: #e4e4e4;}
</style>код
Код:[*code]<*!--HTML--> <center><div class="yulyamolodec"> <div class="amcon"><img src="http://placehold.it/160x160" style="max-height: 160px; max-width: 160px;"></div> <div class="amtitle">LIKETIME вместе со мной ищет тебя!</div> <div class="amsong"> artist - song title </div> <div class="amlyrics"> Пару недель назад я встретил\а тебя в кафе и вот что я узнал\а: тебя зовут <b>имя</b> и уже <b>?</b>лет ты покоряешь Сиэтл, будучи <b>профессия</b>, а так же проводишь ночи в компании <b>парней/девушек/бутылки вина</b>. Многие говорят, что ты очень похож/а на <b>внешность на англ.</b> </div> <div class="pl" style="margin: 172px 21px;"><center>что бы мне хотелось рассказать о тебе:</center></div><br> <div class="amtext1">ТУТ ТЕКСТ ДОБРЫЙ ДЕНЬ<br></div> <div class="pl" style="margin: 484px 21px;"><center>а что же тебе стоит знать:</center></div><br> <div class="amtext2">ТУТ ТЕКСТ КАК ПОГОДА В ВАШЕМ ГОРОДЕ<br></div> <br> <table style="margin: 575px 21px;"><tbody><tr><td><div class="ambottom">пишу от ?k до ?k</div> </td> <td><div class="ambottom">связь с вами</div> </td> </tr> </tbody></table> </div> </center> <style> .yulyamolodec {width: 550px;height: 645px;padding: 7px;border-top: 9px solid rgba(141, 120, 160, 0.88);border-bottom: 9px solid rgba(141, 120, 160, 0.88);border-radius: 12px;background-color: rgba(255, 255, 255, 0.5);} .amcon { width: 160px; height: 160px; border: 4px solid rgba(141, 120, 160, 0.88); border-top: 4px solid rgba(141, 120, 160, 0); border-radius: 7px; position: absolute; margin: -11px 23px;} .amtitle { font-size: 25px; color: #444; font-family: bebas neue!important; font-weight: 700; text-align: center; position: absolute; margin-left: 211px; text-transform: uppercase; padding: 10px;} .amtitle:first-letter { color: #a0ceca; } .amsong { font-family: bebas neue!important; background-color: rgba(141, 120, 160, 0.88); padding: 2px; color: black; font-size: 13px; position: absolute; text-align: center; width: 297px; margin: 47px 221px; border-radius: 5px; text-transform: uppercase; letter-spacing: 1px;} .amlyrics { color: black; text-align: justify; font-family: cuprum!important; font-size: 13px; letter-spacing: 1px; width: 300px; height: 80px; position: absolute; line-height: 12px; margin: 75px 221px; font-style: italic;} .pl { width: 495px; height: 15px; font-size: 16px; letter-spacing: 2px; font-family: bebas neue!important; font-weight: bold; color: #4F4F4F; padding: 5px; background-color: #a0ceca; border-radius: 5px; position: absolute; } .amtext1 { width: 493px; height: 280px; overflow: auto!important; letter-spacing: 1px; position: absolute; padding: 1px; text-align: justify; font-size: 13px; font-family: cuprum!important; line-height: 12px; color: black; margin: 194px 25px;} .amtext2 { width: 493px; height: 70px; overflow: auto!important; letter-spacing: 1px; padding: 1px; text-align: justify; font-size: 13px; position: absolute; font-family: cuprum!important; line-height: 12px; margin: 506px 26px; color: black;} .ambottom { font-family: bebas neue!important; font-weight: 700; font-size: 15px; padding: 3px; text-transform: uppercase; border-radius: 5px; color: #1C1C1C; background-color: rgba(141, 120, 160, 0.88); text-align: center; margin-top: 571px 22px; width: 213px; position: absolute;} ::-webkit-scrollbar { width: 7px; height: 9px;} ::-webkit-scrollbar-thumb { background: #a0ceca; border-radius: 25px;} ::-webkit-scrollbar-track { width: 4px; background: #e4e4e4;} </style>[/*code]
