Вэлком в Калифорнию, где по улицам гуляют красивые девы, играет громкая музыка, светит яркое солнце. Всё это создаёт свою атмосферу, поэтому некоторые гуляют круглые сутки. Не смотря на активность на улицах, не стоит никогда забывать про мир, в общем. В городе собрались не только сливки общества, но и криминальные группировки тоже рулят. Полиция каждый день борется с наркоманами, убийцами, грабителями, пытается блюсти порядок. Несмотря на их попытки, Комптон постепенно расширяет своё влияние.
гостевая книга#бронирование#нужные
хочу к вам#вопросы

#ДОБРО ПОЖАЛОВАТЬ ДОМОЙ

#МЫ ОТКРЫЛИСЬ

Paper Town

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Paper Town » записки личного характера » шаблоны анкет

шаблоны анкет

Страница: 1

Сообщений 1 страница 2 из 2

1

  • Автор: Garfield
  • Администратор
  • Garfield
  • Зарегистрирован: 2016-02-20
  • Приглашений: 0
  • Сообщений: 618
  • Уважение: +11
  • Позитив: +21
  • Провел на форуме:
    2 дня 22 часа
  • Последний визит:
    2020-09-11 17:28:56

не забудьте  убрать звездочки (*)
в названии анкеты следует указать: surname name, age.
как вы видели - у нас анкета в html, потому напоминаем некоторые вещи:
<b>жирный текст</b>
<i>курсив</i>
<u>подчеркнутый текст</u>
<s>зачеркнутый текст</s>
<br> – перенос строки
если вам понадобились выравнивания по краям_центру, то ставятся эти кода:
<center>текст посередине</center>
<div style="text-align: left">выравнивание по левому краю</div>
<div style="text-align: right">выравнивание по правому краю</div>
для изображении у нас тоже есть код:
<img src="сюда вставляется прямая ссылка на изображение">

