для форума
штмл
Сообщений 1 страница 17 из 17
Поделиться22023-08-31 15:09:12
[html]<div class=plc-01>
<div class=plc-txt>#00 гостевая</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div>
<img></img>
<div class=plc-txt2>хьюстон. люди со способностями<br>придержать внешность на два дня </div>
</div>
[/html]
Код: [url=ссылка на профиль]ник[/url] |
придержанные м
| придержанные ж
|
Поделиться32023-08-31 15:09:21
[html]<div class=plc-01><img></img>
<div class=plc-txt>#01 сюжет</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div></div>
<div class=plc-txt2>Есть истории, которые нужно рассказывать и слушать ночью<br> </div>
</div>
[/html]
|
Поделиться42023-08-31 15:09:27
[html]<div class=plc-01><img></img>
<div class=plc-txt>#02 способности</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div>
<div class=plc-txt2>известные, на данный момент, способности<br>
делятся на несколько видов<br> </div>
</div>
[/html]
[html]<div id="container">
<div class="ptabs">
<input id="tab1" type="radio" name="ptabs" checked>
<label class="knop1" for="tab1">dry</label>
<input id="tab2" type="radio" name="ptabs">
<label for="tab2">lens_blur</label>
<input id="tab3" type="radio" name="ptabs">
<label for="tab3">grass</label>
<input id="tab4" type="radio" name="ptabs">
<label for="tab4">warning</label>
<section id="content1">
<p>телесные</p>
Способности влияющие на физическое состояние человека, в основном к подобным мутациям относится ликонтропия. <i>Ликантропия (от греч. — волк и греч. — человек) — мифическая или волшебная болезнь, вызывающая метаморфозы в теле, в ходе которых больной превращается в монстра.</i><br>
К телесным способностям так же относятся любые, касающиеся физического состояния человека: видение в темное, замедленное старение, бессмертие, невидимость и т.п.<br><br>
• Мутация может быть как полной (когда при трансформации подопытный полностью теряет свой человеческий облик), так и частичной (когда меняется какая-то определенная часть тела, а все остальное остается человеческого вида).<br>
• Ликантропия трудно подчиняется контролю. Напрямую связана с эмоциональным состоянием жертвы данной мутации. Чаще зафиксированы обращения в порыве ярости, чуть реже, во время других эмоциональных всплесков.<br>
• Подопытные с телесными мутациями, как правило, отличаются отменным здоровьем.<br><br>
Уровень опасности: от 4 до 10 из 10 по мерках сотрудников организации "цефей", однако каждый случай рассматривается индивидуален.
</section>
<section id="content2">
<p>ментальные</p>
Способности, проявляющие себя через ментальное влияние на сознание/разум, психическое состояние людей и/или существ. Позволяющие контролировать предметы силой мысли. <i>К ментальным способностям относятся: телепатия (передачи мыслей/изображения на расстоянии), чтение мыслей, контроль разума - гипноз, иллюзии, ментальный барьер, манипуляции воспоминаниями, ментальная проекция, переселение сознания/душ, эмоциональные манипуляции, и т.д. </i><br><br>
• Подопытные с ментальными способностями имеют иммунитет к ним же.<br><br>
Уровень опасности составляет от 1 до 7 баллов из 10, хотя, это, по мнению сотрудников "цефея" слишком низкая оценка требующая пересмотра.
</section>
<section id="content3">
<p>физическая взаимосвязь с природными явлениями</p>
Данные способности определяются ментальным контролем молекул определенной, одной из известных, природных стихий. Такие подопытные выявляют себя крайне редко. Подобное связывают с очевидным феноменальным талантом наблюдаемых, которые они предпочитают тщательно скрывать от окружающих. Среди обнаруженных способностей были определены: ментальный контроль, перемещение, изменение и смешивание существующих элементов, создание небольших и средних сгустков стихийного происхождения, заживление слабых и средних физических увечий при взаимодействии с определенной стихией.<br><br>
Привязанный к одной стихии подопытный не способен взаимодействовать с другими, известными, стихийными явлениями. Талант манипулирования проявляется в раннем возраста крайне слабо лишь с возрастом набирая силу. Подопытным юного возраста тяжелее дается обучение и управление полученными навыками. По статистике лаборатории, подопытные, достигшие зрелого возраста управление стихиями дается легче. Тем не менее, в возрасте от 40 лет отмечается спад силы и интенсивности данной мутации.<br><br>
Иногда манипулирование стихией путают с телекинезом из-за их сходств, однако это совсем не одно и то же. Манипулирование стихиями — это основная способность и является "предшественником" для многих других стихийных способностей. Включает в себя манипулирование водой, манипулирование огнем, манипулирование землей, манипулирование воздухом и многие другие, в то время как телекинез — это способность управлять энергией и материей, используя чистую психическую энергию.<br><br>
Часто подопытных, которые обладают способностью физической взаимосвязи с природными явлениями нанимают на службу в "Цефей", так как эти способности крайне полезна для силовиков, еще чаще, те, кто обнаруживает в себе эти силы, уходит в "Альтерос", оказываюсь по ту сторону баррикад.
<br><br>
• Природные явления, взаимодействия с которыми были установлены: <br>
- Земля<br>
- Вода<br>
- Газ<br>
- Огонь<br>
- Воздух<br>
- Электричество<br><br>
• Не обладают никакими особенными иммунитетами.<br><br>
Уровень опасности от 3 до 10 баллов из 10.
</section>
<section id="content4">
<p>дополнительно</p>
• Подопытные обладающие способностями которые не относятся ни к одному из вышеперечисленных подвидов разыскиваются и преследуются сотрудниками "Цефея".<br><br>
• У подопытных, обладающих способностями больше пяти по шкале опасности, имеются побочные эффекты. Из наблюдаемых: подопытный с высоким потенциалом способности управления чужим сознанием страдает психическим расстройством.<br><br>
• Подопытные могут управлять только одной стихией. Умение управлять стихией развивается с возрастом и достигает своего пика к 30 летнему взрасту. Начиная от 40 лет наблюдается спад связи со стихией.
</section>
</div></div>
<style>
*{box-sizing:border-box}
.ptabs {
height: 250px;
width: 700px;
margin: auto;
position: relative;
}
section {
display: none;
height: 250px;
width: 636px;
padding: 15px;
background: #3f4647;
position: absolute;
top: 0;
left: 62px;
overflow: auto;
color: #d5d6d4;
font: 100 12px roboto;
}
.knop1 { margin: 0; }
p {
font: 600 15px var(--tx1);
text-transform: uppercase;
}
input { display: none; }
label {
display: block;
padding: 22px 22px 0;
color: #3f4647;
background: #6b7475;
cursor: pointer;
font-family: Material Icons;
font-size: 20px;
height: 63px;
width: 62px;
}
input:checked + label {
color: #d5d6d4;
background: #3f4647;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 { display: block; }
section {
animation: scale 0.7s ease-in-out;
}
@keyframes scale {
0% {
transform: scale(0.9);
opacity: 0;
}
50% {
transform: scale(1.005);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 1;
}
}
</style>[/html]
Поделиться52023-09-02 21:48:25
[html]<div class=plc-01><img></img>
<div class=plc-txt>#03 фак</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div></div>
<div class=plc-txt2>Гении узнают ответ раньше, чем вопрос<br> </div>
</div>
[/html]
|
Поделиться62023-09-03 11:31:57
[html]<div class=plc-01><img></img>
<div class=plc-txt>#04 внешности // роли</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div></div>
<div class=plc-txt2>список занятых<br> </div>
</div>[/html]
[html]
<div class="worko-tabs">
<input class="state" type="radio" title="tab-one" name="tabs-state" id="tab-one" checked />
<input class="state" type="radio" title="tab-two" name="tabs-state" id="tab-two" />
<div class="tabs flex-tabs">
<label for="tab-one" id="tab-one-label" class="tab">внешности</label>
<label for="tab-two" id="tab-two-label" class="tab">роли</label>
<div id="tab-one-panel" class="panel active">
<table layout=fixed width=100%>
<tr><td width=50%><div class="stuff_info"> <p>муж // A // B // C // D // E</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td>
<td><div class="stuff_info"> <p>жен // A // B // C // D // E</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>муж // F // G // H // I // J</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td>
<td><div class="stuff_info"><p>жен // F // G // H // I // J</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>муж // K // L // M // N // O</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td>
<td><div class="stuff_info"><p>жен // K // L // M // N // O</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>муж // P // Q // R // S // T</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td>
<td><div class="stuff_info"><p>жен // P // Q // R // S // T</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>муж // U // V // W // X // Y // Z</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td>
<td><div class="stuff_info"><p>жен // U // V // W // X // Y // Z</p><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
name sur // <a href="ссылка">name sur персонажа</a><br>
</div></td></tr>
</table>
</div>
<div id="tab-two-panel" class="panel">
<table layout=fixed width=100%>
<tr><td width=50%><div class="stuff_info"><p>сюжетная организация // ФАКТУМ</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td>
<td><div class="stuff_info"><p>сюжетная организация // АЛЬТЕРОС</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>сюжетная организация // ЦЕФЕЙ</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td>
<td><div class="stuff_info"><p>сфера // ГОС СТРУКТУРЫ</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>сфера // МЕДИЦИНА</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td>
<td><div class="stuff_info"><p>сфера // ОБРАЗОВАНИЕ</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>сфера // УСЛУГИ, ИП</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td>
<td><div class="stuff_info"><p>сфера // СМИ</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td></tr>
<tr><td><div class="stuff_info"><p>сфера // КРИМИНАЛ</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td>
<td><div class="stuff_info"><p>сфера // ДРУГОЕ</p><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
способность персонажа // <a href="ссылка">name sur</a><br>
</div></td></tr>
</table>
</div></div>
<style>
@keyframes fake {
from { opacity: 1; }
to { opacity: 1; }
}
.worko-tabs {
margin: auto;
width: 700px;
.state{
position: absolute;
left: -10000px;
}
.flex-tabs{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.tab{ flex-grow: 1; max-height: 40px; }
.panel {
padding: 20px;
display: none;
width: 100%;
flex-basis: auto;
overflow: auto;
}
.tab {
display: inline-block;
padding: 10px;
vertical-align: top;
cursor: hand;
cursor: pointer;
border-left: 10px solid var(--clr3);
font-size: 11px;
&:hover{ background-color: var(--clr2); }
} }
#tab-one:checked ~ .tabs #tab-one-label, #tab-two:checked ~ .tabs #tab-two-label{
cursor: default;
border-left-color: var(--clr2);
}
#tab-one:checked ~ .tabs #tab-one-panel, #tab-two:checked ~ .tabs #tab-two-panel{ display: block; }
@media (max-width: 600px){
.flex-tabs{
flex-direction: column;
.tab{ &:last-of-type{ border-bottom: none; } }
#tab-one-label{order:1;}
#tab-two-label{order: 3;}
#tab-one-panel{order: 2;}
#tab-two-panel{order: 4;}
}
}
<style>[/html]
Поделиться72023-09-03 13:45:45
[html]<div class=plc-01><img></img>
<div class=plc-txt>#05 нужные персонажи</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div></div>
<div class=plc-txt2>список занятых<br> </div>
</div>[/html]
шаблон
|
Поделиться82023-09-03 14:38:05
[html]<div class=plc-01><img></img>
<div class=plc-txt>#06 хочу к вам</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div></div>
<div class=plc-txt2>список занятых<br> </div>
</div>[/html]
шаблон
|
Поделиться92023-09-03 14:53:16
[html]<div class=plc-01><img></img>
<div class=plc-txt>#07 шаблон анкеты</div>
<div class=plc-02><a title="сюжет" href=" href="ссылка">01</a>
<a title="способности" href="ссылка">02</a>
<a title="фак" href="ссылка">03</a>
<a title="внешности" href="ссылка">04</a>
<a title="нужные" href="ссылка">05</a>
<a title="хочу к вам" href="ссылка">06</a>
<a title="анкета" href="ссылка">07</a></div></div>
<div class=plc-txt2>список занятых<br> </div>
</div>[/html]
Поделиться102023-09-05 16:58:52
[html]<div class=plc-001><img></img>
<div class=plc-txt>#01 вопрос/ответ</div>
<div class=plc-02><a title="вопрос/ответ" href=" href="ссылка">01</a>
<a title="новости" href="ссылка">02</a>
<a title="банк" href="ссылка">03</a>
<a title="личная страница" href="ссылка">04</a>
<a title="отсуствие" href="ссылка">05</a>
<a title="списки на удаление" href="ссылка">06</a>
</div></div>
<div class=plc-txt2>список занятых<br> </div>
</div>[/html]
Поделиться112023-09-05 17:22:11
[html]<div class=plc-003><img id="003"></img>
<div class=plc-txt01>новости-хуевости</div>
<div class=plc-002>
</div></div>
<div class=plc-txt02>допустим какой-то небольшой текст про пост<br>
<a href="ссылка">ссылка на пост</a> </div>
</div>
<div class=plc-news><img id="help" src="https://forumupload.ru/uploads/0019/d7/11/26/659785.jpg"> <img id="help" src="https://forumupload.ru/uploads/0019/d7/11/26/659785.jpg"> <img id="help" src="https://forumupload.ru/uploads/0019/d7/11/26/659785.jpg"> <img id="help" src="https://forumupload.ru/uploads/0019/d7/11/26/659785.jpg"> <br> </div>[/html]
|
Поделиться122023-09-05 18:47:03
[html]<div class=plc-003><img id="003"></img>
<div class=plc-txt01>Добро пожаловать</div>
<div class=plc-002>
</div></div>
<div class=plc-txt02>какой-то небольшой текст <br>
<a href="ссылка">ссылка</a> х <a href="ссылка">ссылка</a> х <a href="ссылка">ссылка</a> </div>
</div>
<div class=plc-news><img id="help" src="https://forumstatic.ru/files/0011/57/96/82706.gif"> <img id="help" src="https://forumstatic.ru/files/0011/57/96/26566.gif"> <img id="help" src="https://forumstatic.ru/files/0011/57/96/31342.gif"></div>[/html]
Поделиться132023-09-06 18:31:43
[html]
<div class="anketa">
<div class="anketa_i"><img src="ссылка на квадратную картинку"></div>
<div class="anketa_header">// внешность eng;</div>
<div class="anketa_info">name surname</div>
<div class="anketa_info2">
* имя фамилия на рус.<br>
* профессия/занятость
</div>
<div class="anketa_abil">
<b>способность //</b> опишите свою способность как можно более подробно<br>
* оцените себя и свою способность по 10 бальной шкале где 0 - неопасно, а 10 - опасно<br><br>
<b>побочный эффект //</b> если вы оценили себя от 6 баллов, опишите слабую сторону использования вашей абилки. Это может быть что угодно: головная боль, физическая слабость, слуховые галлюцинации и т.п.
</div>
<div class="anketa_story">
main info // кратко, можно фактами.<br><br>
Основные параметры которые мы советуем указать:<br>
откуда в вашем персонаже проявилась способность /указать линию наследственности/<br>
в какой атмосфере рос ваш персонаж, чем занимается в настоящее время<br>
момент осознания/проявления способности: как это было. как персонаж относится к этому.<br>
его отношение к сюжетным организациям, если ему известно их существование.<br><br><br>
текст - текст - текст
</div>
[/html]
Поделиться142023-09-07 16:56:11
waving_hand - телесные способности
sensor_occupied - ментальные способности
water_drop - элемент вода
whatshot - элемент огонь
grass - элемент земля
cyclone - элемент воздух
electric_bolt - электрический элемент
ac_unit - крио элемент
blur_circular - газовый элемент
error_outline - малоизученные способности
person_search - без способности
Поделиться152023-09-09 19:36:52
[html]<div class=plc-001><img></img>
<div class=plc-txt>#03 банк</div>
<div class=plc-02><a title="вопрос/ответ" href=" href="ссылка">01</a>
<a title="новости" href="ссылка">02</a>
<a title="банк" href="ссылка">03</a>
<a title="личная страница" href="ссылка">04</a>
<a title="отсуствие" href="ссылка">05</a>
<a title="списки на удаление" href="ссылка">06</a>
</div></div>
<div class=plc-txt2>список занятых<br> </div>
</div>[/html]
[html]<div class="worko-tabs">
<input class="state" type="radio" title="tab-one" name="tabs-state" id="tab-one" checked />
<input class="state" type="radio" title="tab-two" name="tabs-state" id="tab-two" />
<div class="tabs flex-tabs">
<label for="tab-one" id="tab-one-label" class="tab">получить</label>
<label for="tab-two" id="tab-two-label" class="tab">потратить / посчитать</label>
<div id="tab-one-panel" class="panel active">
за регистрацию — 100 начисляется автоматически<br>
привести друга на форум [+ принятая анкета] — 100<br>
за написание заявку в «хочу видеть» — 50<br>
забрать человека из «хочу к вам» — 150<br>
за написание заявки в «нужные» — 150<br><br>
за открытие эпизода — 30 (всем участникам)<br>
за каждый пост до 3к — 50<br>
за каждый пост от 3к до 5к — 70<br>
за каждый пост от 5к — 10к — 100<br>
за каждый пост от 10к — 150<br>
за закрытие эпизода — 100<br><br>
за каждые 500 сообщений — 50<br>
за каждые 500 плюсов репутаций в твоем профиле — 100<br>
за каждые 500 плюсов позитива в твоем профиле — 100<br>
за попадание в таблицу [за каждую номинацию] — 70<br>
за участие в конкурсах — 30<br>
за каждую рекламу — 3<br>
аватар в подарок - 50<br>
реклама в подарок - 100<br><br>
поставить наш баннер в подпись на рено - 300 (единоразово)<br>
задонатить в фонд форума 100 рублей - 2000 ( за ссылкой на оплату можно прийти в лс к каспару )<br>
</div>
<div id="tab-two-panel" class="panel">
плашка индивидуальная (статика) — 750<br>
плашка индивидуальная (анимированная) - 800<br>
плашка сезонная - 900<br><br>
выкупить внешность для нужного/твинка на неделю - 300<br>
выкупить внешность для нужного/твинка на месяц — 1000<br><br>
реклама с нужным на месяц — 1000<br><br>
смена персонажа [первый раз бесплатно] — 1000<br>
смена внешности [первый раз бесплатно] — 1000<br>
смена имени [первый раз бесплатно] — 500<br><br>
<div class="cal">
<div class="container">
<div id="calculator">
</div></div></div>
<script> var btns_vals = [
["AC", "CE", "%", "/"],
["7", "8", "9", "*"],
["4", "5", "6", "-"],
["1", "2", "3", "+"],
[".", "0", "Ans", "="]
];
var calculator = $("#calculator"),
name = $('<h5 />', {
}).css({
'color': '#fff'
}).appendTo(calculator);
var screen = $('<input />', {
'type': 'text',
'readonly': 'readonly'
}).css({
'background-color': 'rgb(149 170 195)',
'font': 'var(--tx1)',
'padding': '5px',
'margin': '5px 0px 0 -10px',
'height': '30px',
'width': '202px',
'text-align': 'right',
'fontSize': '15px'
});
screen.appendTo(calculator);
var button_container = $('<div />').css({
'margin': '5px'
});
button_container.appendTo(calculator);
for (var i = 0; i < btns_vals.length; i++) {
var btn_row = $('<div />').css({'clear': 'left'});
for (var j = 0; j < btns_vals[i].length; j++) {
var btn = $('<button />', {
'class': 'btn',
'text': btns_vals[i][j],
'value': btns_vals[i][j]
}).css({
'float': 'left',
'width': '50px',
'margin': '2px',
'border': '1px dashed #596f8a',
'border-radius': '5px',
'background-color': 'rgb(149 170 195)'
}).on('click', btnClick);
btn.appendTo(btn_row);
}
btn_row.appendTo(button_container);
}
// Action events
var key_inputs_for_display = [],
global_input_str = '',
ans = 0;
function btnClick (){
if (screen[0].scrollHeight > screen.innerHeight()) {
return false;
}
var v = $(this).val().toLowerCase();
matchControl(v);
displayInput();
switch (v){
case 'ac':
ac();
screen.empty();
break;
case 'ce':
ce();
break;
case 'ans':
ans();
break;
case '=':
screen.val(equal).promise().done(function(){ac()});
break;
}
}
function matchControl (v){
if (v == 'ac' || v == 'ce' || v == '=') {
return false;
}
key_inputs_for_display.push(v);
}
function displayInput (){
var input_str = '', k = 0;
while (k < key_inputs_for_display.length){
input_str += key_inputs_for_display[k];
k++;
}
global_input_str = input_str;
// display input
screen.val(input_str);
}
var equal = function (){
var operators = ["%", "+", "-", "*", "/"],
last_index = global_input_str.length - 1;
if ($.inArray(global_input_str[0], operators) > -1){
global_input_str = global_input_str.slice(1);
}
if ($.inArray(global_input_str[last_index], operators) > -1){
global_input_str = global_input_str.slice(0, -1);
}
ans = eval(global_input_str.replace(/ans/g, ans));
return ans;
}
function ac (){
key_inputs = [];
global_input_str = '';
key_inputs_for_display = [];
}
function ce (){
key_inputs.pop();
key_inputs_for_display.pop();
global_input_str = global_input_str.slice(0, -1);
displayInput();
}</script>
</div>
</div></div>
<style>
@keyframes fake {
from { opacity: 1; }
to { opacity: 1; }
}
.worko-tabs {
margin: auto;
width: 75%;
background: var(--bg3);
.state{
position: absolute;
left: -10000px;
}
.flex-tabs{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.tab { flex-grow: 1; max-height: 40px; }
.panel {
padding: 20px;
min-height: 300px;
display: none;
width: 100%;
flex-basis: auto;
height: 400px;
overflow: auto;
font: 600 12px var(--tx2);
color: var(--clr1);
}
}
.tab {
display: inline-block;
padding: 10px;
vertical-align: top;
background-color: #;
cursor: hand;
cursor: pointer;
border-left: 10px solid var(--clr1);
font-family: mulish;
&:hover{ background-color: var(--clr3); }
}
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label{
background-color: #d3d3d3;
cursor: default;
border-left-color: var(--clr2);
}
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel{ display: block; }
@media (max-width: 600px){
.flex-tabs{
flex-direction: column;
.tab{
background: #;
border-bottom: 1px solid var(--clr2);
&:last-of-type{
border-bottom: none;
}
}
#tab-one-label{order:1;}
#tab-two-label{order: 3;}
#tab-one-panel{order: 2;}
#tab-two-panel{order: 4;}
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label { border-bottom: none; }
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel { border-bottom: 1px solid #ccc; }
}
.cal {
position: relative;
width: 230px;
height: 210px;
}
#calculator {
display: block;
padding: 0 0 0 15px;
width: 240px;
height: 195px;
text-align: center;
border: 1px solid var(--clr2);
border-radius: 5px;
}
.btn:active {
color: #fff;
}
<style>
[/html]
1.
2.
3.
4.
5.
6.
за что получаем?
| на что тратим?
| заказать плашку:
|
Поделиться162023-09-09 20:19:52
[html]<div class=plc-001><img></img>
<div class=plc-txt>#04 личная страница</div>
<div class=plc-02><a title="вопрос/ответ" href=" href="ссылка">01</a>
<a title="новости" href="ссылка">02</a>
<a title="банк" href="ссылка">03</a>
<a title="личная страница" href="ссылка">04</a>
<a title="отсуствие" href="ссылка">05</a>
<a title="списки на удаление" href="ссылка">06</a>
</div></div>
<div class=plc-txt2>список занятых<br> </div>
</div>[/html]
|
[html]<div class="worko-tabs">
<input class="state" type="radio" title="tab-one" name="tabs-state" id="tab-one" checked />
<input class="state" type="radio" title="tab-two" name="tabs-state" id="tab-two" />
<input class="state" type="radio" title="tab-three" name="tabs-state" id="tab-three" />
<div class="tabs flex-tabs">
<label for="tab-one" id="tab-one-label" class="tab">стикеры</label>
<label for="tab-two" id="tab-two-label" class="tab">бонус</label>
<label for="tab-three" id="tab-three-label" class="tab">подарки</label>
<div id="tab-one-panel" class="panel active">
<table layout=fixed width=100%>
<tr><td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/187298.png">
<div class="stuff_info"><b>инопланетный котик</b><br>
зарегистрироваться на форуме (+100 деняк в банке)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/98239.png">
<div class="stuff_info"><b>дружелюбный пес</b><br>
привести на форум друга (+200 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/891811.png">
<div class="stuff_info"><b>лайк</b><br>
поставить 1000 плюсов (+100 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/941456.png">
<div class="stuff_info"><b>мистер колючка</b><br>
завести двух врагов в выяснении отношений (+100 деняк)
</div></td></tr>
<tr><td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/349682.png">
<div class="stuff_info"><b>двойной капучино</b><br>
потратить 2000 деняк в банке (+200 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/976518.png">
<div class="stuff_info"><b>сладкий поцелуй</b><br>
отыграть нц (+150 деняк)
</div></td><td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/304851.png">
<div class="stuff_info"><b>карамельный кекс</b><br>
оставить 500 реклам (+200 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/160968.png">
<div class="stuff_info"><b>резвый скакун</b><br>
занять первое место в трех конкурсах (+100 деняк)
</div></td></tr>
<tr><td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/112722.png">
<div class="stuff_info"><b>запрещеночка</b><br>
нарушить закон в посте (+150 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/642365.png">
<div class="stuff_info"><b>резиновая курочка</b><br>
оставить 1500 сообщений (+100 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/690365.png">
<div class="stuff_info"><b>великий рупор</b><br>
оставить 1000 реклам (+300 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/101710.png">
<div class="stuff_info"><b>волшебный пластырь</b><br>
разбить коленку в посте (+100 деняк)
</div></td></tr>
<tr><td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/706511.png">
<div class="stuff_info"><b>сломанный телевизор</b><br>
поучаствовать в кинопросмотре 3 раза (+100 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/291552.png">
<div class="stuff_info"><b>что-то на англиканском</b><br>
подарить графику 10 раз (+100 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/119340.png">
<div class="stuff_info"><b>бодрящий кофе</b><br>
оставить 5000 сообщений (+200 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/16969.png">
<div class="stuff_info"><b>сочный подсолнух</b><br>
подарить цветы в посте (+150 деняк)
</div></td></tr>
<tr><td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/42340.png">
<div class="stuff_info"><b>значок на рюкзак</b><br>
попасть 3 раза в табличку (+150 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/892417.png">
<div class="stuff_info"><b>свинка пеппа</b><br>
завести хронологию и описать отношения (+100 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/252718.png">
<div class="stuff_info"><b>15 сантиметров</b><br>
собрать 10 достижений (+100 деняк)
</div></td>
<td><img src="https://forumupload.ru/uploads/001b/f2/bc/7/713561.png">
<div class="stuff_info"><b>ждуля</b><br>
написать 5 заявок на нужных (+200 деняк)
</div></td></tr>
</table>
</div>
<div id="tab-two-panel" class="panel">
<table layout=fixed width=100%>
<tr><td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/88816.png"> <b>кролик</b> / ★ / 1000 денях<br>
Подобно многим другим представителям животного царства, заяц (или кролик) имеет двусмысленную репутацию. С одной стороны он олицетворяет ловкость, быстроту, бдительность, плодовитость и даже магическую силу, но, с другой стороны, косому приписывают хитрость, лживость, трусость, вожделение и похоть. Судя по мифам, древние питали к кролику чувство искренней симпатии, а некоторые североамериканские племена индейцев даже возвели косого в ранг культового героя.<br>
<b>бонус:</b> 5 % скидка на услуги в банке
</div></td>
<td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/542037.png"> <b>белка</b> / ★ / 1000 денях<br>
Белка тесно связана с понятием света, ведь она, так же юрко, словно солнечный луч, способна прыгать по веткам деревьев. Белку часто изображали на талисманах, при этом использовали ее когти, полагая, что это может улучшить благосостояние в целом. С виду милый, пушистый зверек, на самом деле мог представлять огромную опасность, и в мифологии разных народов описывался по разному, где-то, ассоциировался с грозой и непогодой, где-то с разрушениями. Именно поэтому не стоит недооценивать эту пушистую милашку. <br>
<b>бонус:</b> +200 деняк при их получении в банке
</div></td></tr>
<tr><td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/829560.png"> <b>собака</b> / ★★ / 2000 денях<br>
Собака - лучший друг человека, в нашем случае не только человека. Многие верят, что собака приносит удачу, а спасение собачьей жизни, искупляет все совершенные грехи. В загробном мире собака исполняла либо роль проводника душ умерших, либо охраняла ворота ада. В последнем случае адскому псу придавалась соответствующая внешность. Собака всегда была тесно связана с людьми, была не только другом, но и помощником, и со временем ничего не изменилось.<br>
<b>бонус:</b> деньги за рекламу умножаются на 2 при оформлении в банке
</div></td>
<td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/335318.png"> <b>кот</b> / ★★ / 2000 денях<br>
Кошка - олицетворение независимости. Многие народы древности относились к этим животным по особенному, провозглашая их священными существами. Считается, что дом, в котором живёт кошка, защищён от нечести. Так же кошки всегда считались главными помощниками ведьм, не зря именно они на различных иллюстрациях представлялись фамильярами разного рода колдунов. <br>
<b>бонус:</b> все награды за конкурсы умножаются на два /при условии, что награду можно получить в удвоенном количестве/
</div></td></tr>
<tr><td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/506234.png"> <b>лиса</b> / ★★ / 2000 денях<br>
В большинстве мифологий лисица символизирует хитрость и плутовство. Однако В целом же лисы олицетворяют порочные качества, как лицемерие, коварство и злобное лукавство. В Китае и Японии лисы обладают свойствами суккубов: превращаясь в женщин, околдовывали мужчин и вытягивали все их жизненные силы. В азиатской культуре существует самое интересное упоминание лис - кицунэ, демон с несколькими хвостами, обладающий определенными силами.<br>
<b>бонус:</b> +200 деняк за каждую забранную позицию в банке
</div></td>
<td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/464936.png"> <b>жираф</b> / ★★★ / 5000 денях<br>
Жираф давно вошел в культуру людей – изображения жирафов появляются уже на ранних египетских гробницах. Как и сегодня, хвосты жирафов очень ценились, потому что длинные жесткие волосы использовались для изготовления поясов и украшений. На североафриканские популяции уже в древности охотились греки и римляне. Иногда жирафов даже использовали для показов в Колизее.<br>
<b>бонус:</b> скидка на заказ плашки 50%
</div></td></tr>
<tr><td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/885818.png"> <b>олень</b> / ★★★ / 5000 денях<br>
Олень – символ чистоты, первозданности, нежности, кротости, невинности и изящества. Благородный Тотем многих рыцарей и прекрасных дам, королей и даже святых. Во многих легендах именно благородный Олень с большими рогами является Царем лесных Зверей, могущественным проводником между физическим и духовным миром. Его рога – антенны, соединяющие плотные и более тонкие, астральные измерения.<br>
<b>бонус тотема:</b> три бесплатные сезонные плашки из банка
</div></td>
<td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/846251.png"> <b>слон</b> / ★★★ / 5000 денях<br>
Слон – символ умеренности, сострадания, вечности, верховной власти. Кроме того, слон символизирует силу, проницательность и долголетие.
Слон – ездовое животное индийских правителей и индуистского бога грозы и дождя Индры. Слон символизировал качества, необходимые для хорошего правителя – достоинство, благоразумие, интеллект и миролюбие.<br>
<b>бонус:</b> -5 минут времени от вашего счета при сборе пазла
</div></td></tr>
<tr><td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/930125.png"> <b>медведь</b> / ★★★★ / 10000 денях<br>
В мифологиях различных народов, медведь - олицетворение силы и уверенности. Больше всего упоминаний об этом звере идет от славян. О медведе запрещалось отзываться дурно: сибиряки уверяли, что смертоносные когти священного зверя обязательно настигнут обидчика или хвастуна. Табуировалось даже само имя медведя: о нем следовало говорить с надлежащим почтением и только в третьем лице – Он, Старик, Хозяин и т.д. <br>
<b>бонус:</b> +500 деняк за каждую неделю /получаете в банке самостоятельно/
</div></td>
<td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/979387.png"> <b>лев</b> / ★★★★ / 10000 денях<br>
Царственный зверь воплощает в себе богатейшую позитивную символику. Лев – символ божественной солнечной энергии и всепроникающей силы огня, королевской власти и могущества, военной силы и храбрости, мудрости и справедливости, благородства и великодушия, стойкости и силы воли, покровительства и защиты . Однако лев может рассматриваться не только как поборник добра, но и как олицетворение зла, и в этом случае он символизирует яростный гнев, свирепость и жестокость .<br>
<b>бонус тотема:</b> скидка на покупку реликвии 50 %
</div></td></tr>
<tr><td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/151289.png"> <b>единорог</b> / ★★★★★ / 20000 денях<br>
Символ целомудрия. В мифологии представляется обычно в виде белого коня с одним рогом выходящим изо лба; однако, согласно эзотерическим верованиям, он имеет белое туловище, красную голову и синие глаза. Легенда утверждает что он неутолим, когда его преследуют, но покорно ложиться на землю если к нему приблизиться девственница. Питаются они цветами, а пьют утреннею росу.<br>
<b>бонус:</b> ваше лицо в таблице каждую неделю в течении месяца /действует 4 недели, затем тотему нужно 4 недели что бы перезарядится/
</div></td>
<td><div class="stuff_info"><img src="https://forumupload.ru/uploads/0011/57/96/2/297467.png"> <b>дракон</b> / ★★★★★ / 20000 денях<br>
Собирательное название, объединяющее ряд мифических существ, фигурирующих в мифах и фольклоре многих народов мира. Представления о драконах значительно различаются в регионах мира, но европейские драконы времён Высокого Средневековья часто изображались с массивным змеевидным телом, имели крылья, рога, четыре лапы и были способны выдыхать пламя. Драконы в восточных культурах, такие как китайский дракон, обычно изображаются как бескрылые четвероногие существа с длинным змеевидным телом. Фольклорные предания приписывают им высокий интеллект и даже великую мудрость, их связывают с водными источниками и дождём.<br>
<b>бонус:</b> аватарка в подарок от амс каждую неделю
</div></td></tr>
</table>
</div>
<div id="tab-three-panel" class="panel">
loading...
</div>
</div></div>
<style>
@keyframes fake {
from { opacity: 1; }
to { opacity: 1; }
}
.worko-tabs {
margin: auto;
width: 75%;
.state{
position: absolute;
left: -10000px;
}
.flex-tabs{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.tab { flex-grow: 1; max-height: 40px; }
.panel {
padding: 20px;
min-height: 300px;
display: none;
width: 100%;
flex-basis: auto;
height: 400px;
overflow: auto;
font: 600 12px var(--tx2);
color: var(--clr1);
}
}
.tab {
display: inline-block;
padding: 10px;
vertical-align: top;
background-color: #;
cursor: hand;
cursor: pointer;
border-left: 10px solid var(--clr1);
font-family: mulish;
&:hover{ background-color: var(--clr3); }
}
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label {
background-color: #d3d3d3;
cursor: default;
border-left-color: var(--clr2);
}
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel { display: block; }
@media (max-width: 600px){
.flex-tabs{
flex-direction: column;
.tab{
background: #;
border-bottom: 1px solid var(--clr2);
&:last-of-type{
border-bottom: none;
}
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label { border-bottom: none; }
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel { border-bottom: 1px solid #ccc; }
}
<style>
[/html]
Отредактировано M as Megera (2023-09-09 21:03:22)
Поделиться172023-09-10 21:22:54
[html]
<div class="chron"> <div class="tootem_quenta_add-item1"><h5>список эпизодов</h5>
<div class="chron_add-episodes">
<div class="chron_add-episodes1">
<img src="https://forumavatars.ru/img/avatars/001b/b9/c7/2-1664648019.png">
<div>
<a href="ссылка">название эпизода</a>
игрок / игрок / игрок
<hr>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></div>
<div class="chron_add-episodes">
<div class="chron_add-episodes1">
<img src="https://forumavatars.ru/img/avatars/001b/b9/c7/2-1664648019.png">
<div>
<a href="ссылка">название эпизода</a>
игрок / игрок / игрок
<hr>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></div>
<div class="chron_add-episodes">
<div class="chron_add-episodes1">
<img src="https://forumavatars.ru/img/avatars/001b/b9/c7/2-1664648019.png">
<div>
<a href="ссылка">название эпизода</a>
игрок / игрок / игрок
<hr>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></div>
</div>
</div>
</div>
[/html]