Harry Potter: Somnium

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

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


Вы здесь » Harry Potter: Somnium » The Sorting Hat » Образец анкеты


Образец анкеты

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

1

http://25.media.tumblr.com/tumblr_mdy2efNkL31ray037o2_500.gif

Thomas Kenneth Wood
Томас Кеннет Вуд
Предпочитает исключительно обращение "Том", либо по фамилии.

http://s6.uploads.ru/ufxz8.png

Возраст и дата рождения: 21 год, 25 сентября 2001.

Чистота крови: Чистокровный.

Факультетская принадлежность: Выпускник Рейвенкло.

Занятость: практикант по Уходу за Магическими Существами.

http://s6.uploads.ru/ufxz8.png

Волшебная палочка: Платан и сердечная жила дракона, 12 дюймов, гибкая
Артефакты: Крошечная метла, по размеру как указательный палец. Подарок от отца в детстве, как напоминание о том, кто он. Том верит, что талисман приносит ему удачу, но... как знать?
Метла: Старенький Нимбус-2013
Питомец: Филин Р. Ривз. Всегда "Р. Ривз".

Патронус: Трубкозуб. 
Амортенция: Запах хвойных лесов, вишни и отлично выдержанного виски.
Боггарт: Обломки метлы отца. Как все, что от него осталось, после очередного матча.
Зеркало ЕИНАЛЕЖ: Увидел бы сам себя, как с беззаботной улыбкой ерошит волосы.

http://s6.uploads.ru/ufxz8.png
Etiam innocentes cogit mentiri dolor.
http://s6.uploads.ru/ufxz8.png

Привычки: Курит. Иногда - очень показательно, даже специально. Иногда - в тишине и одиночестве, для себя.
В четырех стенах Томасу скучно, так что старается выбираться на воздух как можно чаще.
Когда думает о чем-то, меряет комнату шагами.
Всегда, когда оказывается в Хогсмиде, забирает с собой бутылку сливочного пива. Даже если не хотел. Традиция.
Часто ведет дневники, записывая в них все произошедшие за день события.

Предпочтения: Категорически отказывается пить в одиночестве.
И жаворонок, и сова в одном лице. Поздно ложится, рано просыпается, весь день заливает в себя кофе и бодрящие зелья.
Если заболевает, предпочитает долгое время игнорировать болезнь, и только если все совсем плохо, принимает лекарства.
Старается не думать о том, что будет дальше, а существовать в пространстве "здесь и сейчас".
Очень ценит искренних людей, зато сам не всегда готов выкладывать то, что у него на душе.
Чертовски добродушен по отношению к животным. Всегда постарается помочь, если это в его силах.
Да, помочь постарается и людям тоже. Периодически Томаса тянет на разного рода "геройства", в основном, совершенно безрассудные.
Студентов в основном называет по имени.