выглядит так
Код:
<!--HTML-->
<style type="text/css">
.noraa { opacity: 0; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
.noraa:hover { opacity: 1; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type='text/css'>
.lovelybone { position:relative; overflow:hidden; width:490px; height:500px;background-image: url(http://funkyimg.com/i/28jLy.png);   padding:20px; }
.lovelybones { position:relative; overflow:hidden; width:400px; height:410px; background-color:#fff; padding:20px; }
.whitewash { position:absolute; overflow:hidden; top:20px; left:-400px; width:380px; height:480px; padding:10px; background-color:#fff; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lovelybones:hover .whitewash { left:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.text { width:155px; height:30px; padding-right:5px; padding-bottom:4px; border-bottom:1px solid #eee; margin-bottom:5px; font-family:oswald; color:#222; line-height:30px; font-size:12px; text-transform:lowercase; text-align:right; }
.infos { position:absolute; left: 210px; top:10px; padding-left:20px; width:160px; height:280px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic { position:absolute; top:10px; left:-10px; overflow:hidden; width:140px; height:390px; background-image: url(http://funkyimg.com/i/28pDj.png); padding:20px;  margin-right:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic:hover { width:380px; background-color:#f5f5f5; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
.lilpicc { position:absolute; top:0px; left:0px; width:380px; height:380px; opacity:1;    -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out; }
.lilpic:hover .lilpicc { top:280px; }
.wooooords { opacity:0;  width:350px;  height:370px; overflow:auto; text-align:justify; line-height:100%; font-size:12px; font-family:calibri; color:#fff;  }
.lilpic:hover .wooooords { opacity:1; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
</style><center><div style='width:440px; height:50px; background-color:#fff; border-radius:5px; font-family:oswald; color:#222; line-height:50px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>
NAME SURNAME
</div><div class='lovelybone'><div class='lovelybones'><div class='whitewash'><div class='infos'><div class='text'>
ИМЯ ФАМИЛИЯ НА РУС.
</div><div class='text'>
ВОЗРАСТ
</div><div class='text'>
ДАТА РОЖДЕНИЯ
</div><div class='text'>
МЕСТО РОЖДЕНИЯ
</div><div class='text'>
ПРОФЕССИЯ
</div><div class='text'>
ОРИЕНТАЦИЯ
</div><div class='text'>
СЕМЕЙНОЕ ПОЛОЖЕНИЕ
</div><div class='text'>
</div></div><div class='lilpic'><div class='wooooords'>
тут будет что-то, что вы напишете. другими словами ваша альма матер - анкета. минимум семь развернутых пунктов о биографии и характере вашего персонажа. способ оформления на ваш вкус.
</div><div class='lilpicc' style='background-image:url(ИЗОБРАЖЕНИЕ 180х280);'></div>
</div></div>
<img src='http://placehold.it/400x490'>
</div><div style='width:440px; height:50px; background-color:#fff; font-family:oswald; color:#222; line-height:50px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>

</div></div>   <div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'></div>
</center>
Код:
[*code]<!**--HTML-->
<style type="text/css">
.noraa { opacity: 0; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
.noraa:hover { opacity: 1; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type='text/css'>
.lovelybone { position:relative; overflow:hidden; width:490px; height:500px;background-image: url(http://funkyimg.com/i/28jLy.png);   padding:20px; }
.lovelybones { position:relative; overflow:hidden; width:400px; height:410px; background-color:#fff; padding:20px; }
.whitewash { position:absolute; overflow:hidden; top:20px; left:-400px; width:380px; height:480px; padding:10px; background-color:#fff; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lovelybones:hover .whitewash { left:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.text { width:155px; height:30px; padding-right:5px; padding-bottom:4px; border-bottom:1px solid #eee; margin-bottom:5px; font-family:oswald; color:#222; line-height:30px; font-size:12px; text-transform:lowercase; text-align:right; }
.infos { position:absolute; left: 210px; top:10px; padding-left:20px; width:160px; height:280px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic { position:absolute; top:10px; left:-10px; overflow:hidden; width:140px; height:390px; background-image: url(http://funkyimg.com/i/28pDj.png); padding:20px;  margin-right:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic:hover { width:380px; background-color:#f5f5f5; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
.lilpicc { position:absolute; top:0px; left:0px; width:380px; height:380px; opacity:1;    -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out; }
.lilpic:hover .lilpicc { top:280px; }
.wooooords { opacity:0;  width:350px;  height:370px; overflow:auto; text-align:justify; line-height:100%; font-size:12px; font-family:calibri; color:#fff;  }
.lilpic:hover .wooooords { opacity:1; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
</style><center><div style='width:440px; height:50px; background-color:#fff; border-radius:5px; font-family:oswald; color:#222; line-height:50px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>
NAME SURNAME
</div><div class='lovelybone'><div class='lovelybones'><div class='whitewash'><div class='infos'><div class='text'>
ИМЯ ФАМИЛИЯ НА РУС.
</div><div class='text'>
ВОЗРАСТ
</div><div class='text'>
ДАТА РОЖДЕНИЯ
</div><div class='text'>
МЕСТО РОЖДЕНИЯ
</div><div class='text'>
ПРОФЕССИЯ
</div><div class='text'>
ОРИЕНТАЦИЯ
</div><div class='text'>
СЕМЕЙНОЕ ПОЛОЖЕНИЕ
</div><div class='text'>
</div></div><div class='lilpic'><div class='wooooords'>
тут будет что-то, что вы напишете. другими словами ваша альма матер - анкета. минимум семь развернутых пунктов о биографии и характере вашего персонажа. способ оформления на ваш вкус.
</div><div class='lilpicc' style='background-image:url(ИЗОБРАЖЕНИЕ 180х280);'></div>
</div></div>
<img src='http://placehold.it/400x490'>
</div><div style='width:440px; height:50px; background-color:#fff; font-family:oswald; color:#222; line-height:50px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>

</div></div>   <div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'></div>
</center>[/code*]

0

2

  • Автор: Garfield
  • Администратор
  • Garfield
  • Зарегистрирован: 2016-02-20
  • Приглашений: 0
  • Сообщений: 618
  • Уважение: +11
  • Позитив: +21
  • Провел на форуме:
    2 дня 22 часа
  • Последний визит:
    2020-09-11 17:28:56
так выглядит

http://placehold.it/300x400

NAME SURNAME
имя фамилия на рус
http://placehold.it/300x100

#датарождения,возраст

#место рождения

#профессия

#ориентация

#семейное положение

###
Любая ваша цитата

тут будет что-то, что вы напишете. другими словами ваша альма матер - анкета.

Код:
[table layout=fixed width=100%]
[tr][td bgcolor=#563b71 colspan=2][/td][/tr]
[tr]
[td bgcolor=#563b71][align=center][img]http://placehold.it/300x400[/img] [/align][/td]
[td bgcolor=#f4f4f4][align=center][font=Georgia][size=18][i][color=#563b71][b]NAME SURNAME [/b][/color][/i][/size]
[size=16]имя фамилия на рус [/size][/font]
[img]http://placehold.it/300x100[/img][/align]
[hr]
[align=center][font=Georgia][size=16][b]#[/b][i]датарождения,возраст[/i][/size][/font][/align]
[hr]
[align=center][font=Georgia][size=16][b]#[/b][i]место рождения [/i][/size][/font][/align]
[hr]
[align=center][font=Georgia][size=16][b]#[/b][i]профессия[/i][/size][/font][/align]
[hr]
[align=center][font=Georgia][size=16][b]#[/b][i]ориентация[/i][/size][/font][/align]
[hr]
[align=center][font=Georgia][size=16][b]#[/b][i]семейное положение[/i][/size][/font][/align]
[hr]
[/td][/tr]
[tr][td bgcolor=#f4f4f4 colspan=2]
[align=center][b]###[/b]
[font=Georgia][size=19][i]Любая ваша цитата [/i][/size][/font][/align]
[hr]
тут будет что-то, что вы напишете. другими словами ваша альма матер - анкета. [/td]
[/tr]
[tr][td bgcolor=#563b71 colspan=2][/td][/tr]
[/table]

0

Страница: 1

Вы здесь » Paper Town » записки личного характера » шаблоны анкет

Рейтинг форумов | Создать форум бесплатно