Код:
<!--HTML--><div class="postcolor"> <style type="text/css">.brimage{ font-family: calibri, sans-serif; font-size: 26px; text-transform: uppercase; letter-spacing: -1px; color: rgba(255,255,255,0.7); height: 160px; width: 480px; font-weight: bold; text-align: center; background: url(http://funkyimg.com/i/23wFK.png); position: relative; line-height: 120%; overflow: hidden; } .brtitle{ position:absolute; bottom:0px; width:100%; left:0px;-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s; -ms-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s; } .brimage:hover .brtitle{bottom: -30px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .brcaption{ position:absolute; bottom:-30px; width:100%; left:0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size: 14px; letter-spacing: 0px;} .brimage:hover .brcaption{bottom: 0px;-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s; -ms-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s; } .brlyrics{ width: 420px; background-color: #7C3083; color: #CDCACD; font-family: calibri, sans-serif; font-size: 8px; text-transform: uppercase; line-height: 90%; padding: 10px 30px; text-align: center; letter-spacing: 0.09em; } .brlyrics a{color: #fae396; text-decoration: none;} .brtext{ width: 450px; height: 220px; overflow: auto; text-align: justify; line-height: 100%; font-family: calibri, sans-serif; background-color: #fffcf4; font-size: 10px; padding: 10px 15px; } .brtext:first-letter{ font-family: calibri, sans-serif; float: left; padding: 10px; margin-right: 5px; background-color: #7C3083; font-size: 16px; color: rgba(255,255,255,0.8); }</style> <p><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"> </p><center><div class="brimage"><div class="brtitle">ИМЯ + ФАМИЛИЯ + ВОЗРАСТ</div> </div> <div class="brlyrics">ЦИТАТА, ПЕСНЯ, ВСЁ, ЧТО УГОДНО</div> <div class="brtext"> <p>текст вашей заявки</p></div>
не забудь убрать звездочки
Код:[*code]<!--*HTML--><div class="postcolor"> <style type="text/css"> .brtitle{ position:absolute; bottom:0px; width:100%; left:0px;-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s; -ms-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s; } .brimage:hover .brtitle{bottom: -30px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .brcaption{ position:absolute; bottom:-30px; width:100%; left:0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size: 14px; letter-spacing: 0px;} .brimage:hover .brcaption{bottom: 0px;-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s; -ms-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s; } .brlyrics{ width: 420px; background-color: #7C3083; color: #CDCACD; font-family: calibri, sans-serif; font-size: 8px; text-transform: uppercase; line-height: 90%; padding: 10px 30px; text-align: center; letter-spacing: 0.09em; } .brlyrics a{color: #fae396; text-decoration: none;} .brtext{ width: 450px; height: 220px; overflow: auto; text-align: justify; line-height: 100%; font-family: calibri, sans-serif; background-color: #fffcf4; font-size: 10px; padding: 10px 15px; } .brtext:first-letter{ font-family: calibri, sans-serif; float: left; padding: 10px; margin-right: 5px; background-color: #7C3083; font-size: 16px; color: rgba(255,255,255,0.8); }</style> <p><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"> </p><center><div style="font-family: calibri, sans-serif; font-size: 26px; text-transform: uppercase; letter-spacing: -1px; color: rgba(255,255,255,0.7); height: 160px; width: 480px; font-weight: bold; text-align: center; background: url(КАРТИНКА НЕ МЕНЬШЕ 480*160); position: relative; line-height: 120%; overflow: hidden;"><div class="brtitle">ИМЯ + ФАМИЛИЯ + ВОЗРАСТ</div> </div> <div class="brlyrics">ЦИТАТА, ПЕСНЯ, ВСЁ, ЧТО УГОДНО</div> <div class="brtext"> <p>текст вашей заявки</p></div>[*/code]