Код:
<!--HTML-->
<center>
<div class="body">
<div style="margin-top: -5px; margin-left: 10px; text-align: center; font-family: 'Neucha'; color: #cfccfc; text-shadow: 1px 1px 0px #2e3565;position: relative;letter-spacing: px; font-size: 40px;">шаблон анкеты</div>
</span></p>
<br>
- анкету создаем отдельной темой в данном подфоруме!<br>
- название вашей анкеты должно выглядеть так имя персонажа на (eng.), возраст!
<br> <br> <br>
</div></div></div>
<style type="text/css">
.naz {position: relative; height: 18px; top: 4px; margin-left: 2px; }
.naz1 {position: relative; height: 10px; top: 10px; margin-left: 2px; }
</style></div></div></div></div></div>Код:
<!--HTML--><div class="postcont"> <center>
<style>.ilove { width: 300px; height: 300px; background: url(http://placehold.it/300); border: 6px solid #1f2144; 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(15,17,38,0.8);border-radius: 30px 30px 30px 0px;"><div class="cl7-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #1f2245, 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 #1f2144; border-radius: 20px 20px 20px 20px;"><div class="cl-n2" style="background-color: rgba(15,17,38,0.8); border-radius: 20px 20px 20px 20px;"><div class="cl-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #1f2245, 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(http://placehold.it/180);" 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(15,17,38,0.8); border-radius: 20px 20px 20px 20px;"><div class="cl1-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #1f2245, 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(15,17,38,0.8);border-radius: 30px 30px 30px 30px; "><div class="cl2-nn">
<div "style=" text-align: justify; margin-left: px; height:320px;width:520px; overflow: auto; letter-spacing: 2px; padding: 5px;">
ТЕКСТ
</div></div></div></div>
<center>
</div>
</center><br><br>
</div>
<style>
.lstat { width: 150px; padding: 15px 0px; background: #1f2144; 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: #1f2144; 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: #1f2144; 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: #1f2144; 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: 10px; 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: #1f2144; font-family: certege; font-size: 13px; letter-spacing: 0px; color: #fff; text-shadow: 1px 1px 0px #1f2144; 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 #1f2144; float: left; position: absolute; margin-right: 1px; }
div.linkp { width: 40px; height: 35px; background: #1f2144; 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: #1f2144; 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(15,17,38,0.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>ПРОСТО УБЕРИ ЗВЕЗДОЧКИ
Код:
[code*]<!--*HTML--><div class="postcont"> <center>
<style>.ilove { width: 300px; height: 300px; background: url( А В А Т А Р 300 Н А 300 ); border: 6px solid #1f2144; 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 #1f2144;"><div class="cl7-n2" style="background-color: rgba(15,17,38,0.8);border-radius: 30px 30px 30px 0px;"><div class="cl7-nn"style="text-shadow: 1px 1px 0px black, 2px 2px 0px #1f2245, 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 #1f2144; border-radius: 20px 20px 20px 20px;"><div class="cl-n2" style="background-color: rgba(15,17,38,0.8); border-radius: 20px 20px 20px 20px;"><div class="cl-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #1f2245, 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(15,17,38,0.8); border-radius: 20px 20px 20px 20px;"><div class="cl1-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #1f2245, 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(15,17,38,0.8);border-radius: 30px 30px 30px 30px; "><div class="cl2-nn">
<div " style=" text-align: justify; 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: #1f2144; 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: #1f2144; 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: #1f2144; 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: #1f2144; 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: 10px; 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: #1f2144; font-family: certege; font-size: 13px; letter-spacing: 0px; color: #fff; text-shadow: 1px 1px 0px #1f2144; 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 #1f2144; float: left; position: absolute; margin-right: 1px; }
div.linkp { width: 40px; height: 35px; background: #1f2144; 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: #1f2144; 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(15,17,38,0.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>[/code *]ОБЫЧНЫЙ ШАБЛОН
name surname × имя и фамилия, хх y.o | |||||
| |||||
♦ место рождения: т е к с т | ♦ дата рождения: т е к с т | ||||
♦общая информация♦ | |||||
ваш текст | |||||
♦дополнительно ♦ | |||||
связь с вами - | |||||
Код:
[table layout=fixed width=100%] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td colspan=6][align=center][font=Beer Money][size=22]name surname × имя и фамилия, хх[/size] [size=10]y.o[/size] [/font] [b][font=certege][size=11]прозвище[/size][/font][/b][/align][/td] [/tr] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td bgcolor=#c8cad4 colspan=6] [align=center][img]http://placehold.it/450x200[/img] [font=Century Gothic][size=11][i]название вдохновившего трека или же цитата[/i][/size][/font][/align] [/td] [/tr] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td colspan=3][align=center][size=15][font=certege][b]♦ [i]м[/i]есто рождения:[/b][/font][/size] т е к с т [size=15][font=certege][b] ♦[i]о[/i]риентация:[/b][/font][/size] т е к с т [/align][/td][td colspan=3][align=center][size=15][font=certege][b]♦ [i]д[/i]ата рождения:[/b][/font][/size] т е к с т [size=15][font=certege][b]♦ [i]п[/i]ара:[/b][/font][/size] т е к с т [/align][/td][/tr] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td colspan=6][align=center][font=Beer Money]♦[size=22][b][i]о[/i][/size][size=16]бщая информация[/b]♦[/size][/font][/align][align=center][i][font=Verdana][size=10][/size][/font][/i][/align][/td] [/tr] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td bgcolor=#d3d5de colspan=6] ваш текст [/td] [/tr] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td colspan=6][align=center][font=Beer Money]♦[size=22][b][i]д[/i][/size][size=16]ополнительно [/b]♦[/size][/font][/align][align=center][i][font=Verdana][size=10][/size][/font][/i][/align][/td] [/tr] [tr] [td bgcolor=#c8cad4 colspan=6][/td] [/tr] [tr] [td bgcolor=#d3d5de colspan=6] [align=center]связь с вами -[/align] [/td] [/tr] [/table]
