Шаблон для анкет из акций
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script|Marvel' rel='stylesheet' type='text/css'><style type="text/css">.bh {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2iB5j.jpg); opacity: 0.0; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;} .bh:hover {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2iB5j.jpg); opacity: 1.0;}</style> <center><div style="background-image: url(http://funkyimg.com/i/2iB5i.jpg); width: 500px; height: 300px;"><div class="bh"><div style="width: 200px; padding: 10px; background-color: white; position: relative; top: 100px; left: 80px; font-family: times new roman; color: 121212; font-style: italic; letter-spacing: 3px; font-size: 11px; opacity: 0.95; text-align: justify; line-height: 95%;"> <b>Возраст:</b> <br> <b>Знак зодиака:</b> <br> <b>Ориентация: </b><br> <b>Должность:</b><br> </div></div></div><div style="width: 500px; background-image: url(http://funkyimg.com/i/2iq4H.jpg); border-bottom: 40px solid #3467b8;"> <div style="width: 400px; font-family: 'Jellyka Western Princess'; color: white; font-size: 49px; padding-top: 30px; position: relative; z-index: 2;"> First Name <br> Surname </div><div style="width: 400px; font-family: marvel; color: white; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; margin-top: 12px;"> используемая внешность </div><BR><div style="width: 450px; padding-left: 10px; padding-right: 10px; background-color: white; font-family: calibri, sans-serif; color: 121212; font-size: 12px; line-height: 90%; text-align: justify; height: 300px; overflow: auto;"> <br> <br><br> <b>КРАТКАЯ ИНФОРМАЦИЯ</b><hr> Либо текст из заявки, где от начала и до конца ясна ваша история, либо откорректированный текст из заявки заказчика. Не каждый заказчик будет от и до расписывать вашу историю, и в этом случае потребуется часть ваших сил, чтобы всем было ясно что вы и кто. </div><BR><BR><BR><div style="width: 460px; padding: 20px; font-family: marvel; color: white; font-size: 10px; letter-spacing: 4px; background-color: 3467b8;"> Чего ждете от ролевой:<br> Что хотели бы отыграть:<br> Связь с вами:<br> </div></div></center>
Код:<!--*HTML*--> <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script|Marvel' rel='stylesheet' type='text/css'><style type="text/css">.bh {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2iB5j.jpg); opacity: 0.0; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;} .bh:hover {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2iB5j.jpg); opacity: 1.0;}</style> <center><div style="background-image: url(http://funkyimg.com/i/2iB5i.jpg); width: 500px; height: 300px;"><div class="bh"><div style="width: 200px; padding: 10px; background-color: white; position: relative; top: 100px; left: 80px; font-family: times new roman; color: 121212; font-style: italic; letter-spacing: 3px; font-size: 11px; opacity: 0.95; text-align: justify; line-height: 95%;"> <b>Возраст:</b> <br> <b>Знак зодиака:</b> <br> <b>Ориентация: </b><br> <b>Должность:</b><br> </div></div></div><div style="width: 500px; background-image: url(http://funkyimg.com/i/2iq4H.jpg); border-bottom: 40px solid #3467b8;"> <div style="width: 400px; font-family: petit formal script; color: white; font-size: 45px; padding-top: 30px; position: relative; z-index: 2;"> First Name Surname </div><div style="width: 400px; font-family: marvel; color: white; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; margin-top: 12px;"> используемая внешность </div><BR><div style="width: 450px; padding-left: 10px; padding-right: 10px; background-color: white; font-family: calibri, sans-serif; color: 121212; font-size: 12px; line-height: 90%; text-align: justify; height: 300px; overflow: auto;"> <br> <br><br> <b>КРАТКАЯ ИФОРМАЦИЯ </b><hr> Либо текст из заявки, где от начала и до конца ясна ваша история, либо откорректированный текст из заявки заказчика. Не каждый заказчик будет от и до расписывать вашу историю, и в этом случае потребуется часть ваших сил, чтобы всем было ясно что вы и кто. </div><BR><BR><BR><div style="width: 460px; padding: 20px; font-family: marvel; color: white; font-size: 10px; letter-spacing: 4px; background-color: 3467b8;"> Чего ждете от ролевой:<br> Что хотели бы отыграть:<br> Связь с вами:<br> </div></div></center>