test

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

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


Вы здесь » test » налево от млечного пути » тест кодов


тест кодов

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

1

fgdfdsf

0

2

Код:
<!--HTML-->
<div class="routegame"><div class="gameface">

<img src="https://media0.giphy.com/media/aSNmWKVUE0kc8/100.gif">

</div>
<div class="gamename">

НАЗВАНИЕ ВАШЕГО ЭПИЗОДА

</div>

<div class="where">

место действий

</div>
<div class="when">

время в игре

</div>
<div class="gamediscr">

короткое описание примерного сюжета эпизода короткое описание примерного сюжета эпизода короткое описание примерного сюжета эпизода короткое описание примерного сюжета эпизода в игре.

</div>
<div class="gameface2">

<img src="https://media0.giphy.com/media/aSNmWKVUE0kc8/100.gif">

</div>
<div class="gamecast"><center><b>CAST:</b> участник эпизода &amp; участник эпизода</center></div><br>
</div>
</div>

0

3

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<style>
.come {
    width: 550px;
    height: 337px;
    padding: 17px;
    border-top: 5px solid #c33547;
    border-bottom: 5px solid #c33547;
    border-left: 3px solid #df7787;
    border-right: 3px solid #df7787;
    background-color: rgb(235, 235, 235);
    box-shadow: inset 0 0 23px rgba(195, 53, 71, 0.21);
    border-radius: 20px;
}

.comeface {
    width: 100px;
    height: 100px;
    position: absolute;
    max-height: 100px;
    max-width: 100px;
    margin-top: 19px;
    margin-left: 23px;
}

.comename {
    font-size: 20px;
    color: #c33547;
    font-family: Oswald !important;
    /* font-weight: 700; */
    text-align: center;
    position: absolute;
    margin-left: 155px;
    margin-top: 16px;
    text-transform: uppercase;
    text-shadow: 1px 0 rgba(255, 255, 255, 0.52);
}

.comediscr {
    text-align: justify;
    font-family: roboto !important;
    font-size: 11px;
    text-transform: lowercase;
    width: 383px;
    height: 80px;
    position: absolute;
    line-height: 12px;
    margin-top: 48px;
    margin-left: 155px;
    color: #797979;
}

    .comeicq {
    width: 506px;
    /* height: 15px; */
    font-size: 17px;
    letter-spacing: 0px;
    font-family: oswald !important;
    color: #ffffff;
    /* padding: 4px; */
    padding-bottom: 4px;
    background-color: rgb(223, 119, 135);
    position: absolute;
    margin-top: 138px;
    margin-left: 22px;
    text-shadow: 0px 1px 0px #c33547;
    border-radius: 15px;
    box-shadow: inset 0px 0px 20px rgba(195, 53, 71, 0.83);
}

.who {
    width: 512px;
    /* padding: 4px; */
    text-align: justify;
    margin-top: 161px;
    text-transform: lowercase;
    font-family: roboto;
    font-size: 11px;
    /* background-color: #ececec; */
    overflow-y: scroll;
    height: 170px;
    padding-right: 5px;
    margin-left: 17px;
}

</style>

<center>

<div class="come"><div class="comeface">

<img src="http://via.placeholder.com/100x100">

</div>
<div class="comename">

ХОЧУ ВСТРЕТИТЬ В НЬЮ-ЙОРКЕ

</div>

<div class="comediscr">

короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. 

</div>
<div class="comeicq"><center><b>me: </b> предполагаемая внешность</center></div><br>
<div class="who">

короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. короткая и точная информация о персонаже, в которой вы уверены. 
<div>
</div>
</center>

</div>

0

4

Код:
<!--HTML-->
<center><div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/44437.png); width:600px; height:850px; position:relative;">
<div style="width: 244px; text-align: justify; position: absolute; font-size: 12px; text-shadow: 0px 1px 0px rgb(255, 255, 255); color: #938c8c;
    overflow-y: auto; height: 336px; top: 89px; left: 302px; padding: 5px; font-family: Roboto Condensed;">
Приветствую тебя, будущий путешественник. Ты не зря воспользовался услугами нашего такси, ведь только у нас каждый водитель знает, какие именно места следует посетить туристу, а какие лучше обойти стороной. Даже если ты всю жизнь прожил в Нью-Йорке, и тебе кажется, что тебя уже ничем не удивить, то ты наивен до глубины души. Мы проложили для тебя специальный маршрут, благодаря которому ты сможешь собрать заветные miles в свой профиль. В конце каждого месяца мы вознаграждаем тех, кто заработает их больше всего на своей таксометре. За каждую точку маршрута количество увеличивается на 10 miles. Это самый простой способ намотать километры. Однако в банке есть дополнительные статьи, за которые ты так же получаешь miles. Первая точка открыта для тебя совершенно бесплатно [возможность освоиться и посмотреть, как именно все работает], далее - водитель будет ждать от тебя небольшую плату в размере 150$. Он не потратит и копейки на себя, все уйдет на бензин и мелкие расходы. </div>
<div style=" width: 505px;
    text-align: justify;
    position: absolute;
    font-size: 11px;
    font-family: arial;
    text-shadow: 1px 0px 0px rgb(255, 255, 255);
    color: #656464;
    overflow-y: auto;
    height: 264px;
    top: 448px;
    left: 43px;
    padding: 5px;">
