персонаж

Код:
<!--HTML-->
<script src="https://forumstatic.ru/files/0017/c9/ac/44882.js"></script>
<style>
.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%);}
.halloween {background-image: url(https://forumstatic.ru/files/0014/fb/ba/11276.png); position: absolute; left: 17px; top: 40px; width: 86px; height: 101px; z-index: 4; cursor: pointer; filter: grayscale(100%);}
</style>

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

        
           $( "#foton").click(function() {
          $("#hospit").hide();
        $("#botanica").hide();
        $("#aquar").hide();
        $("#cinem").hide();
        $("#isl").hide();
        $("#brid").hide();
        $("#hallow").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();  
        });

        $( "#halloween").click(function() {
          $("#hallow").fadeIn(1000);
          $("#foton").show();  
        });



        });
        </script>




<!--НАЧИНАЕМ СТАВИТЬ ВОТ ОТСЮДА-->




<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="baza_knopok">
            <div class="knopka" id="knopka_first"></div>
            <div class="knopka" id="knopka_second"></div>
            <div class="knopka" id="knopka_third"></div>
            <div class="knopka" id="knopka_fourth"></div>
            <div class="knopka" id="knopka_fifth"></div>
            </div>

<div class="wrap_ls" id="lichnoe01" style="background: url(

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


);"></div>
<div class="wrap_ls" style="display:none;" id="lichnoe02" >


      <div id="foton" class="fonfon"></div>
     <div id="fonimg" class="fonfon">

<div class="botanical"></div>
<div class="hospital"style="display:none;"></div>
<div class="aquarium"style="display:none;"></div>
<div class="cinema"style="display:none;"></div>
<div class="island"style="display:none;"></div>
<div class="bridge"style="display:none;"></div>
<div class="halloween"  style="display:none;"></div>



 <div id="botanical"></div>
 <div id="hospital" style="display:none;"></div>
 <div id="aquarium" style="display:none;"></div>
 <div id="cinema" style="display:none;"></div>
 <div id="island" style="display:none;"></div>
 <div id="bridge" style="display:none;"></div>
 <div id="halloween" style="display:none;"></div>




<!--окно ботанический сад-->
 <div class="etookno" id="botanica"> <div class="oknotitle">ботанический сад</div> <br> <br> <br>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybB2.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- заявка на нужного<br>
- расписать отношения с пятью<br>
- отправится на вечеринку*<br>
- оказаться в беде*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybB3.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- участие в трех конкурсах<br>
- участие в мафии<br>
- попасть в больницу*<br>
- услышать комплимент*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybB4.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- два поста в тиндере<br>
- одеть профиль в осенние тона<br>
- ущипнуть незнакомца за задницу*<br>
- оказать помощь*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybB5.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- открыть новый эпизод<br>
- сидеть два часа во флуд зоне<br>
- петь в душе*<br>
- порезать палец*<br>
</div></div></div>
</div>
              
         <!--окно больнички-->
        <div class="etookno" id="hospit">   <div class="oknotitle">Госпиталь</div>  <br> <br> <br>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xX7E.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- пост от 10 к.<br>
- 5 комментариев в творческих темах<br>
- устроить небольшой пожар на кухне*<br>
- сделать подарок*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xX7F.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- завершить эпизод<br>
- накопить 10% на карточку<br>
- сильно грустить*<br>
- съесть фаст-фуд*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xX7G.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- неделю каждый день менять аватар (скрины)<br>
- отзыв о дизайне<br>
- проспать встречу*<br>
- приготовить блюдо*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xX7H.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- перевести кому-то 1000$<br>
- выполнить два чужих желания<br>
- опрокинуть на себя кофе*<br>
- посетить свадьбу друзей*<br>
</div></div></div></div>

<!--окно аквариум-->
<div class="etookno" id="aquar"> <div class="oknotitle">Аквариум</div> <br> <br> <br> <div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybEB.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- 16 часов онлайн в профиле всего<br>
- сделать зачисление в банке более 700$<br>
- поссориться с соседом*<br>
- посетить Центральный парк*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybEC.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- собрать 4 марки<br>
- заработать сразу 2%<br>
- заказать 10 пицц*<br>
- не заплатить таксисту*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybED.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- 3 эпизода в хронологии<br>
- купить парные плашки<br>
- завести знакомство*<br>
- остаться допоздна на работе*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybEF.png); display:inline-block; margin-left:1px;filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- закрыть первый список желаний<br>
- добавить два своих желания<br>
- упасть и повредить колено*<br>
- посетить кафе*<br>
</div></div></div></div>

         <!--окно кинотеатр-->
        <div class="etookno" id="cinem">   <div class="oknotitle">Кинотеатр</div> <br> <br> <br>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xWj3.png); display:inline-block; margin-left:1px;filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- обновить все темы с играми<br>
- подарить плашку<br>
- поцеловать кого-то*<br>
- позвонить близкому*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xWj1.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- 100 соо за сутки<br>
- отзыв в топе<br>
- пить горячий напиток*<br>
- подкинуть монетку на удачу*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xWj2.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- подарить 2 иконки<br>
- обновить себе плашку<br>
- выпить лишнего*<br>
- испытывать свою удачу*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xWGG.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- ответить на пост в течении суток<br>
- подарить графику другу<br>
- опоздать на работу*<br>
- потерять вещь*<br>
</div></div></div> </div>

