<!--HTML--><div class="postcont"> <center> <style>.ilove { width: 300px; height: 300px; background: url( А В А Т А Р 300 Н А 300 ); border: 6px solid #5c4f79; border-radius: 30px 30px 30px 30px; position: relative; top: 100px; box-shadow: 2px 1px 3px #353535;}</style> <div id="hello"><div class="havei"><center><div id="cl7-one" style="background-image: url();"><div class="cl7-name" style="border: 0px solid #2FD5DE;"><div class="cl7-n2" style="background-color: rgba(175,165,199, 0.6);border-radius: 30px 30px 30px 0px;"><div class="cl7-nn"style="text-shadow: 1px 1px 0px black, 2px 2px 0px #afa5c7, 3px 3px 0px black;"> name surname, хх y.o </div></div></div></div><center><div class="ilove"></div></div><div class="mentioned"><div class="youtea"> <center><div id="cl-one" style="background-image: url();"><div class="cl-name" style="border: 1px solid #afa5c7; border-radius: 20px 20px 20px 20px;"><div class="cl-n2" style="background-color: rgba(175,165,199,0.6); border-radius: 20px 20px 20px 20px;"><div class="cl-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #afa5c7, 3px 3px 0px black;"> name surname </div></div></div></div><center><br> <div id="osnova"><div style="width: 180px; float: left; "><div style=" -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 8;width: 180px; height: 180px; background: url( А В А Т А Р 1 8 0 НА 1 8 0);" style="border-radius: 100%;" kasperskylab_antibanner="on"><div class="one"> <!------------------ДАТА РОЖДЕНИЯ-----------> <div class="one1">00.00.00</div> <div class="one2"> В О З Р А С Т <div style="font-size: 8px; letter-spacing: .5px; line-height: 8px; padding-bottom: 2px;">years old</div></div> <div class="lview"> П Р О З В И Щ Е</div> <a href="link.here"><div class="linko">❤<span> И М Я П А Р Ы</span></div></a> </div></div><div style="width: 250px; height: 10px; background: ;"></div></div> <div class="binfo">место рождения</div><div class="bans"><div class="trip"></div> ваш ответ</div> <div class="binfo">ориентация</div><div class="bans"><div class="trip"></div> ваш ответ</div> <div class="binfo">деятельность</div><div class="bans"><div class="trip"></div> ваш ответ</div> <div class="binfo">связь</div><div class="bans"><div class="trip"></div> ваш ответ</div> <div class="biq">“ цитаточка”</div> </div> <br> <center> <div id="cl1-one" style="background-image: url();"> <div class="cl1-name""><div class="cl1-n2" style="background-color: rgba(175,165,199,0.8); border-radius: 20px 20px 20px 20px;"><div class="cl1-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #afa5c7, 3px 3px 0px black;"> история из вашей жизни </div></div></div></div> <center> <center> <div id="cl2-one" style="background-image: url();"> <div class="cl2-name"><div class="cl2-n2" style="background-color: rgba(175,165,199,0.6);border-radius: 30px 30px 30px 30px; "><div class="cl2-nn"> <div " style=" text-align: centert; margin-left: px; height:320px;width:520px; overflow: auto; letter-spacing: 2px; padding: 5px;"> БИОГРАФИЯ И ХАРАКТЕР </div></div></div></div> <center> <spoiler="fdsafs"> rer</spoiler> </div> </center><br><br> </div> <style> .lstat { width: 150px; padding: 15px 0px; background: #7e6ca7; font-family: oswald; font-size: 20px; letter-spacing: 1px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; } .one1 { width: 70px; padding: 5px 0px; background: #7e6ca7; font-family: Codename Coder Free 4F; font-size: 10px; letter-spacing: 0px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; margin-top: 5px; float: left;line-height: 15px; } .one2 { width: 55px; padding: 15px 0px; background: #7e6ca7; font-family: Codename Coder Free 4F; font-size: 25px; letter-spacing:0px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; margin-top: 5px; margin-left: 5px; float: left; } .lview { float: right; width: 60px; padding: 5px; background: #7e6ca7; font-family:Codename Coder Free 4F; color: #fff; text-shadow: 1px 1px 0px #78669f; font-size: 10px; line-height: 15px; text-align: center; text-transform: uppercase; float: left; margin-top: 5px; position: relative; letter-spacing: .5px; top: -40px; } .biq { width: 301px; height: 50px; padding: 5px; border: 1px solid #c5badc; background: #e5e0f2; font-family:Bebas Neue ; font-size: 10px; color: #000; line-height: 20px; text-align: center; text-transform: uppercase; float: left; margin-top: 5px; margin-left: 10px; position: relative; letter-spacing: 3px; font-style: italic; border-radius: 20px 0px 20px 20px;} .binfo { width: 98px; padding: 4px; background: #7e6ca7; font-family: certege; font-size: 13px; letter-spacing: 0px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; float: left; margin-left: 10px; margin-top: 5px; } .bans { float: right; width: 210px; padding: 1px; background: #e5e0f2; font-family: Arial; font-size: 8px; color: #000; letter-spacing: 1px; line-height: 20px; text-align: center; text-transform: uppercase; float: left; margin-top: 5px; position: relative; padding-left: 0px; letter-spacing: .5px; } .trip { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #7e6ca7; float: left; position: absolute; margin-right: 1px; } div.linkp { width: 40px; height: 35px; background: #7e6ca7; font-family: oswald; font-size: 25px; letter-spacing: .5px; color: #fff; text-shadow: 1px 1px 0px #78669f; text-align: center; text-transform: uppercase; margin-top: 5px; float: left;line-height: 30px; position: relative; top: -40px; margin-left: 5px; } div.linko { width: 40px; height: 35px; background: #7e6ca7; font-family: oswald; font-size: 25px; letter-spacing: .5px; color: #fff; text-shadow: 1px 1px 0px #78669f; text-align: center; text-transform: uppercase; margin-top: 45px; float: left;line-height: 30px; position: relative; top: -40px; margin-left: -15px; } .one { width: 140px; height: 130px; padding: 5px; background: RGBA(175,165,199, .8); position: relative; top: 25px; opacity: 0; -webkit-transition: all .9s ease-in; -moz-transition: all .9s ease-in; -o-transition: all .9s ease-in; transition: all .9s ease-in; outline: 1px solid #fff; outline-offset: 4px;} div.linko span { display: none;} div.linko:hover span { display: block; position: absolute; z-index: 7; width: 75px; padding: 5px; background: #fff; text-shadow: 0px 0px 0px; color: #000; font-size: 10px; text-align: center; line-height: 10px; box-shadow: 1px 1px 1px #aaa; } #osnova:hover .one{ opacity: 1;} </style>
пробник анкеты
Сообщений 1 страница 2 из 2
Поделиться12017-01-06 14:42:54
Поделиться22017-01-06 14:43:18
<!--HTML--><div class="postcont"> <center>
<style>.ilove { width: 300px; height: 300px; background: url( А В А Т А Р 300 Н А 300 ); border: 6px solid #5c4f79; border-radius: 30px 30px 30px 30px; position: relative; top: 100px; box-shadow: 2px 1px 3px #353535;}</style>
<div id="hello"><div class="havei"><center><div id="cl7-one" style="background-image: url();"><div class="cl7-name" style="border: 0px solid #2FD5DE;"><div class="cl7-n2" style="background-color: rgba(175,165,199, 0.6);border-radius: 30px 30px 30px 0px;"><div class="cl7-nn"style="text-shadow: 1px 1px 0px black, 2px 2px 0px #afa5c7, 3px 3px 0px black;">
name surname, хх y.o
</div></div></div></div><center><div class="ilove"></div></div><div class="mentioned"><div class="youtea">
<center><div id="cl-one" style="background-image: url();"><div class="cl-name" style="border: 1px solid #afa5c7; border-radius: 20px 20px 20px 20px;"><div class="cl-n2" style="background-color: rgba(175,165,199,0.6); border-radius: 20px 20px 20px 20px;"><div class="cl-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #afa5c7, 3px 3px 0px black;">
name surname
</div></div></div></div><center><br>
<div id="osnova"><div style="width: 180px; float: left; "><div style=" -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 8;width: 180px; height: 180px; background: url( А В А Т А Р 1 8 0 НА 1 8 0);" style="border-radius: 100%;" kasperskylab_antibanner="on"><div class="one">
<!------------------ДАТА РОЖДЕНИЯ----------->
<div class="one1">00.00.00</div>
<div class="one2"> В О З Р А С Т
<div style="font-size: 8px; letter-spacing: .5px; line-height: 8px; padding-bottom: 2px;">years old</div></div>
<div class="lview"> П Р О З В И Щ Е</div>
<a href="link.here"><div class="linko">❤<span> И М Я П А Р Ы</span></div></a>
</div></div><div style="width: 250px; height: 10px; background: ;"></div></div>
<div class="binfo">место рождения</div><div class="bans"><div class="trip"></div>
ваш ответ</div>
<div class="binfo">ориентация</div><div class="bans"><div class="trip"></div>
ваш ответ</div>
<div class="binfo">деятельность</div><div class="bans"><div class="trip"></div>
ваш ответ</div>
<div class="binfo">связь</div><div class="bans"><div class="trip"></div>
ваш ответ</div>
<div class="biq">“ цитаточка”</div>
</div>
<br>
<center>
<div id="cl1-one" style="background-image: url();">
<div class="cl1-name""><div class="cl1-n2" style="background-color: rgba(175,165,199,0.8); border-radius: 20px 20px 20px 20px;"><div class="cl1-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #afa5c7, 3px 3px 0px black;">
история из вашей жизни
</div></div></div></div>
<center>
<center>
<div id="cl2-one" style="background-image: url();">
<div class="cl2-name"><div class="cl2-n2" style="background-color: rgba(175,165,199,0.6);border-radius: 30px 30px 30px 30px; "><div class="cl2-nn">
<div " style=" text-align: centert; margin-left: px; height:320px;width:520px; overflow: auto; letter-spacing: 2px; padding: 5px;">
БИОГРАФИЯ И ХАРАКТЕР
</div></div></div></div>
<center>
<spoiler="fdsafs"> rer</spoiler>
</div>
</center><br><br>
</div>
<style>
.lstat { width: 150px; padding: 15px 0px; background: #7e6ca7; font-family: oswald; font-size: 20px; letter-spacing: 1px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; }
.one1 { width: 70px; padding: 5px 0px; background: #7e6ca7; font-family: Codename Coder Free 4F; font-size: 10px; letter-spacing: 0px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; margin-top: 5px; float: left;line-height: 15px; }
.one2 { width: 55px; padding: 15px 0px; background: #7e6ca7; font-family: Codename Coder Free 4F; font-size: 25px; letter-spacing:0px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; margin-top: 5px; margin-left: 5px; float: left; }
.lview { float: right; width: 60px; padding: 5px; background: #7e6ca7; font-family:Codename Coder Free 4F; color: #fff; text-shadow: 1px 1px 0px #78669f; font-size: 10px; line-height: 15px; text-align: center; text-transform: uppercase; float: left; margin-top: 5px; position: relative; letter-spacing: .5px; top: -40px; }
.biq { width: 301px; height: 50px; padding: 5px; border: 1px solid #c5badc; background: #e5e0f2; font-family:Bebas Neue ; font-size: 10px; color: #000; line-height: 20px; text-align: center; text-transform: uppercase; float: left; margin-top: 5px; margin-left: 10px; position: relative; letter-spacing: 3px; font-style: italic; border-radius: 20px 0px 20px 20px;}
.binfo { width: 98px; padding: 4px; background: #7e6ca7; font-family: certege; font-size: 13px; letter-spacing: 0px; color: #fff; text-shadow: 1px 1px 0px #78669f; line-height: 100%; text-align: center; text-transform: uppercase; float: left; margin-left: 10px; margin-top: 5px; }
.bans { float: right; width: 210px; padding: 1px; background: #e5e0f2; font-family: Arial; font-size: 8px; color: #000; letter-spacing: 1px; line-height: 20px; text-align: center; text-transform: uppercase; float: left; margin-top: 5px; position: relative; padding-left: 0px; letter-spacing: .5px; }
.trip { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #7e6ca7; float: left; position: absolute; margin-right: 1px; }
div.linkp { width: 40px; height: 35px; background: #7e6ca7; font-family: oswald; font-size: 25px; letter-spacing: .5px; color: #fff; text-shadow: 1px 1px 0px #78669f; text-align: center; text-transform: uppercase; margin-top: 5px; float: left;line-height: 30px; position: relative; top: -40px; margin-left: 5px; }
div.linko { width: 40px; height: 35px; background: #7e6ca7; font-family: oswald; font-size: 25px; letter-spacing: .5px; color: #fff; text-shadow: 1px 1px 0px #78669f; text-align: center; text-transform: uppercase; margin-top: 45px; float: left;line-height: 30px; position: relative; top: -40px; margin-left: -15px; }
.one { width: 140px; height: 130px; padding: 5px; background: RGBA(175,165,199, .8); position: relative; top: 25px; opacity: 0; -webkit-transition: all .9s ease-in; -moz-transition: all .9s ease-in; -o-transition: all .9s ease-in; transition: all .9s ease-in; outline: 1px solid #fff; outline-offset: 4px;}
div.linko span { display: none;}
div.linko:hover span { display: block; position: absolute; z-index: 7; width: 75px; padding: 5px; background: #fff; text-shadow: 0px 0px 0px; color: #000; font-size: 10px; text-align: center; line-height: 10px; box-shadow: 1px 1px 1px #aaa; }
#osnova:hover .one{ opacity: 1;} </style>