Таксист на своей желтой машинке будет ждать тебя в Ботаническом саду. Не опаздывай, возьми с собой обязательно побольше денег, что-нибудь перекусить и настрой фотоаппарат. Места у нас будут зрелищные. Маршрут построен поэтапно, ты не сможешь договориться с водителем, чтобы он отвез тебя сразу в конец. Ему тоже интересно путешествовать вместе с тобой. В каждой точке нашего маршрута будет 4 остановки. Ты должен будешь осмотреться, прикупить сувениров и выполнить несколько нехитрых заданий, чтобы с чистой совестью считать, что остановка пройдена, и тебя больше ничего не задерживает. На них тебя ждут два задания для поста [ты выполняешь их сразу в одном], и два задания на форуме [они связаны уже непосредственно с твоей активностью]. Закрыть остановку можно только, когда все четыре задания выполнены. Никаких в процессе! Водитель у нас хоть и терпеливый, но даже ему не нравится делать одно и тоже дело несколько раз. Задания к остановкам ты найдешь у себя на странице, когда наведешь на карточку. Для отметки выполненных заданий воспользуйся шаблоном. Без него оборудование такси не сможет сделать отмету о пройденном этапе. 
 Не думай, что твои туристические способности никто не оценит. По завершению всего маршрута тебя ждет долгожданный билетик на личную страницу, возможность двинуться дальше и призовые 20 miles. Водитель обязательно обновит твой навигатор, чтобы ничто не мешало тебе покорять новые вершины. Но и это еще не все. В некоторых точках маршрута можно будет приобрести скидочные карты. Срок их действия составляет 14 дней с момента получения. И это отличный способ приобрести дополнительное преимущество на маршруте. Со скидочными картами вы можете сэкономить средства или же быстрее продвинуться в накоплении процентов на командную карточку. Это разумный бонус для тех, кто хочет все и сразу при минимуме усилий. Такая лазейка встанет вам в 500$.</div>
</div></center>

0

5

http://s1.uploads.ru/hoyHF.png

0

6

0

7

ваыа

0

8

21,2 написал(а):

fgdfdsf

0

9

Код:
<!--HTML-->
<style>#charone img { width: 92px; position: relative; top: 34px; left: -155px; margin-right: 4px; border: 4px solid rgb(235, 78, 96); margin-left: -1px;}</style>

<center><div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/70178.png); width:600px; height:700px; position:relative;">

<div style="font-size: 33px;
    font-family: Bebas Neue;
    color: rgb(235, 69, 89);
    text-align: center;
    position: absolute;
    left: 260px;
    top: 47px;
    z-index: 22;
    font-weight: 600;
    font-style: italic;">name surname, 00</div>

<div style="font-size: 10px;
  font-family: Arial;
  width: 229px;
  height: 53px; color: rgb(235, 69, 89);
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 269px;
  top: 90px;
  z-index: 26;
text-align:justify;">
имя кириллицей<br>
внешность на латинице<br>
00.00.0000 ‹ ‹ стрелец<br>
</div> 


<div id="charone">

<img src="http://via.placeholder.com/100x100">

 <img src="http://via.placeholder.com/100x100">

</div>

<div style="font-size: 16px; font-family: AA Bebas Neue; color: rgb(255, 255, 255); text-align: center; text-shadow: 0px 1px 0px rgb(220, 145, 52);    position: absolute; left: 93px; top: 151px;">ориентация</div>

<div style="font-size: 16px; font-family: AA Bebas Neue; color: rgb(255, 255, 255); text-align: center; text-shadow: 0px 1px 0px rgb(220, 145, 52);    position: absolute; left: 275px; top: 151px;">профессия</div>

<div style="font-size: 16px; font-family: AA Bebas Neue; color: rgb(255, 255, 255); text-align: center; text-shadow: 0px 1px 0px rgb(220, 145, 52);    position: absolute; left: 422px; top: 151px;">семейное положение</div>

<div style="font-size: 11px; font-family: Roboto Condensed; color: rgb(119, 118, 118); text-align: center; width: 553px; height: 400px; overflow: auto; position: absolute; left: 20px; top: 239px; text-align: justify; text-align-last: center; padding: 0px 10px 0px 0px;">

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

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

</div>

</div></center>

0

10