<!--окно остров-->
 <div class="etookno" id="isl"> <div class="oknotitle">Кони айленд</div> <br> <br> <br> <div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xY2X.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- написать пост от непривычного вам лица<br>
- сделать 3 комплемента амс<br>
- завести питомца*<br>
- съездить заграницу*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xY2Y.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- два раза обновить тему графики/дневник<br>
- 25 сообщений писать транслитом<br>
- спеть в караоке*<br>
- посетить вечеринку в честь рождения ребенка*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybJs.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- написать в лс 3 сплетни об участниках<br>
- предложить игру для обзора<br>
- скандалить с продавцом*<br>
- прокатиться на карусели*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2xY31.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- поставить в статусе свой грех<br>
- сфоткать горку конфет<br>
- увлечься новым хобби*<br>
- посетить театр*<br>
</div></div></div></div>

        <!--окно мост-->
        <div class="etookno" id="brid">   <div class="oknotitle">Мост</div><br> <br> <br> <div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybFf.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- купить внешность или рекламу для нужного<br>
- 3 поста в спидпостинге<br>
- смотреть любимый сериал*<br>
- быть укушенным*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybFg.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- сфоткать осень в своём городе<br>
- попасть в итоги<br>
- проиграть в казино*<br>
- стать свидетелем преступления*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybFh.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst"><br>
- 5 часов онлайн на форуме 
- посоветовать кому-то три сериала и три фильма<br>
- сходить в кинотеатр*<br>
- принять пенную ванну*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybFi.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- 10 комментариев к постам в тиндер<br>
- 25 плюсов за посты<br>
- сходить в гости*<br>
- потерять телефон*<br>
</div></div></div>

</div>

<!--окно остров-->
 <div class="etookno" id="hallow"> <div class="oknotitle">Город Хэллоуин</div> <br> <br> <br> <div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybGU.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- поставить 15 отметок "мне нравится" в темах<br>
- выяснить отношения с 3 игроками противоположного пола<br>
- надеть хеллоуинский костюм*<br>
- попросить "кошелек или жизнь"*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybGV.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- поставить статус "make roleviye great again" на двое суток<br>
- потратить 700 долларов<br>
- вырезать тыкву для вечеринки на Хеллоуин*<br>
- использовать чеснок в борьбе против вампиров*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybGW.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- порекомендовать биг 2 людям на ЛИЛе<br>
- говорить словами наоборот 20 сообщений подряд<br>
- придумать себе самый дурацкий костюм для вечеринки*<br>
- напиться огневиски*<br>
</div></div></div>
<div style="width: 160px; height: 160px; background-image: url(http://funkyimg.com/i/2ybGX.png); display:inline-block; margin-left:1px; filter: grayscale(100%);">
<div class="ostanovki_ls">
<div class="ostanovki_ls_tekst">
- говорить о своем любимом сериале 10 сообщений подряд <br>
- поставить лайк 10 понравившимся постам игроков<br>
- испугаться игрушечного паука*<br>
- ненавидеть клоунов*<br>
</div></div></div></div>

            </div></div>
            

<div class="wrap_ls" id="lichnoe03" style="display:none;">
             <div id="ls_zelanija">- освоиться на Манхеттене <br> - побывать и сделать фото у статуи свободы<br> - увидеть знаменитость<br>-  загадать желание на таймс сквер<br>-  избежать пробку</div>

<div id="ls_vipolnennie_zelanija"></div>

<div id="ls_ikonki"><div id="donuts_icon/starbucks_icon/burgerking_icon"></div> </div>

<div id="ls_bileti"><img src="http://funkyimg.com/i/2xY5o.png" style="display:none;"></div>

</div>
            


<div class="wrap_ls" id="lichnoe04" style="display:none;">      
            

<div id="ls_plashki">

<!--вставляем в код <img src=""><br> -->

<img src="http://sd.uploads.ru/DYLEV.png"><br>

</div>

