Energy Core

активисты

Mistwalkers

лица из акций

Post of the Month

Это какое-то издевательство. Дело совсем не в том, что Эйгон теперь работает на каких-то преступников. Он даже не то чтобы на них работает, хотя вряд ли его это спасет, если отец когда-нибудь узнает о том, что он натворил. Операция с флешкой прошла легко и успешно. Наверное. Эйгон не в курсе, что именно эта флешка - или программа, закаченная на нее - делают. читать далее: Spa days make me feel alive
Правила форума Сюжет Хронология Карта О мире Внешности Роли Способности

disshi

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

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

Вы здесь » disshi » Мат часть » какая то

какая то

Страница: 1

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

1

  • Автор: Shilya
  • Администратор
  • Shilya
  • Сообщений: 155
  • Уважение: +1
  • 590
  • Далли Брут, 36Пирокинез:
    способность управления огнём
    с возможностью создавать его при помощи силы мысли.
  • url('https://upforme.ru/uploads/0018/1f/c9/2/180037.jpg')

аквм

0

2

  • Автор: ellarias
  • Участник
  • ellarias
  • Сообщений: 19
  • Уважение: +1

[html]
<style type="text/css">
.vera-hold { position: relative;  width: 680px; height:  350px; clear: both; overflow: hidden; }
.vera-tab { float: left; }
.vera-tab label {  transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; width: 125px; font-weight: 800; text-transform: uppercase; padding-top: 10px; margin-left:5px;padding-bottom: 10px;  text-align: center; font-size: 9px; text-transform: uppercase; line-height: 100%; display: block; letter-spacing: px; color: #000; background-color: #55aa78 ; border-radius: 15px 15px 0px 0px; }
.vera-hold .vera-tab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.vera-content { width: 680px; height: 300px; padding: 5px; background-color: #d6d4d4; position: absolute; -moz-transition-duration: .9s; -o-transition-duration: .9s; overflow: hidden; top: 500px; bottom: 0px; left: 0px; right: 0px; }
.vera-hold .vera-tab [type=radio]:checked ~ label { background: #d6d4d4; z-index: 2; }
.vera-hold .vera-tab [type=radio]:checked ~ label ~ .vera-content { z-index: 1; top: 27px; }
.vera-container { width: 700px;margin: auto; overflow: hidden;}
.vera-top { background-image: url('https://upforme.ru/uploads/0018/1f/c9/2/492907.png'); color: #55aa78; ; text-align: center; font-weight: 800; padding: 10px; width: 680px; text-transform: uppercase; border-radius: 30px 30px 0px 0px; font-size: 15px;  padding-top:10px;  letter-spacing: 1px; }
.vera-tab-image { width: 680px; height: 350px; margin-left: -5px; margin-top: -5px; background-image:url(http://placehold.it/500x25); }
.vera-bottom { background-color: #452632; font-family: times new roman; font-size: 11px; text-transform: lowercase; font-style: italic; letter-spacing: 1px; color: #fff; text-align: center; padding: 25px; margin: auto; width: 450px; margin-top:-75px; }
.vera-content-content { padding: px; border: px solid #E8BF56; width: 668px;  font-family: times new roman; font-size: 11px; text-align: justify; height:295px; margin-top: 4px;  display: flex; flex-direction: row;  }
.vera-content-text { width: 60px; height: 350px; overflow: hidden; padding: 5px; margin-left: 5px; border-top: 1px solid #452632; border-bottom: 1px solid #452632;}
.vera-content-text-2 { width: 680px; height: 350px; padding: 5px; overflow: auto; padding-right: 1px; text-align: justify; font-family: times new roman; font-size: 11px; line-height: 105%;}
.love-vera { width: 410px; padding: 2px; text-align: right; color: #D69640; text-transform: uppercase; font-family: calibri; font-size: 8px; text-transform: uppercase; margin: auto; }
.love-vera a { color: #452632; }
.back {
position: relative;
width: 680px;
background-image: url('https://upforme.ru/uploads/0018/1f/c9/2/492907.png');
}
.vera-content img {
position: ;
display: block;
width: 180px;
height: 180px;
margin-left: 10px;
margin-top: 10px;
}
.inventar {
width: 658px;
height: 90px;
margin-left: 10px;
margin-top: 10px;
border-radius: 10px;
font-size: 34px;
            background-color: #999999;
       
            border-radius: 10px;
            padding-left: px;;
       
word-break: break-word;
overflow-y: scroll;
-ms-overflow-style: none; 
scrollbar-width: none;
 
}
.scrollbox img {
width: 80px;
height: 80px;
margin-top: 0px;
margin-left: 11px;
margin-bottom: 10px;
display: inline;
transition: transform 0.5s ease;

}
.scrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);

}
.decrp {
position: absolute;
margin-left: 200px;
margin-top: -180px;
margin-bottom: 4px;
width: 470px;
height: 180px;
background: #999999;
text-align: center;
text-transform: uppercase;
font-weight: 800;
}
.decrp2 {
position: absolute;
margin-left: 205px;
margin-top: -154px;
padding-right: 5px;
width: 460px;
height: 150px;
background: ;
text-align: justify;
font-size: 13px;
font-weight: 400;
overflow-y: scroll;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.ex {
position: absolute;
width: auto;
border-radius: 30px;
padding-right: 5px;
padding-left: 5px;
height: px;
background: #55aa78;
margin-top: 170px;
margin-left: 5px;
text-align: center;
font-size: 13px;
font-weight: 700;
}
.awards {
width: 300px;
height: 250px;
background: #999999;
margin-right: 20px;
margin-left: 25px;
margin-top: 30px;
border-radius: 0px 20px 20px 20px;
}
.presents {
width: 300px;
height: 250px;
background: #999999;
margin-top: 30px;
border-radius: 20px 0px 20px 20px;

}
.awards img {
width: 80px;
height: 80px;
margin-top: 10px;
display: inline;
transition: transform 0.5s ease;

}
.awards img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.awardsscrollbox {
width: 290px;
height: 230px;
margin-right: 20px;
margin-left: 10px;
margin-top: 10px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.presents img {
width: 80px;
height: 80px;
margin-top: 10px;
display: inline;
transition: transform 0.5s ease;

}
.presents img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.presentsscrollbox {
width: 290px;
height: 230px;
margin-right: 20px;
margin-left: 10px;
margin-top: 10px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.awardstitle {
color: black;
position: absolute;
font-size: 45px;
font-weight: 800;
margin-top: -33px;
margin-left: -5px;

}
.presentstitle {
position: absolute;
font-size: 45px;
font-weight: 800;
margin-top: -33px;
margin-left: 127px;
}

.bars {
border-radius: 10px;
margin-left: 60px;
margin-top: px;

width: 550px;
height: 188px;
background: #999999;
}
.barsscrollbox {
width: 4;
height: 188px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.barsscrollbox img {
margin-left: 34px;
width: 219px;
height: 34px;
display: inline-block;
transition: transform 0.5s ease;

}
.barsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.header1 {
margin-top: 26px;
margin-left: 200px;
position: absolute;
background: ##55aa78;
z-index: 1;
width: 470px;
font-size: 11px;
font-weight: 700;
text-align: center

}
.tooltip {
  position: relative;
  display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
opacity: 0;
    transition: opacity 3s;
  width: 100px;
  background-color: #000;
  color: #55aa78;
  text-align: center;
font-size: 10px;
  padding: 2px 2px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  margin-left: 19px;
margin-top: 25px;
position: absolute;
  z-index: 1;
line-height: 10px;
font-weight: 600
   
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.coupons {
border-radius: 10px;
margin-left: 60px;
margin-top: -101px;
width: 550px;
height: 90px;
background: #999999;
}
.couponsscrollbox {
width: 550px;;
height: 100px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.couponsscrollbox img {
width: 80px;
height: 80px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
display: inline;
transition: transform 0.5s ease;

}
.couponsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}

.backgrounds {
border-radius: 10px;
margin-left: 60px;
margin-top: px;

width: 550px;
height: 230px;
background: #999999;
}
.backgroundsscrollbox {
width: 4;
height: 230px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.backgroundsscrollbox img {
margin-left: 34px;
width: 219px;
height: 54px;
display: inline-block;
transition: transform 0.5s ease;

}
.backgroundsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.header1 {
margin-top: 26px;
margin-left: 200px;
position: absolute;
background: #55aa78;
z-index: 1;
width: 470px;
font-size: 11px;
font-weight: 700;
text-align: center

}
.tooltip {
  position: relative;
  display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
opacity: 0;
    transition: opacity 3s;
  width: 100px;
  background-color: #000;
  color: #55aa78;
  text-align: center;
font-size: 10px;
  padding: 2px 2px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  margin-left: 19px;
margin-top: 25px;
position: absolute;
  z-index: 1;
line-height: 10px;
font-weight: 600
   
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.icons {
border-radius: 10px;
margin-left: 60px;
margin-top: -54px;
width: 550px;
height: 40px;
background: #999999;
}
.iconsscrollbox {
width: 550px;;
height: 50px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.iconsscrollbox img {
width: 30px;
height: 30px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
display: inline;
transition: transform 0.5s ease;

}
.iconsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
</style>

<div class="vera-container">

<div class="vera-top">Идентификационная карта аберранта 060226193</div>

<div class="back"><div class="vera-hold"><div class="vera-tab"><input type="radio" id="vera-tab-1" name="vera-tab-group-1" checked><label for="vera-tab-1">Общая информация</label>
<div class="vera-content"><div class="vera-tab-image"><div class="header1"> возраст ● чел/абер ● гражданство ● соц роль ● абилка, уровень</div><div class="ex">ЦУДА</div><img src="ФИЗИОНОМИЯ"><div class="decrp"><span style="color:#white; font-size: 21px; ">ИМЯ БЛЯДЬ (ПОЗЫВНОЙ) </span></div><div class="decrp2"><br><span style="font-weight: 800;">Район проживания:</span> название<br> <span style="font-weight: 800; ">Семья:</span> родственники; <br><span style="font-weight: 800; ">Социальная роль: </span>гордая блядь;<br> <span style="font-weight: 800; ">Особые приметы: </span>купола на всю грудь и сердечко на жопе;<br> <span style="font-weight: 800; padding-bottom: 45px; ">Пометки из личного дела:  </span> + 1 к броску; -1 от броска  — напоминаем, что индивидуальные особенности персонажи действительны только в квестах.</div><div class="inventar"><div class="scrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Название:
<br>описание</span><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Название:
<br>краткое описание (несколько слов о свойствах)</span><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"></div><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"></div></div></div></div></div>

<div class="vera-tab"><input type="radio" id="vera-tab-2" name="vera-tab-group-1"><label for="vera-tab-2">Награды и подарки</label><div class="vera-content"><div class="vera-content-content"><div class="awards"><div class="awardstitle">Награды</div><div class="awardsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 50px;">за принятие в игру</span><img src="https://upforme.ru/uploads/001c/67/60/2/418464.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 50px;">за что</span><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"></div><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"></div></div><div class="presents"><div class="presentstitle">Подарки</div><div class="presentsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 50px;">описание подарка</span><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"></div><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"></div></div></div> </div></div>

<div class="vera-tab"><input type="radio" id="vera-tab-3" name="vera-tab-group-1"><label for="vera-tab-3">Плашки и купоны</label><div class="vera-content"><div class="vera-content-content"><div class="bars"><div class="barsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">дефолтная плашка</span><img src="https://upforme.ru/uploads/001c/9a/71/10/381921.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div></div></div></div><div class="coupons"><div class="couponsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 1:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 2:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 3:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 4:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 5:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: -50px; top: 45px;">Купон 6:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div></div></div></div></div>

<div class="vera-tab"><input type="radio" id="vera-tab-4" name="vera-tab-group-1"><label for="vera-tab-4">Фоны и иконки</label><div class="vera-content"><div class="vera-content-content"><div class="backgrounds"><div class="backgroundsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">дефолтная плашка</span><img src="https://upforme.ru/uploads/001c/9a/71/10/381921.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div></div></div></div><div class="icons"><div class="iconsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 1:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 2:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 3:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 4:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 5:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: -50px; top: 45px;">Купон 6:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div></div></div></div>

[/html]

Отредактировано ellarias (2026-05-31 21:32:05)

0

3

  • Автор: ellarias
  • Участник
  • ellarias
  • Сообщений: 19
  • Уважение: +1

[hideprofile]
[html]<style>
.mainheader {
height: auto;
width: 100%;
background-color: #0a8e5c;
text-align: center;
padding: 5px;
}

.mainheader text{
color: #000 ;
font-size: 25px;
padding: 50px;
font-weight: 900
}
.bigboss text2{
font-size: 13px;
}
.bigboss {
height: auto;
width: 100%;
background-color: white;
text-align: center;
padding: 5px;

}
</style>
<div class="mainheader"><text>БЛОК I：ЦУДА (филиал  «Нортбэй»)</div><div class="bigboss"><text2><b>Центральное управление по делам аберрантов </div>
[/html]

Главное управление ЗАТО

Глава администрации: Франциска УортонНПС

Начальник гарнизона: Брюс ГилморНПС

Гарнизон

Отдел медицинской помощи

Следственный отдел

Отдел специального назначения

Руководитель:
noor de jong

Руководитель:
aigo wei (акция)(заместитель начальника гарнизона)

Командир:ПРИДЕРЖАНО

Медики:

Старшие следователи: х

Старшие офицеры: х

имя, фамилия, должность (специализация)

violetta firance`dias
leonard kennedy (судмедэксперт)
bulat istakov (инструктор тренировочного центра)

richard o`connor
blake snake
ethan wood

Cледователи/полевые агенты:

Офицеры:


mokou sawada
shimadzu arata (криминалист)
marius lang (следователь)
marina avdeeva (акция)
malte jonsson (акция)

yuri kaledin
matteo costa
kira santos (инструктор тренировочного центра)
noah (акция) (таможенник на КПП)
hashimoto haruka (акция)

Интерны:

Стажеры:

Курсанты:

студенты

axel jonsson
kelly o`donnell
aneli santiago (акция)

Другие

Постоянные сотрудники:
steve thornton (окружной прокурор ЗАТО Нортбэй)
johnny castle (телохранитель заведующего отделом ФТИ МНИЦ)
rosa auberleen (акция) (телохранитель главы администрации Нортбэя)
kurt weber (акция) (личный охранник начальника гарнизона)
charlie walcott(акция) (телохранитель директора МНИЦ)

Сотрудники временного найма:
vincent morgan (командир группы внутренних расследований/старший следователь главного штаба)

[html]<style>
.mainheader {
height: auto;
width: 100%;
background-color: #0a8e5c;;
text-align: center;
padding: 5px;
margin-top: 5px;
}
.mainheader h1 {
margin-left: 0px;
font-size: 14px;
font-weight: 900
}
.mainheader text{
color: #000 ;
font-size: 25px;
padding: 0px;
font-weight: 900
}
.bigboss text2{
font-size: 13px;
}
.bigboss {
height: auto;
width: 100%;
background-color: white;
text-align: center;
padding: 5px;

}
</style>
<div class="mainheader"><text>БЛОК II：МНИЦ<br></div>
<div class="bigboss"><text2><b>Международный научно-исследовательский центр</div>
[/html]

Директор: Жан МороНПС

Отдел радиобиологии

Заведующий: jade winter

Старшие научные сотрудники:

Младшие научные сотрудники:
valerie rousseau (акция) (инженер радиационных профилей)

Лаборанты:

Отдел изучения психологии и физиологии аберрантов

Заведующий:

Старшие научные сотрудники:
white snake (клинический психотерапевт)
aaron o`riley (акция) (инженер-генетик)

Младшие научные сотрудники:

Лаборанты:

Отдел фармако-технологических инноваций

Заведующий: maeve mcblair

Старшие научные сотрудники:
chen yu (ведущий научный сотрудник, специализирующийся на исследовании «поглощения»)

Младшие научные сотрудники:
arina merzlykh (акция) (техник-оператор биосканеров и механических средств блокировки способностей)

Лаборанты:

Другие

Постоянные сотрудники:

Сотрудники временного найма:

[html]<style>
.mainheader {
height: auto;
width: 100%;
background-color: #0a8e5c;
text-align: center;
padding: 5px;
}

.mainheader text{
color: #000 ;
font-size: 25px;
padding: 50px;
font-weight: 900
}
.bigboss text2{
font-size: 13px;
}
.bigboss {
height: auto;
width: 100%;
background-color: white;
text-align: center;
padding: 5px;

}
</style>
<div class="mainheader"><text>БЛОК III：БАНДЫ</div><div class="bigboss"><text2><b>Преступные группировки Вега и Алиот</div>
[/html]

Алиот

Лидер: ВидарНПС

Доверенное лицо: МицарНПС

Куратор Нортбэя: nathan walker

Разведка и вербовка

Силовая структура

Связист: имя
***
vladla varlova
ezra caldwell
celeste de lorne
ioannes gladman
little mermaid (акция)

Связист:  kieran gjerde
***
подчиненный 1

Логистика и финансы

Научно-техническое обеспечение

Связист: frederique de montreval
***
noah (акция) (контрабандистка Алиот на КПП)

Связист:  joseph reese
***
seth nelson

Новозавербованные (шестерки)

имя

Вега

Лидер: АльфаНПС

Бета: l. da vinci

Гамма: ПРИДЕРЖАНО

Координатор (правая рука Беты): bulat istakov

Координатор (Правая рука Гаммы): gautier

Оперативники:

Силовая группа Бета:

Снабженцы:

Силовая группа Гамма:

christian becker (информатор)
имя2
имя3

ian foster
bellona (телохранитель беты)
reynard hunt
red

jean bouchard (производитель наркотика "Афродита")
kinley briggs (барыга-посредник)
dalli brutus (врач)
pied piper (акция) (хакер Веги (перепрошивка чипов))

имя1
имя2
имя3

Новозавербованные (шестерки)

Прочие

имя

blue — партнер

[html]

<style>
.mainheader {
height: auto;
width: 100%;
background-color: #0a8e5c;;
text-align: center;
padding: 5px;
}

.mainheader text{
color: #000;
font-size: 25px;
padding: 50px;
font-weight: 900
}
.bigboss text2{
font-size: 13px;
}
.bigboss {
height: auto;
width: 100%;
background-color: white;
text-align: center;
padding: 5px;

}
</style>
<div class="mainheader"><text>БЛОК IV：ГРАЖДАНСКИЕ</div>
<div class="bigboss"><text2><b>Мирные граждане</div>
[/html]

Образование

Сфера услуг

jean bouchard (студент медицинского факультета университета Нортбэя)
egon mueller (студент бизнес-факультета, университет Нортбэя)
john doe (студент, спортсмен)
amrita bakshi (школьница/курьер)
anna reka (акция) (учитель начальных классов)
wilhelm lantz (акция) (преподаватель права, истории и социологии)


shayla, o`neil (владелец цветочной лавки "The Chlorophyl Nexus")
william o`connor (владелец ирландского бара «Келпи»)
vladla varlova (эскорт)
joseph reese (хирург общей практики)
haru kato (стример, летсплеер, модель онлифанс)
seth nelson (пластический хирург)
radosh danilovich (парамедик на скорой)
christian becker (владелец казино «Поцелуй Лакшми»)
kieran gjerde (зам. директора аукционного дома "Орион")
maximilian crawford (оценщик Дома Орион)
blake steele (владелец тренировочного зала, тренер)
reynard hunt (управляющий бойцовского клуба «Клетка»)
frederique de montreval ( ведущий аудитор в компании F. DE MON & CO.)
red (владелец мастерской по ремонту мотоциклов «Revolver»)
eileen o`connor (журналист)
ioannes gladman (водитель)
pied piper (акция) (айтишник)
yang lee (акция) (ритуальный агент)
crina adamache (акция) (владелица кофейни)

Искусство и культура: 

Иждевенцы и безработные

solveig o`connor (художник и реставратор)
ian foster (руководитель отдела выставок в картинной галерее)
lyle goldfish (свободный музыкант)
luka blagoveshchenskiy (эстрадный артист)
trixie lure (звукорежиссер, пишет треки)
asteria gjerde (искусствовед)
dolly (акция) (библиотекарь, мошенница)
danielle adnet (акция) (СМИ: анонимный блогер)

dalli brutus (полевой медик в отставке)

Стрип-клуб Эдем (Вега): 

Ресторан Фронтера (Алиот):

gautier (владелец стрип-клуба Эдем, сутенёр)
***
lilitu (стриптизер в клубе Эдем)
charlotte hofmann (сотрудница фирмы по финансовому анализу и бухгалтерскому делу «KontrollMaster», финансист Эдема)
shon (стриптизер)

nathan walker (владелец ресторана FRONTERA)
***
ezra caldwell (официант)

Для внесения вас в список ролей заполните один следующий шаблон:
Блок I: ЦУДА

Код:
отдел
[code*][url=ссылка на профиль]имя, фамилия[/url] (должность/специализация (медсестра, хирург и т.д.) для медиков)[/code*]

Блок II: МНИЦ

Код:
отдел
[code*][url=ссылка на профиль]имя, фамилия[/url] (должность)[/code*]

Блок III: Гражданские/Блок IV: Банды

Код:
Место работы (если выделено в отдельную ячейку (как Эдем или Фронтера), если не в отдельной ячейке — уберите эту строчку
[code*][url=ссылка на профиль]имя, фамилия[/url] (должность)[/code*]

Блок IV: Банды

Код:
Название банды, роль
[code*][url=ссылка на профиль]имя, фамилия[/url][/code*]

Не забывайте убирать звездочки у [*code]

Отредактировано ellarias (2026-06-07 22:53:57)

0

4

  • Автор: ellarias
  • Участник
  • ellarias
  • Сообщений: 19
  • Уважение: +1

[hideprofile][html]
<style>
/* Основной контейнер */
#nb-store-container {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    color: #333;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    gap: 30px;
}

/* Примерочная (Левая часть) */
.nb-preview-side {
    width: 350px;
    text-align: center;
}

.nb-preview-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 10px;
    display: block;
}

/* Конструктор карточки профиля */
.nb-card {
    width: 250px;
    height: 320px;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border: 1px solid #eee;
    transition: 0.3s;
    background-color: #f9f9f9; /* Дефолтный фон */
}

.nb-card-inner {
    background: rgba(255,255,255,0.85);
    margin: 20px 15px;
    height: 250px;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nb-avatar-frame {
    width: 180px;
    height: 180px;
 
    border: px solid #fff;
    overflow: hidden;
}

.nb-avatar-frame img { width: 100%; height: 100%; object-fit: cover; }

.nb-tag-preview {
    margin-top: auto;
    width: 100%;
    height: 30px;
    background-size: cover;
    font-size: 8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
}

/* Секция для вставки ссылки на аватар */
.nb-avatar-input-section {
    margin-top: 15px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 8px;
    text-align: left;
}

.nb-avatar-input-section label {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    color: #666;
    display: block;
    margin-bottom: 5px;
}

.nb-avatar-input-section input {
    width: calc(100% - 12px);
    padding: 6px;
    font-size: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 5px;
}

.nb-avatar-input-section button {
    background: #8e44ad;
    color: white;
    border: none;
    padding: 4px 10px;
    font-size: 10px;
    border-radius: 15px;
    cursor: pointer;
    width: 100%;
}

.nb-avatar-input-section button:hover {
    background: #d88eb5;
}

/* Магазин (Правая часть) */
.nb-shop-side {
    flex: 1;
}

.nb-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.nb-tab-btn {
    cursor: pointer;
    padding: 8px 15px;
    background: #8e44ad;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    border: none;
}

.nb-tab-btn.active { background: #d88eb5; }

/* Сетка товаров */
.nb-items-grid {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.nb-items-grid.active { display: grid; }

.nb-item {
    border: 1px solid #eee;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    transition: 0.2s;
}

.nb-item:hover { border-color: #8e44ad; }

.nb-item img {
    max-width: 100%;
    height: 40px;
    object-fit: cover;
    display: block;
    margin-bottom: 5px;
}

.nb-item span { font-size: 9px; color: #777; }
</style>

<div id="nb-store-container">
   
    <!-- ПРИМЕРОЧНАЯ -->
    <div class="nb-preview-side">
        <span class="nb-preview-title">примерочная:</span>
        <div class="nb-card" id="main-preview-bg">
            <div class="nb-card-inner">
                <div class="nb-icon-box" id="main-preview-icon" style="font-size: 16px; margin-bottom: 5px;">🎮</div>
                <div style="font-size: 11px; font-weight: bold;">player</div>
                <div class="nb-avatar-frame">
                    <img src="https://via.placeholder.com/60" id="main-preview-avatar" alt="avatar">
                </div>
                <div style="font-size: 9px; margin-top: 10px; line-height: 1;">custom text description</div>
                <div class="nb-tag-preview" id="main-preview-tag" style="background-color: #ccc;">
                    выбранная плашка
                </div>
            </div>
        </div>
       
        <!-- НОВАЯ СЕКЦИЯ: ССЫЛКА НА АВАТАР -->
        <div class="nb-avatar-input-section">
            <label>🔗 Ссылка на аватар</label>
            <input type="text" id="avatar-url-input" placeholder="https://example.com/avatar.png">
            <button onclick="updateAvatar()">Надеть аватар</button>
            <button onclick="resetAvatar()" style="background: #aaa; margin-top: 3px;">Сбросить</button>
        </div>
    </div>

    <!-- КОНТЕНТ МАГАЗИНА -->
    <div class="nb-shop-side">
        <p style="font-size: 12px;">Выберите категорию и нажмите на предмет для примерки:</p>
       
        <div class="nb-tabs">
            <button class="nb-tab-btn active" onclick="openShopTab(event, 'tab-bg')">фоны</button>
            <button class="nb-tab-btn" onclick="openShopTab(event, 'tab-tags')">плашки</button>
            <button class="nb-tab-btn" onclick="openShopTab(event, 'tab-icons')">иконки</button>
        </div>

        <!-- КАТЕГОРИЯ: ФОНЫ -->
        <div id="tab-bg" class="nb-items-grid active">
            <div class="nb-item" onclick="applyStyle('bg', 'https://img.freepik.com/free-vector/abstract-watercolor-background_23-2149021815.jpg')">
                <img src="https://img.freepik.com/free-vector/abstract-watercolor-background_23-2149021815.jpg">
                <span>Акварель (1000ж)</span>
            </div>
            <div class="nb-item" onclick="applyStyle('bg', 'https://img.freepik.com/free-photo/abstract-textured-backgound_23-2148182995.jpg')">
                <img src="https://img.freepik.com/free-photo/abstract-textured-backgound_23-2148182995.jpg">
                <span>Графит (1000ж)</span>
            </div>
        </div>

        <!-- КАТЕГОРИЯ: ПЛАШКИ -->
        <div id="tab-tags" class="nb-items-grid">
            <div class="nb-item" onclick="applyStyle('tag', 'background: linear-gradient(45deg, #2c3e50, #000); color: #fff;', 'NIGHT CITIZEN')">
                <div style="background: #2c3e50; height: 20px; border-radius: 4px;"></div>
                <span>Night (700ж)</span>
            </div>
            <div class="nb-item" onclick="applyStyle('tag', 'background: linear-gradient(45deg, #e74c3c, #c0392b); color: #fff;', 'MILITARY')">
                <div style="background: #e74c3c; height: 20px; border-radius: 4px;"></div>
                <span>Military (700ж)</span>
            </div>
        </div>

        <!-- КАТЕГОРИЯ: ИКОНКИ -->
        <div id="tab-icons" class="nb-items-grid">
            <div class="nb-item" onclick="applyStyle('icon', '🔮')">
                <div style="font-size: 20px;">🔮</div>
                <span>Magic (300ж)</span>
            </div>
            <div class="nb-item" onclick="applyStyle('icon', '🧬')">
                <div style="font-size: 20px;">🧬</div>
                <span>Science (300ж)</span>
            </div>
        </div>
    </div>
</div>

<script>
function openShopTab(evt, tabName) {
    var i, grid, tablinks;
    grid = document.getElementsByClassName("nb-items-grid");
    for (i = 0; i < grid.length; i++) { grid[i].classList.remove("active"); }
    tablinks = document.getElementsByClassName("nb-tab-btn");
    for (i = 0; i < tablinks.length; i++) { tablinks[i].classList.remove("active"); }
    document.getElementById(tabName).classList.add("active");
    evt.currentTarget.classList.add("active");
}

function applyStyle(type, value, text) {
    if(type === 'bg') {
        document.getElementById('main-preview-bg').style.backgroundImage = 'url(' + value + ')';
    }
    if(type === 'tag') {
        let tag = document.getElementById('main-preview-tag');
        tag.style.cssText = value;
        tag.innerText = text;
    }
    if(type === 'icon') {
        document.getElementById('main-preview-icon').innerText = value;
    }
}

// Функция для обновления аватара по ссылке
function updateAvatar() {
    const url = document.getElementById('avatar-url-input').value.trim();
    const avatarImg = document.getElementById('main-preview-avatar');
   
    if (url) {
        avatarImg.src = url;
        // Обработка ошибки загрузки
        avatarImg.onerror = function() {
            alert('Не удалось загрузить изображение по указанной ссылке. Проверьте URL.');
            avatarImg.src = 'https://via.placeholder.com/60?text=error';
        };
    } else {
        alert('Пожалуйста, введите ссылку на изображение');
    }
}

// Функция для сброса аватара на стандартный
function resetAvatar() {
    document.getElementById('main-preview-avatar').src = 'https://via.placeholder.com/60';
    document.getElementById('avatar-url-input').value = '';
}
</script>
[/html]

0

5

  • Автор: ellarias
  • Участник
  • ellarias
  • Сообщений: 19
  • Уважение: +1

[hideprofile]
[html]
<style>
.map {
margin: auto;

width: 890px;
height: 690px;
background-image: url("https://upforme.ru/uploads/0018/1f/c9/4/182952.png");
background-size: cover;
}
.object {
background-color: #fff;
width: 15px;
height: 15px;
padding: 1px;
margin: 10px;
border-radius: 50%;
text-align: center;
}
.tooltip {
  position: relative;
  display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
opacity: 0;
    transition: opacity 3s;
  width: 150px;
  background-color: #fff;
  color: #000;
  text-align: center;
font-size: 11px;
  padding: 5px 5px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  margin-left: 19px;
margin-top: 25px;
  position: absolute;
  z-index: 1;
line-height: 12px;
font-weight: 700
   
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
</style>
<div class="map"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 392px; top: 395px;">Главная больница:
<br>2 корпуса, расположенные через дорогу друг от друга</span><div class="object" style="position: absolute; left: 392px; top: 395px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p25"><img src="https://upforme.ru/uploads/0018/1f/c9/4/970406.png" style="width: 15px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 667px; top: 586px;">Городское кладбище</span><div class="object" style="position: absolute; left: 667px; top: 586px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p23"><img src="https://upforme.ru/uploads/001c/67/60/4/448807.png" style="width: 15px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 659px; top: 575px;">Заброшенный квартал</span><div class="object" style="position: absolute; left: 739px; top: 575px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p23"><img src="https://upforme.ru/uploads/001c/67/60/4/379209.png
" style="width: 13px; height: 12px; padding: 1px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 669px; top: 480px;">Стрип-клуб "Эдем": Вега;<br>Бойцовский клуб "Клетка": Вега</span><div class="object" style="position: absolute; left: 739px; top: 475px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p24"><img src="https://upforme.ru/uploads/001c/67/60/2/227665.png
" style="width: 15px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 622px; top: 505px;">Лесопарковая зона</span><div class="object" style="position: absolute; left: 779px; top: 540px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p23"><img src="https://upforme.ru/uploads/0018/1f/c9/4/725076.png
" style="width: 16px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 616px; top: 486px;">Жилой район округа Иствиллидж: <br>6 небольших кварталов. Считается самым неблагополучным в Нортбэе.</span><div class="object" style="position: absolute; left: 616px; top: 486px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p23"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 489px; top: 518px;">Торгово-развлекательный центр Nova</span><div class="object" style="position: absolute; left: 489px; top: 518px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p23"><img src="https://upforme.ru/uploads/0018/1f/c9/4/210855.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 459px; top: 518px;">Площадь Nova: <br>на площади проводятся различные мероприятия: от ярмарок до концертов</span><div class="object" style="position: absolute; left: 457px; top: 507px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p23"><img src="https://upforme.ru/uploads/0018/1f/c9/4/411870.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 365px; top: 529px;">Жилой квартал №2 округа Саусхиллз  </span><div class="object" style="position: absolute; left: 365px; top: 529px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p27"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 235px; top: 442px;">Жилой квартал №1 округа Саусхиллз : в основном в этом квартале селятся люди </span><div class="object" style="position: absolute; left: 235px; top: 442px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p27"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 170px; top: 386px;">Жилой квартал №2 округа Вестпарк: здесь находятся общежития для приезжих научных сотрудников и студентов, а также дома, выделяемые МНИЦ для сотрудников не научных отделов </span><div class="object" style="position: absolute; left: 170px; top: 386px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 145px; top: 320px;">Жилой квартал №1 округа Вестпарк: квартал полностью отведен под нужды научных сотрудников МНИЦ</span><div class="object" style="position: absolute; left: 145px; top: 320px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 177px; top: 228px;">Городской музей Нортбэя</span><div class="object" style="position: absolute; left: 177px; top: 228px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/0018/1f/c9/4/411870.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 35px; top: 262px;">МНИЦ</span><div class="object" style="position: absolute; left: 35px; top: 262px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/001c/9a/71/2/261757.png
" style="width: 15px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 102px; top: 249px;">Общежития для руководства и старших научных сотрудников МНИЦ, 2 корпуса</span><div class="object" style="position: absolute; left: 102px; top: 249px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 104px; top: 134px;">Склады МНИЦ</span><div class="object" style="position: absolute; left: 104px; top: 134px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/0018/1f/c9/4/811618.png
" style="width: 13px; height: 14px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 205px; top: 82px;">Коттеджный поселок округа Гринкост, элитный жилой район, расположенный в центре в лесного массива с выходом к частному пляжу</span><div class="object" style="position: absolute; left: 205px; top: 82px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p20"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 224px; top: 55px;">Частный пляж, вход только для резидентов коттеджного поселка</span><div class="object" style="position: absolute; left: 224px; top: 55px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p20"><img src="https://upforme.ru/uploads/001c/67/60/4/432509.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 264px; top: 98px;">Городской пляж</span><div class="object" style="position: absolute; left: 264px; top: 98px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p20"><img src="https://upforme.ru/uploads/001c/67/60/4/432509.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 291px; top: 148px;">Старый маяк</span><div class="object" style="position: absolute; left: 354px; top: 148px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p20"><img src="https://upforme.ru/uploads/0018/1f/c9/4/654805.png
" style="width: 13px; height: 14px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 254px; top: 143px;">Ресторан "Frontera": Алиот</span><div class="object" style="position: absolute; left: 251px; top: 145px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p20"><img src="https://upforme.ru/uploads/001c/67/60/2/59997.png
" style="width: 15px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 311px; top: 175px;">Элитный мужской клуб "Пепел и бархат": Алиот</span><div class="object" style="position: absolute; left: 311px; top: 175px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p20"><img src="https://upforme.ru/uploads/001c/67/60/2/59997.png
" style="width: 15px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 248px; top: 230px;">Картинная галерея: основная композиция - частная коллекция, подаренная французским меценатом на пятилетие основания Нортбэя. </span><div class="object" style="position: absolute; left: 248px; top: 230px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/0018/1f/c9/4/411870.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 425px; top: 250px;">ЦУДА</span><div class="object" style="position: absolute; left: 425px; top: 250px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/001c/67/60/2/383303.png
" style="width: 16px; height: 12px; margin: -1px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 367px; top: 240px;">"Военный городок" - дома и общежития для военных</span><div class="object" style="position: absolute; left: 367px; top: 240px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 362px; top: 187px;">Тренировочный центр Нортбэя</span><div class="object" style="position: absolute; left: 362px; top: 187px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/001c/67/60/2/383303.png
" style="width: 16px; height: 12px; margin: -1px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 344px; top: 285px;">Центральная библиотека</span><div class="object" style="position: absolute; left: 344px; top: 285px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/441881.png
" style="width: 13px; height: 14px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 344px; top: 285px;">Цветочная лавка "The Chlorophyl Nexus"</span><div class="object" style="position: absolute; left: 324px; top: 299px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/001c/9a/71/11/713652.jpg
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 369px; top: 326px;">Университет Нортбэя: главный корпус (институт естественных наук)</span><div class="object" style="position: absolute; left: 369px; top: 326px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/441881.png
" style="width: 13px; height: 14px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 388px; top: 379px;">"Студенческий городок" - квартал с общежитиями для студентов университета Нортбэя</span><div class="object" style="position: absolute; left: 388px; top: 379px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 340px; top: 326px;">Центральный городской парк</span><div class="object" style="position: absolute; left: 340px; top: 326px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/725076.png
" style="width: 16px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 455px; top: 360px;">Университет Нортбэя: корпус института социально-гуманитарных наук и института точных наук</span><div class="object" style="position: absolute; left: 455px; top: 360px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/441881.png
" style="width: 13px; height: 14px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 429px; top: 380px;">Театр Нортбэя</span><div class="object" style="position: absolute; left: 429px; top: 380px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/411870.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 299px; top: 222px;">Военная академия</span><div class="object" style="position: absolute; left: 299px; top: 222px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/001c/67/60/2/383303.png
" style="width: 16px; height: 12px; margin: -1px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 379px; top: 320px;">Площадь народов - главная площадь Нортбэя</span><div class="object" style="position: absolute; left: 379px; top: 320px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p21"><img src="https://upforme.ru/uploads/0018/1f/c9/4/411870.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 455px; top: 230px;">Порт + складские помещения</span><div class="object" style="position: absolute; left: 455px; top: 230px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p26"><img src="https://upforme.ru/uploads/0018/1f/c9/4/838862.png
" style="width: 15px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 512px; top: 274px;">Складские помещения</span><div class="object" style="position: absolute; left: 512px; top: 274px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p26"><img src="https://upforme.ru/uploads/0018/1f/c9/4/811618.png
" style="width: 13px; height: 14px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 488px; top: 314px;">Автобусный вокзал</span><div class="object" style="position: absolute; left: 488px; top: 314px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p26"><img src="https://upforme.ru/uploads/0018/1f/c9/4/140266.png
" style="width: 13px; height: 12px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 608px; top: 274px;">Жилой квартал округа Нортхарбор</span><div class="object" style="position: absolute; left: 608px; top: 322px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p26"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 625px; top: 372px;">Жилой район округа Иствуд - 3 квартала: дома для гражданских + общежития для только что переехавших в Нортбэй</span><div class="object" style="position: absolute; left: 625px; top: 372px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p24"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836179.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 545px; top: 372px;">Главное почтовое отделение</span><div class="object" style="position: absolute; left: 545px; top: 376px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p24"><img src="https://upforme.ru/uploads/0018/1f/c9/4/836547.png
" style="width: 13px; height: 13px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 144px; top: 334px;">Ботанический сад</span><div class="object" style="position: absolute; left: 144px; top: 334px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p22"><img src="https://upforme.ru/uploads/0018/1f/c9/4/725076.png
" style="width: 16px; height: 15px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 474px; top: 365px;">Пожарная станция</span><div class="object" style="position: absolute; left: 474px; top: 365px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p24"><img src="https://upforme.ru/uploads/0018/1f/c9/4/903563.png
" style="width: 13px; height: 14px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 576px; top: 370px;">Социальная столовая</span><div class="object" style="position: absolute; left: 576px; top: 370px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p24"><img src="https://upforme.ru/uploads/0018/1f/c9/4/32884.png
" style="width: 13px; height: 12px; padding: px;"></a></div></div>
<div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 526px; top: 246px;">Городская набережная</span><div class="object" style="position: absolute; left: 526px; top: 246px;"><a href="https://northbay.f-rpg.me/viewtopic.php?id=14#p26"><img src="https://upforme.ru/uploads/0018/1f/c9/4/186462.png
" style="width: 17px; height: 18px; margin-left: -1px; margin-top: -2px;"></a></div></div></div>[/html]

Шаблон для добавления новой локации
Код:
[size=16][font=Lucida Console][align=right]НАЗВАНИЕ ОБЪЕКТА[/align][/font][/size]
[align=center]ДВЕ КАРТИНКИ (обработка и уменьшение не нужно, АМС все сделает, только две картинки)[/align]
[quote][align=justify][font=Lucida Console] [indent] Описание от 250 знаков до 1250.[/font][/align][/quote]

0

6

  • Автор: ellarias
  • Участник
  • ellarias
  • Сообщений: 19
  • Уважение: +1

[html]
<style type="text/css">
.vera-hold { position: relative;  width: 680px; height:  350px; clear: both; overflow: hidden; }
.vera-tab { float: left; }
.vera-tab label {  transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; width: 125px; font-weight: 800; text-transform: uppercase; padding-top: 10px; margin-left:5px;padding-bottom: 10px;  text-align: center; font-size: 9px; text-transform: uppercase; line-height: 100%; display: block; letter-spacing: px; color: #000; background-color: #55aa78 ; border-radius: 15px 15px 0px 0px; }
.vera-hold .vera-tab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.vera-content { width: 680px; height: 300px; padding: 5px; background-color: #d6d4d4; position: absolute; -moz-transition-duration: .9s; -o-transition-duration: .9s; overflow: hidden; top: 500px; bottom: 0px; left: 0px; right: 0px; }
.vera-hold .vera-tab [type=radio]:checked ~ label { background: #d6d4d4; z-index: 2; }
.vera-hold .vera-tab [type=radio]:checked ~ label ~ .vera-content { z-index: 1; top: 27px; }
.vera-container { width: 700px;margin: auto; overflow: hidden;}
.vera-top { background-image: url('https://upforme.ru/uploads/0018/1f/c9/2/492907.png'); color: #55aa78; ; text-align: center; font-weight: 800; padding: 10px; width: 680px; text-transform: uppercase; border-radius: 30px 30px 0px 0px; font-size: 15px;  padding-top:10px;  letter-spacing: 1px; }
.vera-tab-image { width: 680px; height: 350px; margin-left: -5px; margin-top: -5px; background-image:url(http://placehold.it/500x25); }
.vera-bottom { background-color: #452632; font-family: times new roman; font-size: 11px; text-transform: lowercase; font-style: italic; letter-spacing: 1px; color: #fff; text-align: center; padding: 25px; margin: auto; width: 450px; margin-top:-75px; }
.vera-content-content { padding: px; border: px solid #E8BF56; width: 668px;  font-family: times new roman; font-size: 11px; text-align: justify; height:295px; margin-top: 4px;  display: flex; flex-direction: row;  }
.vera-content-text { width: 60px; height: 350px; overflow: hidden; padding: 5px; margin-left: 5px; border-top: 1px solid #452632; border-bottom: 1px solid #452632;}
.vera-content-text-2 { width: 680px; height: 350px; padding: 5px; overflow: auto; padding-right: 1px; text-align: justify; font-family: times new roman; font-size: 11px; line-height: 105%;}
.love-vera { width: 410px; padding: 2px; text-align: right; color: #D69640; text-transform: uppercase; font-family: calibri; font-size: 8px; text-transform: uppercase; margin: auto; }
.love-vera a { color: #452632; }
.back {
position: relative;
width: 680px;
background-image: url('https://upforme.ru/uploads/0018/1f/c9/2/492907.png');
}
.vera-content img {
position: ;
display: block;
width: 180px;
height: 180px;
margin-left: 10px;
margin-top: 10px;
}
.inventar {
width: 658px;
height: 90px;
margin-left: 10px;
margin-top: 10px;
border-radius: 10px;
font-size: 34px;
            background-color: #999999;
       
            border-radius: 10px;
            padding-left: px;;
       
word-break: break-word;
overflow-y: scroll;
-ms-overflow-style: none; 
scrollbar-width: none;
 
}
.scrollbox img {
width: 80px;
height: 80px;
margin-top: 0px;
margin-left: 11px;
margin-bottom: 10px;
display: inline;
transition: transform 0.5s ease;

}
.scrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);

}
.decrp {
position: absolute;
margin-left: 200px;
margin-top: -180px;
margin-bottom: 4px;
width: 470px;
height: 180px;
background: #999999;
text-align: center;
text-transform: uppercase;
font-weight: 800;
}
.decrp2 {
position: absolute;
margin-left: 205px;
margin-top: -154px;
padding-right: 5px;
width: 460px;
height: 150px;
background: ;
text-align: justify;
font-size: 13px;
font-weight: 400;
overflow-y: scroll;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.ex {
position: absolute;
width: auto;
border-radius: 30px;
padding-right: 5px;
padding-left: 5px;
height: px;
background: #55aa78;
margin-top: 170px;
margin-left: 5px;
text-align: center;
font-size: 13px;
font-weight: 700;
}
.awards {
width: 300px;
height: 250px;
background: #999999;
margin-right: 20px;
margin-left: 25px;
margin-top: 30px;
border-radius: 0px 20px 20px 20px;
}
.presents {
width: 300px;
height: 250px;
background: #999999;
margin-top: 30px;
border-radius: 20px 0px 20px 20px;

}
.awards img {
width: 80px;
height: 80px;
margin-top: 10px;
display: inline;
transition: transform 0.5s ease;

}
.awards img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.awardsscrollbox {
width: 290px;
height: 230px;
margin-right: 20px;
margin-left: 10px;
margin-top: 10px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.presents img {
width: 80px;
height: 80px;
margin-top: 10px;
display: inline;
transition: transform 0.5s ease;

}
.presents img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.presentsscrollbox {
width: 290px;
height: 230px;
margin-right: 20px;
margin-left: 10px;
margin-top: 10px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.awardstitle {
color: black;
position: absolute;
font-size: 45px;
font-weight: 800;
margin-top: -33px;
margin-left: -5px;

}
.presentstitle {
position: absolute;
font-size: 45px;
font-weight: 800;
margin-top: -33px;
margin-left: 127px;
}

.bars {
border-radius: 10px;
margin-left: 60px;
margin-top: px;

width: 550px;
height: 188px;
background: #999999;
}
.barsscrollbox {
width: 4;
height: 188px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.barsscrollbox img {
margin-left: 34px;
width: 219px;
height: 34px;
display: inline-block;
transition: transform 0.5s ease;

}
.barsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.header1 {
margin-top: 26px;
margin-left: 200px;
position: absolute;
background: ##55aa78;
z-index: 1;
width: 470px;
font-size: 11px;
font-weight: 700;
text-align: center

}
.tooltip {
  position: relative;
  display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
opacity: 0;
    transition: opacity 3s;
  width: 100px;
  background-color: #000;
  color: #55aa78;
  text-align: center;
font-size: 10px;
  padding: 2px 2px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  margin-left: 19px;
margin-top: 25px;
position: absolute;
  z-index: 1;
line-height: 10px;
font-weight: 600
   
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.coupons {
border-radius: 10px;
margin-left: 60px;
margin-top: -101px;
width: 550px;
height: 90px;
background: #999999;
}
.couponsscrollbox {
width: 550px;;
height: 100px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.couponsscrollbox img {
width: 80px;
height: 80px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
display: inline;
transition: transform 0.5s ease;

}
.couponsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}

.backgrounds {
border-radius: 10px;
margin-left: 60px;
margin-top: px;

width: 550px;
height: 230px;
background: #999999;
}
.backgroundsscrollbox {
width: 4;
height: 230px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.backgroundsscrollbox img {
margin-left: 34px;
width: 219px;
height: 54px;
display: inline-block;
transition: transform 0.5s ease;

}
.backgroundsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
.header1 {
margin-top: 26px;
margin-left: 200px;
position: absolute;
background: #55aa78;
z-index: 1;
width: 470px;
font-size: 11px;
font-weight: 700;
text-align: center

}
.tooltip {
  position: relative;
  display: inline-block;

}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
opacity: 0;
    transition: opacity 3s;
  width: 100px;
  background-color: #000;
  color: #55aa78;
  text-align: center;
font-size: 10px;
  padding: 2px 2px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  margin-left: 19px;
margin-top: 25px;
position: absolute;
  z-index: 1;
line-height: 10px;
font-weight: 600
   
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.icons {
border-radius: 10px;
margin-left: 60px;
margin-top: -54px;
width: 550px;
height: 40px;
background: #999999;
}
.iconsscrollbox {
width: 550px;;
height: 50px;
overflow-y: auto;
-ms-overflow-style: none; 
scrollbar-width: none;
}
.iconsscrollbox img {
width: 30px;
height: 30px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
display: inline;
transition: transform 0.5s ease;

}
.iconsscrollbox img:hover {
    transform: translateY(-1px);
    transform: scale(1.1);
}
</style>

<div class="vera-container">

<div class="vera-top">Идентификационная карта аберранта 060226193</div>

<div class="back"><div class="vera-hold"><div class="vera-tab"><input type="radio" id="vera-tab-1" name="vera-tab-group-1" checked><label for="vera-tab-1">Общая информация</label>
<div class="vera-content"><div class="vera-tab-image"><div class="header1"> возраст ● чел/абер ● гражданство ● соц роль ● абилка, уровень</div><div class="ex">ЦУДА</div><img src="ФИЗИОНОМИЯ"><div class="decrp"><span style="color:#white; font-size: 21px; ">ИМЯ БЛЯДЬ (ПОЗЫВНОЙ) </span></div><div class="decrp2"><br><span style="font-weight: 800;">Район проживания:</span> название<br> <span style="font-weight: 800; ">Семья:</span> родственники; <br><span style="font-weight: 800; ">Социальная роль: </span>гордая блядь;<br> <span style="font-weight: 800; ">Особые приметы: </span>купола на всю грудь и сердечко на жопе;<br> <span style="font-weight: 800; padding-bottom: 45px; ">Пометки из личного дела:  </span> + 1 к броску; -1 от броска  — напоминаем, что индивидуальные особенности персонажи действительны только в квестах.</div><div class="inventar"><div class="scrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Название:
<br>описание</span><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Название:
<br>краткое описание (несколько слов о свойствах)</span><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"></div><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"><img src="https://upforme.ru/uploads/001c/67/60/2/744735.png"></div></div></div></div></div>

<div class="vera-tab"><input type="radio" id="vera-tab-2" name="vera-tab-group-1"><label for="vera-tab-2">Награды и подарки</label><div class="vera-content"><div class="vera-content-content"><div class="awards"><div class="awardstitle">Награды</div><div class="awardsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 50px;">за принятие в игру</span><img src="https://upforme.ru/uploads/001c/67/60/2/418464.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 50px;">за что</span><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"></div><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"><img src="https://upforme.ru/uploads/001c/67/60/2/915229.png"></div></div><div class="presents"><div class="presentstitle">Подарки</div><div class="presentsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 50px;">описание подарка</span><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"></div><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"><img src="https://upforme.ru/uploads/001c/67/60/2/409314.png"></div></div></div> </div></div>

<div class="vera-tab"><input type="radio" id="vera-tab-3" name="vera-tab-group-1"><label for="vera-tab-3">Плашки и купоны</label><div class="vera-content"><div class="vera-content-content"><div class="bars"><div class="barsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">дефолтная плашка</span><img src="https://upforme.ru/uploads/001c/9a/71/10/381921.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div></div></div></div><div class="coupons"><div class="couponsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 1:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 2:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 3:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 4:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 5:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: -50px; top: 45px;">Купон 6:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div></div></div></div></div>

<div class="vera-tab"><input type="radio" id="vera-tab-4" name="vera-tab-group-1"><label for="vera-tab-4">Фоны и иконки</label><div class="vera-content"><div class="vera-content-content"><div class="backgrounds"><div class="backgroundsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">дефолтная плашка</span><img src="https://upforme.ru/uploads/001c/9a/71/10/381921.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 2px; top: 10px;">тут будут ваши плашки</span><img src="https://upforme.ru/uploads/001c/9a/71/10/73658.png"></div></div></div></div><div class="icons"><div class="iconsscrollbox"><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 1:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 2:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 3:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 4:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: 50px; top: 45px;">Купон 5:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div><div class="tooltip"><span class="tooltiptext" style="position: absolute; left: -50px; top: 45px;">Купон 6:
<br>краткое описание </span><img src="https://upforme.ru/uploads/001c/9a/71/10/744735.png"></div></div></div></div>

[/html][hideprofile]

+1

7

  • Автор: Shilya
  • Администратор
  • Shilya
  • Сообщений: 155
  • Уважение: +1
  • 590
  • Далли Брут, 36Пирокинез:
    способность управления огнём
    с возможностью создавать его при помощи силы мысли.
  • url('https://upforme.ru/uploads/0018/1f/c9/2/180037.jpg')
#p133,ellarias написал(а):

njn

0

8

  • Автор: Shilya
  • Администратор
  • Shilya
  • Сообщений: 155
  • Уважение: +1
  • 590
  • Далли Брут, 36Пирокинез:
    способность управления огнём
    с возможностью создавать его при помощи силы мысли.
  • url('https://upforme.ru/uploads/0018/1f/c9/2/180037.jpg')
#p140,Shilya написал(а):

njn

0

Страница: 1

Вы здесь » disshi » Мат часть » какая то

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