Код:
<!--HTML-->
<style>.otnoshlink, .otnoshgam, .otnoshtext{    font-family: "bebas neue"!important;        text-shadow: #c4e2f3 1px 1px 0px;
    line-height: 100%;
    color: #1f3f58!important;}
.otnoshlink a, .otnoshgam a, .otnoshtext a{    font-family: "bebas neue"!important;        text-shadow: #c4e2f3 1px 1px 0px;
    line-height: 100%;
    color: #1f3f58!important;}
</style>


<table><tr><td width="125px">
<center><div style="padding: 10px;"><img src='картинка с человеком' class="otnoshimg"> </center></div></td>
<td width="265px"><div style="width: 255px; margin-left: -15px;"><center>

<div class="otnoshlink"><a href="ссылка на вашу игру"><span style="color: #592881;">имя человека</span></a><br>
• • • • • • • • • • • • • </div>

<div class="otnoshgam">#ваши отношения</div><br>

<div class="otnoshtext">коротко о вас</div>

</center></div></td></tr></table>

0

11

Код:
<!--HTML-->

<style>
#ls_fon {position:relative; width:800px; height:600px; background: url(https://forumstatic.ru/files/0014/fb/ba/80721.png);}
#ls_photo {border-style: solid; border-width: 3px;  border-color: rgb(101, 172, 208); border-radius: 50%;  background-color: rgb(100, 172, 207);  position: absolute;  left: 165px;  top: 201px;  width: 99px;  height: 98px; background-position: 50% !important;}
#ls_namesur {font-size: 18px; font-family: Bebas Neue; color: rgb(94, 98, 100); line-height: 1.125; text-align: center; position: absolute; left: 122.55px; top: 316.953px; width: 188px; height: 15px; z-index: 80; text-align: center; text-shadow: 0px 1px 0px #eeedea; font-weight: bold;
    font-style: italic;}
#ls_prof {font-size: 10px; font-family: roboto; color: rgb(0, 0, 0); line-height: 1.2; text-align: center; position: absolute; left: 116.339px; top: 338.418px; width: 203px; height: 29px; z-index: 79; text-align: center;}
#ls_postov {font-size: 18px; font-family: Bebas Neue; color: rgb(46, 127, 181); line-height: 0.889; position: absolute; left: 160px; top: 384px; z-index: 84; font-weight: 900; text-shadow: 0px 0px 6px #8bbfda; width: 54px; text-align: center;}
#ls_miles {font-size: 18px; font-family: Bebas Neue; color: rgb(46, 127, 181); line-height: 0.889; position: absolute; left: 220px; top: 384px; z-index: 84; font-weight: 900; text-shadow: 0px 0px 6px #8bbfda; width: 54px; text-align: center;}


</style>


<center><div id="ls_fon">


<div id="ls_photo" style="background: url(

http://via.placeholder.com/150x150


);"></div>

<!--ИМЯ ФАМИЛИЯ И ВОЗРАСТ ПЕРСОНАЖА-->
<div id="ls_namesur">

имя фамилия, 00

</div>

<!--ИНФА О ПЕРСЕ-->

<div id="ls_prof">профессия</div>

<!--ПОСТЫ-->
<div id="ls_postov">000</div>

<!--МИЛИ-->
<div id="ls_miles">000</div>

 <div class="ls_buttons_wrapper2">
            <div class="ls_buttons2" id="ls_buttons2_first"></div>
            <div class="ls_buttons2" id="ls_buttons2_second"></div>
            <div class="ls_buttons2" id="ls_buttons2_third"></div>
            <div class="ls_buttons2" id="ls_buttons2_fourth"></div>
            <div class="ls_buttons2" id="ls_buttons2_fifth"></div>
            </div>

<div class="ls_info_wrap" id="ls_gen_info1" style="background: url(

https://i.imgur.com/IJyOsaA.png


);"></div>
<div class="ls_info_wrap" style="display:none;" id="ls_gen_info2" >


<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/30495.png); position: absolute; left: 123px;  top: 65px;
    width: 86px; height: 78px; z-index: 2; cursor: pointer; filter: grayscale(100%);"></div>


<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/69853.png); position: absolute; left: 217px; top: 20px; width: 102px;  height: 58px; z-index: 4; cursor: pointer; filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/20154.png); position: absolute; left: 59px; top: 190px; width: 98px; height: 60px; z-index: 6; cursor: pointer; filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/87861.png); position: absolute; left: 191px; top: 216px; width: 75px; height: 58px; z-index: 8; cursor: pointer;  filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/66742.png); position: absolute; left: 77px; top: 279px; width: 90px; height: 58px; z-index: 10; cursor: pointer; filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/37219.png); position: absolute; left: 14px; top: 45px; width: 86px; height: 101px; z-index: 3; cursor: pointer; filter: grayscale(100%); display:none;"></div>
            </div>
            <div class="ls_info_wrap" id="ls_gen_info3" style="display:none;">
             <div style="font-size: 15px;
    font-family: Neucha;
    color: rgb(125, 109, 109);
    line-height: 1.067;
    text-align: left;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.004);
    position: absolute;
    left: 16.535px;
    top: 41.535px;
    width: 166px;
    height: 113px;
    z-index: 113;
">- освоиться на Манхеттене
<br> - побывать и сделать фото у статуи свободы

<br> - увидеть знаменитость
<br> 
-  загадать желание на таймс сквер
<br> 
-  избежать пробку</div></div>
            <div class="ls_info_wrap" id="ls_gen_info4" style="display:none;">      
            <div style="position: absolute; left: 4px;  top: 18px; width: 242px; height: 176px; z-index: 88; overflow: auto;"><img src="https://i.imgur.com/10OwHeP.png"></div>
