ЕСЛИ ИСПОЛЬЗУЕТЕ HTML НЕ ЗАБЫВАЙТЕ УДАЛЯТЬ 2* В САМОМ НАЧАЛЕ И ВСТАВЛЯТЬ ВЕСЬ ГОТОВЫЙ КОД В ТЕГ [code][/code], ИНАЧЕ РАБОТАТЬ НЕ БУДЕТ! БУДЬТЕ ВНИМАТЕЛЬНЫ
ЕСЛИ ВЫ ПО НУЖНЫМ, ТО ПИШИТЕ ИМЯ ЗАКАЗЧИКА В НАЗВАНИЕ ТЕМЫ, ПОСЛЕ ИМЕНИ ВАШЕГО ПЕРСОНАЖА
<!--HTML--><center> <div class="btsbg-one"> <div class="btsbg-two"><font class="btsbg-three">MY NAME IS ...</font></div> <div class="btstabs"> <div class="btstab"> <input type="radio" id="btstab-1" name="btstab-group-1" checked=""> <label for="btstab-1">ОБЛОЖКА</label> <div class="btscontent"> <div id="btsbgouter"> <div class="btsbgpic"><img src="https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97250&w=500&h=250"> <div class="btsbgbt"><div class="btsbg-four">ПРОФЕССИЯ</div> <div class="btsbg-five">ЗАНИМАЕМАЯ ВНЕШНОСТЬ</div></div> </div> </div> </div> </div> <div class="btstab"> <input type="radio" id="btstab-2" name="btstab-group-1"> <label for="btstab-2">ОСНОВНОЕ</label> <div class="btscontent2"> <div class="btsbg-nine"> <table cellspacing="0" cellpadding="0"> <tbody><tr><td><div class="btsbg-ten"><div style="width: 225px; height: 120px; background-size: cover; background-image: url(https://placeholdit.imgix.net/~text?txtsize=47&txt=225%C3%97120&w=225&h=120);"></div></div> </td> <td valign="top"><div class="btsbg-six"> <div class="basic-three">ИМЯ ФАМИЛИЯ (РУСС.)</div> <div class="basic-three">ДАТА РОЖДЕНИЯ (ВОЗРАСТ)</div> <div class="basic-three">ОРИЕНТАЦИЯ</div> <div class="basic-three">СЕМЕЙНОЕ ПОЛОЖЕНИЕ</div> </div></td> </tr></tbody></table> <table><tbody><tr><td><div class="basic-four"> СТРАХИ ПЕРСОНАЖА; <br> СТРАХИ ПЕРСОНАЖА <br> СТРАХИ ПЕРСОНАЖА </div> </td> <td><div class="basic-four"> ХОББИ И УВЛЕЧЕНИЯ; <br> ХОББИ И УВЛЕЧЕНИЯ; <br> ХОББИ И УВЛЕЧЕНИЯ; </div></td></tr></tbody></table> </div> </div> </div> <div class="btstab"> <input type="radio" id="btstab-3" name="btstab-group-1"> <label for="btstab-3">ИНФОРМАЦИЯ О ПЕРСОНАЖЕ</label> <div class="btscontent"> <div class="personal-one"><div class="personal-two"> ТЕКСТ С ИНФОРМАЦИЕЙ О ПЕРСОНАЖЕ ВСТАВЛЯТЬ СЮДА </div> </div> <div class="personal-three">ЦИТАТА</div> </div> </div> </div> <div class="btsbg-thirteen"> <div class="btsbg-fourteen"><img src="http://placehold.it/80" style="border-radius: 100%; widht: 80px; height: 80px;"></div><div class="btsbg-fifteen">СРЕДСТВО СВЯЗИ</div></div></div> </center>
Код:<!--*HTM*L--><center> <div class="btsbg-one"> <div class="btsbg-two"><font class="btsbg-three">MY NAME IS ...</font></div> <div class="btstabs"> <div class="btstab"> <input type="radio" id="btstab-1" name="btstab-group-1" checked=""> <label for="btstab-1">ОБЛОЖКА</label> <div class="btscontent"> <div id="btsbgouter"> <div class="btsbgpic"><img src="https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97250&w=500&h=250"> <div class="btsbgbt"><div class="btsbg-four">ПРОФЕССИЯ</div> <div class="btsbg-five">ЗАНИМАЕМАЯ ВНЕШНОСТЬ</div></div> </div> </div> </div> </div> <div class="btstab"> <input type="radio" id="btstab-2" name="btstab-group-1"> <label for="btstab-2">ОСНОВНОЕ</label> <div class="btscontent2"> <div class="btsbg-nine"> <table cellspacing="0" cellpadding="0"> <tbody><tr><td><div class="btsbg-ten"><div style="width: 225px; height: 120px; background-size: cover; background-image: url(https://placeholdit.imgix.net/~text?txtsize=47&txt=225%C3%97120&w=225&h=120);"></div></div> </td> <td valign="top"><div class="btsbg-six"> <div class="basic-three">ИМЯ ФАМИЛИЯ (РУСС.)</div> <div class="basic-three">ДАТА РОЖДЕНИЯ (ВОЗРАСТ)</div> <div class="basic-three">ОРИЕНТАЦИЯ</div> <div class="basic-three">СЕМЕЙНОЕ ПОЛОЖЕНИЕ</div> </div></td> </tr></tbody></table> <table><tbody><tr><td><div class="basic-four"> СТРАХИ ПЕРСОНАЖА; <br> СТРАХИ ПЕРСОНАЖА <br> СТРАХИ ПЕРСОНАЖА </div> </td> <td><div class="basic-four"> ХОББИ И УВЛЕЧЕНИЯ; <br> ХОББИ И УВЛЕЧЕНИЯ; <br> ХОББИ И УВЛЕЧЕНИЯ; </div></td></tr></tbody></table> </div> </div> </div> <div class="btstab"> <input type="radio" id="btstab-3" name="btstab-group-1"> <label for="btstab-3">ИНФОРМАЦИЯ О ПЕРСОНАЖЕ</label> <div class="btscontent"> <div class="personal-one"><div class="personal-two"> ТЕКСТ С ИНФОРМАЦИЕЙ О ПЕРСОНАЖЕ ВСТАВЛЯТЬ СЮДА </div> </div> <div class="personal-three">ЦИТАТА</div> </div> </div> </div> <div class="btsbg-thirteen"> <div class="btsbg-fourteen"><img src="http://placehold.it/80" style="border-radius: 100%; widht: 80px; height: 80px;"></div><div class="btsbg-fifteen">СРЕДСТВО СВЯЗИ</div></div></div> </center>
"Небольшая цитата" (ц) | |||
| Name Surname | ||
УВЛЕЧЕНИЯ И НАВЫКИ | СТРАХИ | ||
♦ увлечения и навыки; | ♦ страхи; | ||
ИНФОРМАЦИЯ О ПЕРСОНАЖЕ | |||
Биография и характер персонажа. | |||
Связь с вами: ---- |
Код:[table layout=auto width=100%] [tr] [td colspan=4 bgcolor=#c7c7c7 width=100% hight=10px][align=center][size=14][color=white][font=Book Antiqua][i]"Небольшая цитата" (ц)[/i][/font][/color][/size][/align][/td] [/tr] [tr] [td rowspan=6 bgcolor=#c7c7c7 width=1%][/td] [td width=30% bgcolor=#E6E4E4][align=center][img]https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97250&w=500&h=250[/img] внешность на англ.[/align][/td] [td width=68% bgcolor=#D4D3D3][align=center][b][size=20][font=Book Antiqua][i][color=#A2A2A2]Name Surname[/color][/i][/font][/size][/b] ♦ дата рождения (возраст) ♦ место работы, должность ♦ ориентация ♦ семейное положение[/align] [/td] [td rowspan=6 bgcolor=#c7c7c7 width=1%][/td] [/tr] [tr] [td width=49% bgcolor=#cbcbcb][align=center][color=white][font=Impact]УВЛЕЧЕНИЯ И НАВЫКИ[/font][/color][/align][/td] [td width=49% bgcolor=#cbcbcb][align=center][color=white][font=Impact]СТРАХИ[/font][/color][/align][/td] [/tr] [tr] [td width=49% bgcolor=#f5f5f5][align=justify]♦ увлечения и навыки; ♦ увлечения и навыки; ♦ увлечения и навыки; ♦ увлечения и навыки;[/align][/td] [td width=49% bgcolor=#f5f5f5][align=justify]♦ страхи; ♦ страхи; ♦ страхи; ♦ страхи;[/align][/td] [/tr] [tr] [td colspan=2 bgcolor=#cbcbcb width=88%][align=center][color=white][font=Impact]ИНФОРМАЦИЯ О ПЕРСОНАЖЕ[/font][/color][/align][/td] [/tr] [tr] [td colspan=2 bgcolor=#f5f5f5 width=88%][align=justify]Биография и характер персонажа.[/align][/td] [/tr] [tr] [td colspan=4 bgcolor=#c7c7c7 width=100% hight=10px][align=center][size=14][color=white][font=Book Antiqua][i]Связь с вами: ----[/i][/font][/color][/size][/align][/td] [/tr] [/table]