Характер: В каждом человеке присутствуют противоречивые качества, верно? Томас Вуд - сам человек-противоречие. Многие свойства его характера сильно зависят от того настроения и состояния, в котором парень пребывает. Иногда, когда он серьезен, спокоен или опечален чем-то, Вуд предпочитает одиночество, литературу, науку, наблюдение. Он вполне может отправиться в Запретный лес и бродить там, присматриваясь к редким волшебным существам, в одиночестве и тишине - несколько часов. В такие моменты парень обычно забывает о том, когда он в последний раз ел, спал или отдыхал.
Есть и другой Томас. Тот, который любит веселые и шумные компании, тот, что громче всех смеется и блещет остроумием, тот, что пьет пятую кружку подряд и почти не хмелеет. Этот человек проводит свободное время в "Трех метлах", или может принять участие в каких-нибудь школьных сборищах. Вуд прекрасно помнит самого себя студентом, и считает, что не особенно вырос и изменился за это время. Общение с учениками дается легко, не со всеми, конечно, но в общем - скорее положительно, чем отрицательно. Том легко идет на контакт, вполне может по просьбе того, кого хоть немного знает, достать книгу из Запретной Секции или же прикрыть ночные прогулки.
Два Томаса прекрасно ладят друг с другом и сочетаются в одном человеке. Более того - есть еще одна, скрытная, третья сторона.
Том боится влюбиться. Его пугает сама перспектива серьезных отношений, пугает, если кому-то взбредет в голову признаться ему в любви. Обычно Вуд сразу пытается найти выход, спустить все на тормозах. При этом, сами собой девушки его привлекают, так что парень пытается строить легкие свободные отношения. В таких отношениях он на удивление остается романтичным - может дарить цветы и ухаживать, может часами разговаривать с предметом обожания, особенно шутить или обворожительно улыбаться. Черт возьми, он может по уши влюбиться, но никогда не признается в этом. А если ткнуть парня в его влюбленность носом... найдет способ сбежать, поджав хвост.
Потому что не хочет ни к кому привязываться. После того, что он видел в своей семье, после наблюдений за другими постепенно разваливающимися семьями. Он видел, как его мать целые сутки ждет человека, который не возвращается домой, каждый раз оставляя ему пустое место за столом. Если любовь заключается в этом - Томас, пожалуй, пас.
Сильные/слабые стороны:
Сильные: Чувство юмора: Вот уж где не обделила природа, так это тонкие шутки и ненавязчивые подколы.
Наблюдательность: Когда изучаешь животных, очень важно замечать мелкие детали, Том учился этому с детства. А люди мало чем отличаются от братьев наших меньших.
Терпение: Приобретенное так же в процессе общения с животными, длительного ожидания, пока они проявят себя.
Смелость: Кто-то, включая самого Тома, считает ее лишь безрассудностью. Но парень вполне в состоянии войти в горящий дом, чтобы спасти друга.
Почти не пьянеет: Хмель слабо действует на сознание Тома, обычно, чтобы опьянеть, нужно выпить больше, чем он в состоянии.
Слабые: Нерешительность: Исключительно в принятии важных решений, которые будут иметь последствия. Так-то, спонтанно, парень сразу готов кидаться в бой, а вот если нужно сесть и подумать...
Забывчив: Это причина, по которой Том ведет дневнеки - тренирует память и хочет запечатлеть в ней все, что узнал.
Неуклюж: Вполне может запнуться о собственную ногу. Упасть не упадет, но все равно неловко.
Очень боится влюбиться: Старается заводить и поддерживать легкие отношения, не разбрасывается признаниями.

http://s6.uploads.ru/ufxz8.png
Corrige praeteritum, praesens rege, cerne futurum.
http://s6.uploads.ru/ufxz8.png

Родословная: Оливер Вуд - отец, профессиональный игрок в квиддич.
Мэри Джейн Хамстервиль - мать, заведует магазином волшебных животных в Косом Переулке.
Энивей Вуд - сестра, практикант Травологии в Хогвартсе
Биография: Папа... почему тебя никогда нет рядом?
Мысль, которая терзала Тома и его сестру все его детство. Ответ, на самом деле, был прост и всегда лежал на поверхности - Оливер Вуд, профессиональный игрок в квиддич, все свое время посвящал работе. Тренировки и соревнования, защита колец от команды противника, кроме того - он же капитан, все свободное время стоит потратить на обдумывание новых стратегий.
Вуд-старший даже не замечал, насколько он нужен жене и детям, редко появлялся дома. Если и появлялся, чаще всего продолжал работать. Лишь иногда пытался проявить участие в воспитании ребенка - например, учил его летать на метле. Однажды, после победы в одном из крупнейших матчей, Оливер вернулся домой и на радостях подарил сыну крошечную модельку "Молнии". "Для того, чтобы ты никогда не забывал, кто я", загадочно сказал он пятилетнему мальчику, и мальчик запомнил эти слова на всю жизнь.
Оливер называл его "Томасом". Всегда - официально. Словно подчеркивая свою отстраненность. Это изрядно раздражало, с детства прививая неприязнь к полному имени.
Мама, в свою очередь, избрала иную тактику в воспитании - чем больше времени ты проводишь со своим ребенком, тем лучше. Женщина брала его с собой на работу, еще совсем маленьким, где Том изучал различных домашних питомцев и узнавал о них много нового. Рассказы о животных он всегда любил слушать, и если поначалу дело ограничивалось только птицами, кошками и крысами, то с поступлением в Хогвартс Том в буквальном смысле атаковал библиотеку, проглатывая книги о магических существах за один вечер, а предмету этому готов был посвятить себя с головой.
Кажется, Том всегда знал, чем будет заниматься в жизни. У него не было моментов неуверенности в себе и в своем будущем, потому что он знал - будут люди, которые поддержат парня в любом из выборов. Вот только планы несколько не совпали с реальностью.
Вуд хотел заниматься изучением магических существ. Настоящим изучением. Хотел путешествовать в разные страны, забираться в невиданные места, и изучать, изучать, изучать. А выяснилось, что в мире не все так просто. Что Том не готов бросить все и уехать, сорвавшись с ровного места, что он не уверен в своей подготовке к такому. И еще чертовски не хотелось оставаться одному.
Однако, что-то после школы нужно было делать. Возможности улетали туда и сюда, словно сквозь пальцы, а Томас впервые пребывал в неприятной растерянности. В конечном итоге, от отчаяния и от необходимости срочно принять решение, парень согласился остаться в замке на должности практиканта.
Да так там и задержался. Минусом было то, что Том выбрал профессию сразу после окончания Хогвартса. Студентов, которых парень теперь учил, он знал лично. Отсюда и пошла особенность называть детей по именам и стараться сразу же переходить на "ты".
Том, возможно, задумался бы о своем будущем и пошел бы дальше. Но что-то необъяснимое держало его в школе, когда парень начал третий год преподавания. Он словно чувствовал, что в этом году здесь ему самое место. Что ближайший год может круто изменить всю его жизнь.
Так ли это? Скоро узнаем.
Прототип внешности: Jannis Niewöhner