<div style="position: absolute; left: 16px; top: 234px; width: 322px; height: 217px; z-index: 89; overflow: auto;"><img src="http://funkyimg.com/i/2xUSq.png" title="житель Нью-Йорка">
<img src="http://funkyimg.com/i/2xV7X.png" title="первый пост">
<img src="http://funkyimg.com/i/2xUMX.png" title="20 постов">
<img src="http://funkyimg.com/i/2xUSo.png" title="50 постов">
<img src="http://funkyimg.com/i/2xUSS.png" title="30 постов в тиндере">
<img src="http://funkyimg.com/i/2xUM4.png" title="написать пост на 15 тыс. символов">
<img src="http://funkyimg.com/i/2xUSB.png" title="3 поста в сутки">
<img src="http://funkyimg.com/i/2xUMZ.png" title="активист недели">
<img src="http://funkyimg.com/i/2xUMY.png" title="300 сообщений за сутки">
<img src="http://funkyimg.com/i/2xUSC.png" title="500 сообщений в профиле">
<img src="http://funkyimg.com/i/2xUSY.png" title="2000 сообщений в профиле">
<img src="http://funkyimg.com/i/2xV7V.png" title="5000 сообщений в профиле ">
<img src="http://funkyimg.com/i/2xV7W.png" title="500 в репутации">
<img src="http://funkyimg.com/i/2xV8b.png" title="500 в позитиве">
<img src="http://funkyimg.com/i/2xV8c.png" title="ведение темы творчества [не менее 25 постов] ">
<img src="http://funkyimg.com/i/2xV8B.png" title="победа в мафии">
<img src="http://funkyimg.com/i/2xUZ6.png" title="3 отзыва на ТОПЕ">
<img src="http://funkyimg.com/i/2xUZD.png" title="1 месяц на форуме">
<img src="http://funkyimg.com/i/2xUZ8.png" title="3 месяца на форуме">
<img src="http://funkyimg.com/i/2xUZ9.png" title="полгода на форуме">
<img src="http://funkyimg.com/i/2xUZa.png" title="год на форуме">
<img src="http://funkyimg.com/i/2xUZE.png" title="12 часов онлайна">
<img src="http://funkyimg.com/i/2xUZG.png" title="неделя на форуме [сумма пребывания в профиле] ">
<img src="http://funkyimg.com/i/2xUZF.png" title="100 реклам [за один подход]">
<img src="http://funkyimg.com/i/2xUZN.png" title="350 реклам [общее кол-во оставленных реклам] ">
<img src="http://funkyimg.com/i/2xUZP.png" title="15 подарочных аватаров ">
<img src="http://funkyimg.com/i/2xUZQ.png" title="10% на карте">
<img src="http://funkyimg.com/i/2xUZH.png" title="золотая карта">
<img src="http://funkyimg.com/i/2xV2j.png" title="платиновая карта">
<img src="http://funkyimg.com/i/2xV2L.png" title="прошел половину маршрута ">
<img src="http://funkyimg.com/i/2xV3f.png" title="прошел весь маршрут">
<img src="http://funkyimg.com/i/2xVbL.png" title="привел друга [наличие у него 2 постов] ">
<img src="http://funkyimg.com/i/2xVbM.png" title="помощь администрации [выдается амс] ">
<img src="http://funkyimg.com/i/2xVbN.png" title="ведение хронологии и отношений [не менее 5 шт в каждом]">
<img src="http://funkyimg.com/i/2xVbP.png" title="подарил 10 иконок">
<img src="http://funkyimg.com/i/2xVbQ.png" title="подарил 6 плашек">
<img src="http://funkyimg.com/i/2xVbR.png" title="3 заявки в нужных персонажах">
<img src="http://funkyimg.com/i/2xVbS.png" title="2 человека из хочу к вам [начата с ними игра]">
<img src="http://funkyimg.com/i/2xVbT.png" title="исполнить 10 желаний из чужих списков">
<img src="http://funkyimg.com/i/2xVbU.png" title="завершить 2 своих списка">
<img src="http://funkyimg.com/i/2xVbV.png" title="20 комментов в творческой теме">
<img src="http://funkyimg.com/i/2xVbW.png" title="5 отзывов о дизайнах">
<img src="http://funkyimg.com/i/2xVbX.png" title="3 победы в конкурсах">
<img src="http://funkyimg.com/i/2xVbY.png" title="победа в личном зачете">
<img src="http://funkyimg.com/i/2xV2i.png" title="победа в 5 номинациях"></div></div>
<div class="ls_info_wrap" id="ls_gen_info5" style="display:none;">      
            </div>

</div></center>

0

12

Код:
<!--HTML-->
<div style="position:relative; width:350px; height:467px; background: url(https://forumstatic.ru/files/0014/fb/ba/97738.png)">

<div style="font-size: 15px; font-family: Neucha; color: rgb(125, 109, 109); line-height: 1.067; text-align: left;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.004); position: absolute; left: 16.535px; top: 41.535px; width: 166px; height: 113px; z-index: 113;">- освоиться на Манхеттене <br> - побывать и сделать фото у статуи свободы<br> - увидеть знаменитость<br>-  загадать желание на таймс сквер<br>-  избежать пробку</div>

<div style="position: absolute; left: 219px; top: 44px; width: 117px; height: 222px;  z-index: 117;overflow:auto;"></div>

<div style="position: absolute; left: 10px; top: 278px; width: 203px; height: 180px; z-index: 116; overflow:auto;"></div>

<div style="position: absolute; left: 227px; top: 281px; width: 113px; height: 179px; z-index: 116; overflow:auto;"><img src="http://funkyimg.com/i/2xY5o.png" style="display:none;"></div>
</div>

0

13

Код:
<!--HTML--><script src="https://forumstatic.ru/files/0013/92/40/45318.js"></script>

<div style="position:relative; width:350px; height:467px; background: url(https://forumstatic.ru/files/0014/fb/ba/20977.png)">

<div style="    background-image: url(https://forumstatic.ru/files/0014/fb/ba/30495.png);
    position: absolute;
    left: 123px;
    top: 65px;
    width: 86px;
    height: 78px;
    z-index: 2;
    cursor: pointer;
    filter: grayscale(100%);"></div>