<div id="ls_marki">
<!--меняем на marki_yes - если есть награда-->
<img src="http://funkyimg.com/i/2xUSq.png" class="marki_yes" title="житель Нью-Йорка">
<img src="http://funkyimg.com/i/2xV7X.png" class="marki_no" title="первый пост">
<img src="http://funkyimg.com/i/2xUMX.png" class="marki_no" title="20 постов">
<img src="http://funkyimg.com/i/2xUSo.png" class="marki_no" title="50 постов">
<img src="http://funkyimg.com/i/2xUSS.png" class="marki_no" title="30 постов в тиндере">
<img src="http://funkyimg.com/i/2xUM4.png" class="marki_no" title="написать пост на 15 тыс. символов">
<img src="http://funkyimg.com/i/2xUSB.png" class="marki_no" title="3 поста в сутки">
<img src="http://funkyimg.com/i/2xUMZ.png" class="marki_no" title="активист недели">
<img src="http://funkyimg.com/i/2xUMY.png " class="marki_no" title="300 сообщений за сутки">
<img src="http://funkyimg.com/i/2xUSC.png" class="marki_no" title="500 сообщений в профиле">
<img src="http://funkyimg.com/i/2xUSY.png" class="marki_no" title="2000 сообщений в профиле">
<img src="http://funkyimg.com/i/2xV7V.png" class="marki_no" title="5000 сообщений в профиле ">
<img src="http://funkyimg.com/i/2xV7W.png" class="marki_no" title="500 в репутации">
<img src="http://funkyimg.com/i/2xV8b.png" class="marki_no" title="500 в позитиве">
<img src="http://funkyimg.com/i/2xV8c.png" class="marki_no" title="ведение темы творчества [не менее 25 постов] ">
<img src="http://funkyimg.com/i/2xV8B.png" class="marki_no" title="победа в мафии">
<img src="http://funkyimg.com/i/2xUZ6.png" class="marki_no" title="3 отзыва на ТОПЕ">
<img src="http://funkyimg.com/i/2xUZD.png" class="marki_no" title="1 месяц на форуме">
<img src="http://funkyimg.com/i/2xUZ8.png" class="marki_no" title="3 месяца на форуме">
<img src="http://funkyimg.com/i/2xUZ9.png" class="marki_no" title="полгода на форуме">
<img src="http://funkyimg.com/i/2xUZa.png" class="marki_no" title="год на форуме">
<img src="http://funkyimg.com/i/2xUZE.png" class="marki_no" title="12 часов онлайна">
<img src="http://funkyimg.com/i/2xUZG.png" class="marki_no" title="неделя на форуме [сумма пребывания в профиле] ">
<img src="http://funkyimg.com/i/2xUZF.png" class="marki_no" title="100 реклам [за один подход]">
<img src="http://funkyimg.com/i/2xUZN.png" class="marki_no" title="350 реклам [общее кол-во оставленных реклам] ">
<img src="http://funkyimg.com/i/2xUZP.png" class="marki_no" title="15 подарочных аватаров ">
<img src="http://funkyimg.com/i/2xUZQ.png" class="marki_no" title="10% на карте">
<img src="http://funkyimg.com/i/2xUZH.png" class="marki_no" title="золотая карта">
<img src="http://funkyimg.com/i/2xV2j.png" class="marki_no" title="платиновая карта">
<img src="http://funkyimg.com/i/2xV2L.png" class="marki_no" title="прошел половину маршрута ">
<img src="http://funkyimg.com/i/2xV3f.png" class="marki_no" title="прошел весь маршрут">
<img src="http://funkyimg.com/i/2xVbL.png" class="marki_no" title="привел друга [наличие у него 2 постов] ">
<img src="http://funkyimg.com/i/2xVbM.png" class="marki_no" title="помощь администрации [выдается амс] ">
<img src="http://funkyimg.com/i/2xVbN.png" class="marki_no" title="ведение хронологии и отношений [не менее 5 шт в каждом]">
<img src="http://funkyimg.com/i/2xVbP.png" class="marki_no" title="подарил 10 иконок">
<img src="http://funkyimg.com/i/2xVbQ.png" class="marki_no" title="подарил 6 плашек">
<img src="http://funkyimg.com/i/2xVbR.png" class="marki_no" title="3 заявки в нужных персонажах">
<img src="http://funkyimg.com/i/2xVbS.png" class="marki_no" title="2 человека из хочу к вам [начата с ними игра]">
<img src="http://funkyimg.com/i/2xVbT.png" class="marki_no" title="исполнить 10 желаний из чужих списков">
<img src="http://funkyimg.com/i/2xVbU.png" class="marki_no" title="завершить 2 своих списка">
<img src="http://funkyimg.com/i/2xVbV.png" class="marki_no" title="20 комментов в творческой теме">
<img src="http://funkyimg.com/i/2xVbW.png" class="marki_no" title="5 отзывов о дизайнах">
<img src="http://funkyimg.com/i/2xVbX.png" class="marki_no" title="3 победы в конкурсах">
<img src="http://funkyimg.com/i/2xVbY.png" class="marki_no" title="победа в личном зачете">
<img src="http://funkyimg.com/i/2xV2i.png" class="marki_no" title="победа в 5 номинациях">
<img src="http://funkyimg.com/i/2xUZQ.png" class="marki_no" title="передал 2 привета">
<img src="http://funkyimg.com/i/2xVbP.png" class="marki_no" title="оказался в сплетне"> 
<img src="http://funkyimg.com/i/2ygNi.png" class="marki_no" title="прошел все поинты в одной игре"></div>

</div>



<div class="wrap_ls" id="lichnoe05" style="display:none;">      


<!--КОМАНДНАЯ КАРТА, УБИРАЕМ У НУЖНОЙ КАРТЫ STYLE="DISPLAY:NONE;"-->
<div id="ls_procenti">0%</div>
<div id="burgerking"></div>
<div id="starbucks" style="display:none;"></div>
<div id="donuts" style="display:none;"></div>

<div id="kuponi_ls"><img src=""></div>

            </div>

</div></center>