http://s6.uploads.ru/ufxz8.png

Связь: 364433444

Готовы ли участвовать в квестах, где вашего персонажа могут ранить? Да.

Пост

Пробный пост: Каникулы выдались чередой одинаковых нескончаемых будний, единственный просвет в которые внесла книга о древних магических пытках, которую Скорпиус отыскал у деда на чердаке. Это был огромный том, покрытый слоем столетней пыли. Люциус, очевидно, читал ее не часто, возможно, просто хранил для внуков, вдруг это когда-нибудь им пригодится. И в этом случае он оказался бы совершенно и абсолютно прав. Юный потомок Малфоев настолько увлекся сим произведением, что часто забывал о положенном употреблении пищи в надлежащие часы, так что Астории приходилось поторапливать его.
- Милый, мы решили устроить небольшие каникулы и отправиться в столицу Франции, славный город Париж, - с подозрительно ласковыми нотками в обычно величественном голосе сообщила за одним из обедов его мать. Скорпиус удивленно приподнял брови, не спеша отвечать, так что смог услышать продолжение начатой речи: - Только в этот раз мы хотели бы взять с собой сына наших новых близких знакомых. - Теперь брови изогнулись в еще более вопросительную форму, если такие, конечно, еще существовали. С каких это пор Малфои заводили новых близких друзей, и как много успело измениться за то время, пока он, их благородный потомок, занимался обучением?
- Могу ли я узнать, хотя бы, фамилию человека, с которым мне предстоит провести долгие две недели в самом романтичном городе этого мира? - а что, может парень или девушка отличаются особой привлекательностью и тогда он имеет весьма неплохие шансы на то, чтобы удачно провести хотя бы часть каникул? Вот только "12 способов магических пыток и их применения на практике в 1620 годах", кажется, придется оставлять дома, ведь такой старинной книге не стоит покидать дом, к тому же она может не пережить перелета...
- Дисприт. А их сына, вроде бы, зовут Аланиель. Он учится с тобой в одной школе, уверена, вы пересекались. - Скорпиус поперхнулся соком. Если периодические совокупления в самых неожиданных местах Хогвартса можно назвать "пересекались"... то именно это они и делали.
На следующий день Малфой проснулся, когда до отбытия самолета оставалось еще около часа. Это целая куча времени, за которую можно дважды перепроверить вещи, прочитать еще сотню страниц, поесть, прогуляться по свежему воздуху, написать конспект по Истории Магии, который задали на лето...
Но вместо этого пришлось по наставлению матери быстрее одеваться и ехать в аэропорт. С ума сойти можно, честное слово. Так бестолково тратить целых 60 свободных минут жизни.
В порту Дисприт уже ждал их. Сверив парнишку немного неодобрительным взглядом, Малфой вдруг улыбнулся ему и даже поздоровался:
- Кхм. Я искренне рад приветствовать тебя в этом аэропорту, Дисприт, и должен сообщить, что идея полететь с тобой в самый романтичный город мира меня несколько вдохновила, правда, к моему глубочайшему сожалению, мне даже не предоставили право выбора, так что вопрос о том, с кем, куда и когда лететь изначально оставался решенным и моего участия в его принятии никоим образом нет, это просто, чтоб ты знал. Теперь же, раз уж мы стоим здесь совсем одни, пока мои родители пакуют багаж, позволь мне пожать твою руку в знак уважения? - парень протянул руку.
Не факт, что Аланиель понял, что он сказал, и именно это доставляло истинное удовольствие.