<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/69853.png);
  position: absolute;
  left: 217px;
  top: 20px;
  width: 102px;
  height: 58px;
  z-index: 4;
 cursor: pointer;
    filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/20154.png);
  position: absolute;
  left: 59px;
  top: 190px;
  width: 98px;
  height: 60px;
  z-index: 6;
 cursor: pointer;
    filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/87861.png);
  position: absolute;
  left: 191px;
  top: 216px;
  width: 75px;
  height: 58px;
  z-index: 8; cursor: pointer;
    filter: grayscale(100%);
"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/66742.png);
  position: absolute;
  left: 77px;
  top: 279px;
  width: 90px;
  height: 58px;
  z-index: 10;
 cursor: pointer;
    filter: grayscale(100%);"></div>
</div>

0

14

Код:
<!--HTML-->
<div style="background: url(https://i.imgur.com/nNnRdmb.png); width:350px; height:467px; position: absolute;">
<div style="position: absolute; left: 4px;  top: 18px; width: 242px; height: 176px; z-index: 88; overflow: auto;"><img src="https://i.imgur.com/10OwHeP.png"></div>
<div style="position: absolute; left: 16px; top: 234px; width: 322px; height: 217px; z-index: 89; overflow: auto;"><img src="http://funkyimg.com/i/2xUSq.png" title="житель Нью-Йорка">
<img src="http://funkyimg.com/i/2xV7X.png" title="первый пост">
<img src="http://funkyimg.com/i/2xUMX.png" title="20 постов">
<img src="http://funkyimg.com/i/2xUSo.png" title="50 постов">
<img src="http://funkyimg.com/i/2xUSS.png" title="30 постов в тиндере">
<img src="http://funkyimg.com/i/2xUM4.png" title="написать пост на 15 тыс. символов">
<img src="http://funkyimg.com/i/2xUSB.png" title="3 поста в сутки">
<img src="http://funkyimg.com/i/2xUMZ.png" title="активист недели">
<img src="http://funkyimg.com/i/2xUMY.png" title="300 сообщений за сутки">
<img src="http://funkyimg.com/i/2xUSC.png" title="500 сообщений в профиле">
<img src="http://funkyimg.com/i/2xUSY.png" title="2000 сообщений в профиле">
<img src="http://funkyimg.com/i/2xV7V.png" title="5000 сообщений в профиле ">
<img src="http://funkyimg.com/i/2xV7W.png" title="500 в репутации">
<img src="http://funkyimg.com/i/2xV8b.png" title="500 в позитиве">
<img src="http://funkyimg.com/i/2xV8c.png" title="ведение темы творчества [не менее 25 постов] ">
<img src="http://funkyimg.com/i/2xV8B.png" title="победа в мафии">
<img src="http://funkyimg.com/i/2xUZ6.png" title="3 отзыва на ТОПЕ">
<img src="http://funkyimg.com/i/2xUZD.png" title="1 месяц на форуме">
<img src="http://funkyimg.com/i/2xUZ8.png" title="3 месяца на форуме">
<img src="http://funkyimg.com/i/2xUZ9.png" title="полгода на форуме">
<img src="http://funkyimg.com/i/2xUZa.png" title="год на форуме">
<img src="http://funkyimg.com/i/2xUZE.png" title="12 часов онлайна">
<img src="http://funkyimg.com/i/2xUZG.png" title="неделя на форуме [сумма пребывания в профиле] ">
<img src="http://funkyimg.com/i/2xUZF.png" title="100 реклам [за один подход]">
<img src="http://funkyimg.com/i/2xUZN.png" title="350 реклам [общее кол-во оставленных реклам] ">
<img src="http://funkyimg.com/i/2xUZP.png" title="15 подарочных аватаров ">
<img src="http://funkyimg.com/i/2xUZQ.png" title="10% на карте">
<img src="http://funkyimg.com/i/2xUZH.png" title="золотая карта">
<img src="http://funkyimg.com/i/2xV2j.png" title="платиновая карта">
<img src="http://funkyimg.com/i/2xV2L.png" title="прошел половину маршрута ">
<img src="http://funkyimg.com/i/2xV3f.png" title="прошел весь маршрут">
<img src="http://funkyimg.com/i/2xVbL.png" title="привел друга [наличие у него 2 постов] ">
<img src="http://funkyimg.com/i/2xVbM.png" title="помощь администрации [выдается амс] ">
<img src="http://funkyimg.com/i/2xVbN.png" title="ведение хронологии и отношений [не менее 5 шт в каждом]">
<img src="http://funkyimg.com/i/2xVbP.png" title="подарил 10 иконок">
<img src="http://funkyimg.com/i/2xVbQ.png" title="подарил 6 плашек">
<img src="http://funkyimg.com/i/2xVbR.png" title="3 заявки в нужных персонажах">
<img src="http://funkyimg.com/i/2xVbS.png" title="2 человека из хочу к вам [начата с ними игра]">
<img src="http://funkyimg.com/i/2xVbT.png" title="исполнить 10 желаний из чужих списков">
<img src="http://funkyimg.com/i/2xVbU.png" title="завершить 2 своих списка">
<img src="http://funkyimg.com/i/2xVbV.png" title="20 комментов в творческой теме">
<img src="http://funkyimg.com/i/2xVbW.png" title="5 отзывов о дизайнах">
<img src="http://funkyimg.com/i/2xVbX.png" title="3 победы в конкурсах">
<img src="http://funkyimg.com/i/2xVbY.png" title="победа в личном зачете">
<img src="http://funkyimg.com/i/2xV2i.png" title="победа в 5 номинациях"></div></div>

0

15

Код:
<--HTML-->

<style>
#ls_fon {position:absolute; width:800px; height:600px; background: url(https://forumstatic.ru/files/0014/fb/ba/80721.png);}
#ls_photo {border-style: solid; border-width: 3px;  border-color: rgb(101, 172, 208); border-radius: 50%;  background-color: rgb(100, 172, 207);  position: absolute;  left: 165px;  top: 201px;  width: 99px;  height: 98px; background-position: 50% !important;}
#ls_namesur {font-size: 18px; font-family: Bebas Neue; color: rgb(94, 98, 100); line-height: 1.125; text-align: center; position: absolute; left: 122.55px; top: 316.953px; width: 188px; height: 15px; z-index: 80; text-align: center; text-shadow: 0px 1px 0px #eeedea; font-weight: bold;
    font-style: italic;}
#ls_prof {font-size: 10px; font-family: roboto; color: rgb(0, 0, 0); line-height: 1.2; text-align: center; position: absolute; left: 116.339px; top: 338.418px; width: 203px; height: 29px; z-index: 79; text-align: center;}
#ls_postov {font-size: 18px; font-family: Bebas Neue; color: rgb(46, 127, 181); line-height: 0.889; position: absolute; left: 160px; top: 384px; z-index: 84; font-weight: 900; text-shadow: 0px 0px 6px #8bbfda; width: 54px; text-align: center;}
#ls_miles {font-size: 18px; font-family: Bebas Neue; color: rgb(46, 127, 181); line-height: 0.889; position: absolute; left: 220px; top: 384px; z-index: 84; font-weight: 900; text-shadow: 0px 0px 6px #8bbfda; width: 54px; text-align: center;}


</style>


<center><div id="ls_fon">


<div id="ls_photo" style="background: url(

http://via.placeholder.com/150x150


);"></div>

<!--ИМЯ ФАМИЛИЯ И ВОЗРАСТ ПЕРСОНАЖА-->
<div id="ls_namesur">

имя фамилия, 00

</div>

<!--ИНФА О ПЕРСЕ-->

<div id="ls_prof">профессия</div>

<!--ПОСТЫ-->
<div id="ls_postov">000</div>

<!--МИЛИ-->
<div id="ls_miles">000</div>

 <div class="ls_buttons_wrapper2">
            <div class="ls_buttons2" id="ls_buttons2_first"></div>
            <div class="ls_buttons2" id="ls_buttons2_second"></div>
            <div class="ls_buttons2" id="ls_buttons2_third"></div>
            <div class="ls_buttons2" id="ls_buttons2_fourth"></div>
            <div class="ls_buttons2" id="ls_buttons2_fifth"></div>
            </div>

<div class="ls_info_wrap" id="ls_gen_info1" style="background: url(

https://i.imgur.com/IJyOsaA.png


);"></div>
<div class="ls_info_wrap" style="display:none;" id="ls_gen_info2" >


<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/30495.png); position: absolute; left: 123px;  top: 65px;
    width: 86px; height: 78px; z-index: 2; cursor: pointer; filter: grayscale(100%);"></div>


<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/69853.png); position: absolute; left: 217px; top: 20px; width: 102px;  height: 58px; z-index: 4; cursor: pointer; filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/20154.png); position: absolute; left: 59px; top: 190px; width: 98px; height: 60px; z-index: 6; cursor: pointer; filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/87861.png); position: absolute; left: 191px; top: 216px; width: 75px; height: 58px; z-index: 8; cursor: pointer;  filter: grayscale(100%);"></div>

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/66742.png); position: absolute; left: 77px; top: 279px; width: 90px; height: 58px; z-index: 10; cursor: pointer; filter: grayscale(100%);"></div>


        <div id="zatemnenie" class="ls_each_page"></div>
        <div id="ls_third_foodTitle" class="ls_third_title">food</div>
        <div id="ls_third_festivalsTitle" class="ls_third_title">festivals</div>

        <div id="ls_third_giftsTitle" class="ls_third_title">gifts</div>
         
         <div id="ls_third_awardsTitle" class="ls_third_title">awards</div>
         <div id="ls_third_food"></div>
         <div id="ls_third_festivals"></div>
         <div id="ls_third_gifts"></div>
         <div id="ls_third_awards"></div>
    <!--окно с подарками-->
        <div class="ls_third_window" id="pin_gifts">
                <div class="ls_pin_title1">подарки</div>
                <div id="ls_gifts_window">
            </div>
            </div>
         <!--окно с фестивалями-->
        <div id="pin_festivals">
  <div id="pin_festivals_body">
        <!-- <img src="https://forumstatic.ru/files/0018/76/51/45633.png"> -->

            </div>
               
            </div>
        <!--окно с наградами-->

        <div class="ls_third_window" id="pin_awards">
                <div class="ls_pin_title1">награды</div>
                <div class="ls_map_window2">
                </div>
            </div>
  

<div style="background-image: url(https://forumstatic.ru/files/0014/fb/ba/37219.png); position: absolute; left: 14px; top: 45px; width: 86px; height: 101px; z-index: 3; cursor: pointer; filter: grayscale(100%); display:none;"></div>
            </div>
            <div class="ls_info_wrap" id="ls_gen_info3" style="display:none;">
             <div style="font-size: 15px;
    font-family: Neucha;
    color: rgb(125, 109, 109);
    line-height: 1.067;
    text-align: left;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.004);
    position: absolute;
    left: 16.535px;
    top: 41.535px;
    width: 166px;
    height: 113px;
    z-index: 113;