Отредактировано Thomas Wood (2016-01-22 20:45:45)

+9

2

Код:
<!--HTML-->  <div class='postcolor'> 
<link href='http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400' rel='stylesheet' type='text/css'>
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:350px;height:300px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#eee;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#222;}
.elle-info {box-sizing:border-box;background:#fff;width:350px;height:300px;position:absolute;top:0px;left:0;padding:20px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:175px;height:300px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:175px;height:300px;background:#fff;border-left:3px solid #fff;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:300px;background:#000;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:135px;left:-32px; border-right:32px solid #fff; border-top:25px solid transparent;border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:137px; left:-25px;border-right:28px solid #000; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:100px;left:5px;right:5px;color:#eee;font:400 17pt/18pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:120px;left:40px;right:40px;border-top:1px solid #eee; border-bottom:1px solid #eee; width:auto;padding:0 0 7px;color:#eee;font:400 44pt/35pt 'Six Caps', arial;}
.elle-tag {position:absolute; top:178px;left:5px;right:5px;width:auto;color:#eee;font:400 6pt/7pt 'Playfair Display', arial;letter-spacing:2px;text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:220px;height:260px;overflow:auto;padding:20px 10px;padding-right:10px;text-align:justify;color:#000;font:400 7pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>
<center>
<div id=ellecontainer><div class=elle-info>
<div class=elle-scroll>
<b>После того, как вам откроют доступ к основной части форума, пожалуйста, ознакомьтесь с данными ссылками</b> <br>
<a href= "https://somnium.mybb.ru/viewtopic.php?id=9#p21"> Занятые персонажи</a><br> <a href= "https://somnium.mybb.ru/viewtopic.php?id=10"> Занятые внешности</a><br> <a href= "https://somnium.mybb.ru/viewtopic.php?id=49#p174"> Занятые имена и фамилии</a><br> <a href= "https://somnium.mybb.ru/viewtopic.php?id=23"> Список кружков и факультативов</a><br> <a href= "https://somnium.mybb.ru/viewtopic.php?id=17"> Заполнение личного звания</a><br>
<a href= "https://somnium.mybb.ru/viewtopic.php?id=229"> Выяснения отношений</a><br>
<a href= "https://somnium.mybb.ru/viewtopic.php?id=52#p185"> Предложения и пожелания</a><br>
<a href= "https://somnium.mybb.ru/viewtopic.php?id=24"> Графика</a><br>
<a href= "https://somnium.mybb.ru/viewtopic.php?id=48"> Поиск партнера по игре</a><br>
<a href= "https://somnium.mybb.ru/viewforum.php?id=12"> Запись в квесты</a><br>
</div></div><div class=elle-pic>
<img src="http://savepic.org/7192772.gif" />
</div><div class=elle-brief><div class=elle-bpanel><div class=elle-name>
</div><div class=elle-want>WELCOME<br></div><div class=elle-tag>
</center>
<br /><br />
  </div>

0

3

Код:
<!--HTML-->
<center>
<div id="lahatyan" align="center">

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxone" name="toggle">
<label for="boxone" style="position: fixed left; top: 0px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2a4kU.jpg'); 
width:150px; height:150px;">
<div class="hover">принять участие
<div style="font:8px calibri; text-transform:uppercase;"> в сборе урожая в теплице</div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxtwo" name="toggle">
<label for="boxtwo" style="position: absolute; top: 0px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aSbx.jpg'); width:150px; height:150px;">
<div class="hover"> угостить друзей
<div style="font:8px calibri; text-transform:uppercase;"> коктейлями на кухне </div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxthree"name="toggle">
<label for="boxthree" style="position: absolute; top: 0px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2a4kR.jpg'); 
width:150px; height:150px;">
<div class="hover"> обнять
<div style="font:8px calibri; text-transform:uppercase;"> близкого человека </div>
</div>
</div></label></div></div>

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxfour" name="toggle">
<label for="boxfour" style="position: absolute; top: 155px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aSbw.jpg'); width:150px; height:150px;">
<div class="hover">рассмешить
<div style="font:8px calibri; text-transform:uppercase;"> друга до слез </div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxfive" name="toggle">
<label for="boxfive" style="position: absolute; top: 155px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2ads1.jpg'); width:150px; height:150px;">
<div class="hover"> рассказать анекдот
<div style="font:8px calibri; text-transform:uppercase;"> привидению</div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxsix"name="toggle">
<label for="boxsix" style="position: absolute; top: 155px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2adst.jpg'); 
width:150px; height:150px;">
<div class="hover"> рассматривать
<div style="font:8px calibri; text-transform:uppercase;"> звездное небо </div>
</div>
</div></label></div></div>


</div>
<p></center>

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
<style type="text/css">

#lahatyan { text-align: justify; width: 400px; height: 300px; align: center; margin-right: 65px;}

.beepmoo { position: absolute; clear: both; }


.karakter{ float: center; target: inherit; } 
.karakter label { position: static; height: 20px; align: center; } 
.karakter input[type=checkbox] { display: none; }
.karakter input[type=checkbox]:checked ~ label ~ .lahatsaloob { z-index: 99; opacity: 1; 
filter: alpha(opacity=100); }

.charriestuff { background:#fff; height:300px; width:300px;
padding: 0px 2px; overflow: auto; text-align: justify; font:9px arial; color: #33302E; 
line-height:10px; text-transform:lowercase;
}
.charriestuff::-webkit-scrollbar { width: 10px; background-color: #fff;} 
.charriestuff::-webkit-scrollbar-thumb { background: #eee; border-radius:30px; }

.labelekek { width:150px; height:150px; 
border-radius:20px; 
-webkit-filter: grayscale(0%); 
-webkit-transition: all 0.7s ease-in; 
-moz-transition: all 0.7s ease-in; 
-o-transition: all 0.7s ease-in; }

.labelekek:hover { -webkit-filter: grayscale(0%); cursor: pointer; }

.labelekek .hover { background:#FFF; 
text-align:center; font:20px; 
font-style:italic; color:#555; opacity:0; 
font-family: 'Berkshire Swash', cursive;
position:relative; top:95px; 
-webkit-transition: all 0.5s ease-in; 
-moz-transition: all 0.5s ease-in; 
-o-transition: all 0.5s ease-in; 
-webkit-filter: grayscale(0%) }

.labelekek:hover .hover { opacity:1; }

</style>
Код:
<!--HTML-->
<center>
<div id="lahatyan" align="center">

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxone" name="toggle">
<label for="boxone" style="position: fixed left; top: 0px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS2d.jpg'); 
width:150px; height:150px;">
<div class="hover">найти подснежник
<div style="font:8px calibri; text-transform:uppercase;"> возле замка</div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxtwo" name="toggle">
<label for="boxtwo" style="position: absolute; top: 0px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS2e.jpg'); width:150px; height:150px;">
<div class="hover"> гулять под дождем
<div style="font:8px calibri; text-transform:uppercase;"> с друзьями </div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxthree"name="toggle">
<label for="boxthree" style="position: absolute; top: 0px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS2g.jpg'); 
width:150px; height:150px;">
<div class="hover"> найти
<div style="font:8px calibri; text-transform:uppercase;"> пасхальное яйцо </div>
</div>
</div></label></div></div>

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxfour" name="toggle">
<label for="boxfour" style="position: absolute; top: 155px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS2u.jpg'); width:150px; height:150px;">
<div class="hover">гадать
<div style="font:8px calibri; text-transform:uppercase;"> на кофейной гуще </div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxfive" name="toggle">
<label for="boxfive" style="position: absolute; top: 155px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS2v.jpg'); width:150px; height:150px;">
<div class="hover"> попробовать сделать
<div style="font:8px calibri; text-transform:uppercase;"> артефакт собственноручно</div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxsix"name="toggle">
<label for="boxsix" style="position: absolute; top: 155px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS2w.jpg'); 
width:150px; height:150px;">
<div class="hover"> наткнуться на Выручайку
<div style="font:8px calibri; text-transform:uppercase;"> со случайным содержимым </div>
</div>
</div></label></div></div>


</div>
<p></center>

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
<style type="text/css">

#lahatyan { text-align: justify; width: 400px; height: 300px; align: center; margin-right: 65px;}

.beepmoo { position: absolute; clear: both; }


.karakter{ float: center; target: inherit; } 
.karakter label { position: static; height: 20px; align: center; } 
.karakter input[type=checkbox] { display: none; }
.karakter input[type=checkbox]:checked ~ label ~ .lahatsaloob { z-index: 99; opacity: 1; 
filter: alpha(opacity=100); }

.charriestuff { background:#fff; height:300px; width:300px;
padding: 0px 2px; overflow: auto; text-align: justify; font:9px arial; color: #33302E; 
line-height:10px; text-transform:lowercase;
}
.charriestuff::-webkit-scrollbar { width: 10px; background-color: #fff;} 
.charriestuff::-webkit-scrollbar-thumb { background: #eee; border-radius:30px; }

.labelekek { width:150px; height:150px; 
border-radius:20px; 
-webkit-filter: grayscale(0%); 
-webkit-transition: all 0.7s ease-in; 
-moz-transition: all 0.7s ease-in; 
-o-transition: all 0.7s ease-in; }

.labelekek:hover { -webkit-filter: grayscale(0%); cursor: pointer; }

.labelekek .hover { background:#FFF; 
text-align:center; font:20px; 
font-style:italic; color:#555; opacity:0; 
font-family: 'Berkshire Swash', cursive;
position:relative; top:95px; 
-webkit-transition: all 0.5s ease-in; 
-moz-transition: all 0.5s ease-in; 
-o-transition: all 0.5s ease-in; 
-webkit-filter: grayscale(0%) }

.labelekek:hover .hover { opacity:1; }

</style>
Код:
<!--HTML-->
<center>
<div id="lahatyan" align="center">

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxone" name="toggle">
<label for="boxone" style="position: fixed left; top: 0px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS3w.jpg'); 
width:150px; height:150px;">
<div class="hover">штудировать Зельеварение
<div style="font:8px calibri; text-transform:uppercase;"> в паре с другом</div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxtwo" name="toggle">
<label for="boxtwo" style="position: absolute; top: 0px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS3x.jpg'); width:150px; height:150px;">
<div class="hover"> учиться в библиотеке
<div style="font:8px calibri; text-transform:uppercase;"> целый день напролет </div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxthree"name="toggle">
<label for="boxthree" style="position: absolute; top: 0px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS3y.jpg'); 
width:150px; height:150px;">
<div class="hover"> усердно готовиться
<div style="font:8px calibri; text-transform:uppercase;"> к экзаменам </div>
</div>
</div></label></div></div>

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxfour" name="toggle">
<label for="boxfour" style="position: absolute; top: 155px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS4q.jpg'); width:150px; height:150px;">
<div class="hover">уплетать выпечку
<div style="font:8px calibri; text-transform:uppercase;"> на кухне в одиночку </div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxfive" name="toggle">
<label for="boxfive" style="position: absolute; top: 155px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS4r.jpg'); width:150px; height:150px;">
<div class="hover"> отправиться на каникулы
<div style="font:8px calibri; text-transform:uppercase;"> домой к другу </div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxsix"name="toggle">
<label for="boxsix" style="position: absolute; top: 155px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS4s.jpg'); 
width:150px; height:150px;">
<div class="hover"> попасть
<div style="font:8px calibri; text-transform:uppercase;"> в больничное крыло</div>
</div>
</div></label></div></div>


</div>
<p></center>

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
<style type="text/css">

#lahatyan { text-align: justify; width: 400px; height: 300px; align: center; margin-right: 65px;}

.beepmoo { position: absolute; clear: both; }


.karakter{ float: center; target: inherit; } 
.karakter label { position: static; height: 20px; align: center; } 
.karakter input[type=checkbox] { display: none; }
.karakter input[type=checkbox]:checked ~ label ~ .lahatsaloob { z-index: 99; opacity: 1; 
filter: alpha(opacity=100); }

.charriestuff { background:#fff; height:300px; width:300px;
padding: 0px 2px; overflow: auto; text-align: justify; font:9px arial; color: #33302E; 
line-height:10px; text-transform:lowercase;
}
.charriestuff::-webkit-scrollbar { width: 10px; background-color: #fff;} 
.charriestuff::-webkit-scrollbar-thumb { background: #eee; border-radius:30px; }

.labelekek { width:150px; height:150px; 
border-radius:20px; 
-webkit-filter: grayscale(0%); 
-webkit-transition: all 0.7s ease-in; 
-moz-transition: all 0.7s ease-in; 
-o-transition: all 0.7s ease-in; }

.labelekek:hover { -webkit-filter: grayscale(0%); cursor: pointer; }

.labelekek .hover { background:#FFF; 
text-align:center; font:20px; 
font-style:italic; color:#555; opacity:0; 
font-family: 'Berkshire Swash', cursive;
position:relative; top:95px; 
-webkit-transition: all 0.5s ease-in; 
-moz-transition: all 0.5s ease-in; 
-o-transition: all 0.5s ease-in; 
-webkit-filter: grayscale(0%) }

.labelekek:hover .hover { opacity:1; }

</style>
Код:
<!--HTML-->
<center>
<div id="lahatyan" align="center">

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxone" name="toggle">
<label for="boxone" style="position: fixed left; top: 0px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS6v.jpg'); 
width:150px; height:150px;">
<div class="hover">поцеловать жабу
<div style="font:8px calibri; text-transform:uppercase;"> под действием заклинания</div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxtwo" name="toggle">
<label for="boxtwo" style="position: absolute; top: 0px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS6w.jpg'); width:150px; height:150px;">
<div class="hover"> подарить
<div style="font:8px calibri; text-transform:uppercase;">другу котенка</div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxthree"name="toggle">
<label for="boxthree" style="position: absolute; top: 0px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS6x.jpg'); 
width:150px; height:150px;">
<div class="hover"> обменяться с другом
<div style="font:8px calibri; text-transform:uppercase;"> совами на пару дней </div>
</div>
</div></label></div></div>

<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxfour" name="toggle">
<label for="boxfour" style="position: absolute; top: 155px; left: 0px; ">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS6A.jpg'); width:150px; height:150px;">
<div class="hover">помочь лесничему
<div style="font:8px calibri; text-transform:uppercase;"> с рассадой </div>
</div>
</div></label></div></div>

<div class="beepmoo">
<div class="karakter"><input type="checkbox" id="boxfive" name="toggle">
<label for="boxfive" style="position: absolute; top: 155px; left: 155px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS6y.jpg'); width:150px; height:150px;">
<div class="hover"> развести
<div style="font:8px calibri; text-transform:uppercase;"> огонь </div>
</div>
</div></label></div></div>


<div class="beepmoo"><div class="karakter"><input type="checkbox" id="boxsix"name="toggle">
<label for="boxsix" style="position: absolute; top: 155px; left: 310px;">

<div class="labelekek" style="background: url('http://funkyimg.com/i/2aS6z.jpg'); 
width:150px; height:150px;">
<div class="hover"> максимально разогнаться
<div style="font:8px calibri; text-transform:uppercase;"> на метле</div>
</div>
</div></label></div></div>


</div>
<p></center>

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
<style type="text/css">

#lahatyan { text-align: justify; width: 400px; height: 300px; align: center; margin-right: 65px;}

.beepmoo { position: absolute; clear: both; }


.karakter{ float: center; target: inherit; } 
.karakter label { position: static; height: 20px; align: center; } 
.karakter input[type=checkbox] { display: none; }
.karakter input[type=checkbox]:checked ~ label ~ .lahatsaloob { z-index: 99; opacity: 1; 
filter: alpha(opacity=100); }

.charriestuff { background:#fff; height:300px; width:300px;
padding: 0px 2px; overflow: auto; text-align: justify; font:9px arial; color: #33302E; 
line-height:10px; text-transform:lowercase;
}
.charriestuff::-webkit-scrollbar { width: 10px; background-color: #fff;} 
.charriestuff::-webkit-scrollbar-thumb { background: #eee; border-radius:30px; }

.labelekek { width:150px; height:150px; 
border-radius:20px; 
-webkit-filter: grayscale(0%); 
-webkit-transition: all 0.7s ease-in; 
-moz-transition: all 0.7s ease-in; 
-o-transition: all 0.7s ease-in; }

.labelekek:hover { -webkit-filter: grayscale(0%); cursor: pointer; }

.labelekek .hover { background:#FFF; 
text-align:center; font:20px; 
font-style:italic; color:#555; opacity:0; 
font-family: 'Berkshire Swash', cursive;
position:relative; top:95px; 
-webkit-transition: all 0.5s ease-in; 
-moz-transition: all 0.5s ease-in; 
-o-transition: all 0.5s ease-in; 
-webkit-filter: grayscale(0%) }

.labelekek:hover .hover { opacity:1; }

</style>

0


Вы здесь » Harry Potter: Somnium » The Sorting Hat » Образец анкеты