">- освоиться на Манхеттене
<br> - побывать и сделать фото у статуи свободы

<br> - увидеть знаменитость
<br> 
-  загадать желание на таймс сквер
<br> 
-  избежать пробку</div></div>
            <div class="ls_info_wrap" id="ls_gen_info4" style="display:none;">      
            <div style="position: absolute; left: 4px;  top: 18px; width: 242px; height: 176px; z-index: 88; overflow: auto;"><img src="https://i.imgur.com/10OwHeP.png"></div>
<div style="position: absolute; left: 16px; top: 234px; width: 322px; height: 217px; z-index: 89; overflow: auto;"><img src="http://funkyimg.com/i/2xUSq.png" title="житель Нью-Йорка">
<img src="http://funkyimg.com/i/2xV7X.png" title="первый пост">
<img src="http://funkyimg.com/i/2xUMX.png" title="20 постов">
<img src="http://funkyimg.com/i/2xUSo.png" title="50 постов">
<img src="http://funkyimg.com/i/2xUSS.png" title="30 постов в тиндере">
<img src="http://funkyimg.com/i/2xUM4.png" title="написать пост на 15 тыс. символов">
<img src="http://funkyimg.com/i/2xUSB.png" title="3 поста в сутки">
<img src="http://funkyimg.com/i/2xUMZ.png" title="активист недели">
<img src="http://funkyimg.com/i/2xUMY.png" title="300 сообщений за сутки">
<img src="http://funkyimg.com/i/2xUSC.png" title="500 сообщений в профиле">
<img src="http://funkyimg.com/i/2xUSY.png" title="2000 сообщений в профиле">
<img src="http://funkyimg.com/i/2xV7V.png" title="5000 сообщений в профиле ">
<img src="http://funkyimg.com/i/2xV7W.png" title="500 в репутации">
<img src="http://funkyimg.com/i/2xV8b.png" title="500 в позитиве">
<img src="http://funkyimg.com/i/2xV8c.png" title="ведение темы творчества [не менее 25 постов] ">
<img src="http://funkyimg.com/i/2xV8B.png" title="победа в мафии">
<img src="http://funkyimg.com/i/2xUZ6.png" title="3 отзыва на ТОПЕ">
<img src="http://funkyimg.com/i/2xUZD.png" title="1 месяц на форуме">
<img src="http://funkyimg.com/i/2xUZ8.png" title="3 месяца на форуме">
<img src="http://funkyimg.com/i/2xUZ9.png" title="полгода на форуме">
<img src="http://funkyimg.com/i/2xUZa.png" title="год на форуме">
<img src="http://funkyimg.com/i/2xUZE.png" title="12 часов онлайна">
<img src="http://funkyimg.com/i/2xUZG.png" title="неделя на форуме [сумма пребывания в профиле] ">
<img src="http://funkyimg.com/i/2xUZF.png" title="100 реклам [за один подход]">
<img src="http://funkyimg.com/i/2xUZN.png" title="350 реклам [общее кол-во оставленных реклам] ">
<img src="http://funkyimg.com/i/2xUZP.png" title="15 подарочных аватаров ">
<img src="http://funkyimg.com/i/2xUZQ.png" title="10% на карте">
<img src="http://funkyimg.com/i/2xUZH.png" title="золотая карта">
<img src="http://funkyimg.com/i/2xV2j.png" title="платиновая карта">
<img src="http://funkyimg.com/i/2xV2L.png" title="прошел половину маршрута ">
<img src="http://funkyimg.com/i/2xV3f.png" title="прошел весь маршрут">
<img src="http://funkyimg.com/i/2xVbL.png" title="привел друга [наличие у него 2 постов] ">
<img src="http://funkyimg.com/i/2xVbM.png" title="помощь администрации [выдается амс] ">
<img src="http://funkyimg.com/i/2xVbN.png" title="ведение хронологии и отношений [не менее 5 шт в каждом]">
<img src="http://funkyimg.com/i/2xVbP.png" title="подарил 10 иконок">
<img src="http://funkyimg.com/i/2xVbQ.png" title="подарил 6 плашек">
<img src="http://funkyimg.com/i/2xVbR.png" title="3 заявки в нужных персонажах">
<img src="http://funkyimg.com/i/2xVbS.png" title="2 человека из хочу к вам [начата с ними игра]">
<img src="http://funkyimg.com/i/2xVbT.png" title="исполнить 10 желаний из чужих списков">
<img src="http://funkyimg.com/i/2xVbU.png" title="завершить 2 своих списка">
<img src="http://funkyimg.com/i/2xVbV.png" title="20 комментов в творческой теме">
<img src="http://funkyimg.com/i/2xVbW.png" title="5 отзывов о дизайнах">
<img src="http://funkyimg.com/i/2xVbX.png" title="3 победы в конкурсах">
<img src="http://funkyimg.com/i/2xVbY.png" title="победа в личном зачете">
<img src="http://funkyimg.com/i/2xV2i.png" title="победа в 5 номинациях"></div></div>
<div class="ls_info_wrap" id="ls_gen_info5" style="display:none;">      
            </div>

</div></center>

<script src="https://forumstatic.ru/files/0013/92/40/45318.js"></script>

0

16

Код:
<!--HTML-->
      <div id="foton" class="fonfon"></div>
     <div id="fonimg" class="fonfon">

<div class="botanical"></div>
<div class="hospital"></div>
<div class="aquarium"></div>
<div class="cinema"></div>
<div class="island"></div>
<div class="bridge"></div>




 <div id="botanical"></div>
 <div id="hospital"></div>
 <div id="aquarium"></div>
 <div id="cinema"></div>
 <div id="island"></div>
 <div id="bridge"></div>




<!--окно ботанический сад-->
 <div class="etookno" id="botanica"> <div class="oknotitle">ботанический сад</div> </div>
              
         <!--окно больнички-->
        <div class="etookno" id="hospit">   <div class="oknotitle">Госпиталь</div> </div>

<!--окно аквариум-->
<div class="etookno" id="aquar"> <div class="oknotitle">Аквариум</div> </div>

         <!--окно кинотеатр-->
        <div class="etookno" id="cinem">   <div class="oknotitle">Кинотеатр</div> </div>

<!--окно остров-->
 <div class="etookno" id="isl"> <div class="oknotitle">Какой-то остров</div> </div>

        <!--окно мост-->
        <div class="etookno" id="brid">   <div class="oknotitle">Мост</div> </div>

</div>


 <script type="text/javascript">
$(document).ready(function(){
        $("#hospit").hide();
        $("#botanica").hide();
        $("#aquar").hide();
        $("#cinem").hide();
        $("#isl").hide();
        $("#brid").hide();

        
           $( "#foton").click(function() {
          $("#hospit").hide();
        $("#botanica").hide();
        $("#aquar").hide();
        $("#cinem").hide();
        $("#isl").hide();
        $("#brid").hide();
        $("#foton").fadeOut(1000);  
        });
        
           
        $( "#hospital").click(function() {
          $("#hospit").fadeIn(1000);
          $("#foton").show();  
        });

        $( "#botanical").click(function() {
          $("#botanica").fadeIn(1000);
          $("#foton").show();  
        });
        
        $( "#aquarium").click(function() {
          $("#aquar").fadeIn(1000);
          $("#foton").show();  
        });

        $( "#cinema").click(function() {
          $("#cinem").fadeIn(1000);
          $("#foton").show();  
        });

        $( "#island").click(function() {
          $("#isl").fadeIn(1000);
          $("#foton").show();  
        });

        $( "#bridge").click(function() {
          $("#brid").fadeIn(1000);
          $("#foton").show();  
        });



        });
        </script>






<link rel="stylesheet" type="text/css" href="" />
<style>    #foton {width: 348px; height: 467px; z-index: 200; background: #b8d4ef; opacity: 0.7; display: none;}
 .fonfon {width: 348px; height: 467px; position: absolute;        }
 #fonimg {  background-image: url("https://forumstatic.ru/files/0014/fb/ba/20977.png");  }
#botanical {position: absolute; width: 100px; height: 76px; cursor: pointer; top: 375px; left: 8px;}

.hospital {background-image: url(https://forumstatic.ru/files/0014/fb/ba/66742.png); position: absolute; left: 77px; top: 279px; width: 90px; height: 58px; z-index: 10; cursor: pointer; filter: grayscale(100%);}
.aquarium {background-image: url(https://forumstatic.ru/files/0014/fb/ba/87861.png); position: absolute; left: 191px; top: 216px; width: 75px; height: 58px; z-index: 8; cursor: pointer; filter: grayscale(100%);}
.cinema {background-image: url(https://forumstatic.ru/files/0014/fb/ba/20154.png); position: absolute; left: 59px; top: 190px; width: 98px; height: 60px; z-index: 6; cursor: pointer; filter: grayscale(100%);}
.island {background-image: url(https://forumstatic.ru/files/0014/fb/ba/30495.png); position: absolute; left: 123px; top: 65px; width: 86px; height: 78px; z-index: 2; cursor: pointer; filter: grayscale(100%);}
.bridge {background-image: url(https://forumstatic.ru/files/0014/fb/ba/69853.png); position: absolute; left: 217px; top: 20px; width: 102px; height: 58px; z-index: 4; cursor: pointer; filter: grayscale(100%);}

.etookno {position: absolute; top: 40px; left: 30px; width: 285px; z-index: 1000; height: 390px; background-color: #f6f6f6; border-radius: 10px; border-color: #b3c6d9; border-style: dotted; border-width: 1px; box-shadow: inset 0 0 7px #3d71a5, 0 0 7px #92b1d0;}
.oknotitle {    position: absolute;    text-align: center;    top: 3px;    width: 284px;    font-family: 'bebas neue';    color: rgba(218, 237, 255, 0.75);    font-size: 25px;    text-shadow: 1px 1px 1px rgba(101, 119, 152, 0.68), 0px -1px 1px #f3f5fb;}

  #hospital {position: absolute; width: 117px; height: 76px; top: 272px; left: 64px; cursor: pointer;  z-index: 200; }
  #aquarium {position: absolute; width: 98px; height: 76px; top: 210px; left: 187px; cursor: pointer; z-index: 200;}
#cinema {position: absolute; width: 95px; height: 76px; top: 184px; left: 44px; cursor: pointer; z-index: 200;}
#island {position: absolute; width: 84px; height: 88px; top: 65px; left: 130px; cursor: pointer; z-index: 200;} 
#bridge  {position: absolute; width: 112px; height: 76px; top: 11px; left: 214px; cursor: pointer; z-index: 200;}

</style> 

0


Вы здесь » test » налево от млечного пути » тест кодов


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