Поиск связей
❖ Ты хочешь к нам ❖ а мы хотим тебя к себе ❖ Дружно ищем соигроков
❖ Напиши в свободной форме пару слов о задумке на персонажа и что ищешь в этой жизни. При желании, можно использовать предложенный шаблон ниже (но это не обязательно).
❖ Кроме того, данная тема также предназначена для публикации нашими игроками своих идей и пожеланий на потенциальных твинов, дабы предварительно найти себе соигроков и/или возможные связи среди гостей на что-то конкретное.
❖ Уважаемые гости, обязательно изучайте картотеку гештальтов, представленную ниже (нажимайте на изображения слева, чтобы открыть текст). Быть может в них ждут именно вас!)
Код:[block=info][block=header][block=pn] хочу к вам // возьму твинка [/block] примерное имя ❖ примерная раса ❖ примерный возраст [block=face][b] имя желаемой внешности на англ. [/b][/block] [block=gif][img]https://upforme.ru/uploads/001c/75/3f/6/113901.png[/img] [img]https://upforme.ru/uploads/001c/75/3f/6/113901.png[/img] [/block][/block][block=magic] Текст идеи на персонажа, что ищите, какую историю видите, главные моменты [/block][indent][align=center]❖ [b]связь через:[/b] например, гостевую для начала ❖ [b]активность:[/b] например, пост в неделю [/align][/block]
[indent]
[html]<div class="appearance-box">
<!-- Левая колонка с миниатюрами (присваиваем порядковые индексы) -->
<div class="appearance-list">
<img src="https://i.pinimg.com/originals/37/1f/be/371fbe31fb6af13e3ebfbec50bc5ed39.gif"
class="appearance-thumb"
data-index="1">
<img src="https://66.media.tumblr.com/911a231463e873d0e329b3f2f4987e00/eeb5edf8858eaf9b-08/s540x810/da196d99bfb04f39a68426a2db97acd62729a4fc.gif"
class="appearance-thumb"
data-index="2">
<img src="https://upforme.ru/uploads/001c/75/3f/6/113901.png"
class="appearance-thumb"
data-index="3">
<img src="https://upforme.ru/uploads/001c/75/3f/6/113901.png"
class="appearance-thumb"
data-index="4">
</div>
<!--------------------------------------------------------------- Правая колонка с панелями -->
<div class="appearance-content" id="appearanceContent">
<!-- Панель-заглушка (индекс 0, активна по умолчанию) --><div class="appearance-panel active" data-index="0"><div class="appearance-placeholder">нажми на изображение слева, чтобы узнать больше</div></div>
<!-------------------------------------------------------------------------------------------------------- Панель 1 -->
<div class="appearance-panel" data-index="1"><div class="appearance-title">
<a href="/profile.php?id=280">Idelia Monk</a> возьмет твинка:</div><div class="appearance-subtitle">
Natalie Alyn Lind, 23 года, филоморт
</div><div class="appearance-text">
Добрая в злую полосочку, часто балуется с растениями, любит готику и мистику.
<br><br>
Ищет всех, включая родню, пару, заклятую подружку и кота хд
<br><br><center>❖ связь: через гостевую ❖ активность: пост в неделю
</div></div>
<!-------------------------------------------------------------------------------------------------------- Панель 2 -->
<div class="appearance-panel" data-index="2"><div class="appearance-title">
<a href="/profile.php?id=282">Elowen Vane</a> возьмет твинка:</div><div class="appearance-subtitle">
Poppy Drayton, 75, камбион
</div><div class="appearance-text">
Пока из точного понимания, что это дочь Лилит. В остальном, персонаж на стадии придумывания. По стороне: не антагонист, а скорее антигерой (с)
<br><br>
В поисках любых связей.
<br><br><center>❖ связь: через гостевую ❖ активность: пост раз в 2 недели
</div></div>
<!-------------------------------------------------------------------------------------------------------- Панель 3 -->
<div class="appearance-panel" data-index="3"><div class="appearance-title">
<a href="/profile.php?id=">Name Profile</a> возьмет твинка:</div><div class="appearance-subtitle">
Внешность, возраст, примерная раса
</div><div class="appearance-text">
Текст идеи на персонажа, что ищите, какую историю видите, главные моменты.
<br><br>
Не нужно стесняться, вынашивая лишь в голове — пишите, что хотите отыграть и кого желаете найти.
<br><br>
Большая просьба — следить за актуальностью своих гештальтов и желанием твинководить в моменте.
<br><br><center>❖ связь: через гостевую ❖ активность: пост в неделю
</div></div>
<!-------------------------------------------------------------------------------------------------------- Панель 4 -->
<div class="appearance-panel" data-index="4"><div class="appearance-title">
<a href="/profile.php?id=">Name Profile</a> возьмет твинка:</div><div class="appearance-subtitle">
Внешность, возраст, примерная раса
</div><div class="appearance-text">
Текст идеи на персонажа, что ищите, какую историю видите, главные моменты.
<br><br>
Не нужно стесняться, вынашивая лишь в голове — пишите, что хотите отыграть и кого желаете найти.
<br><br>
Большая просьба — следить за актуальностью своих гештальтов и желанием твинководить в моменте.
<br><br><center>❖ связь: через гостевую ❖ активность: пост в неделю
</div></div>
</div></div>
<style>
:root{ --radius:16px; }
/* Основной блок */
.appearance-box{ width:min(920px,95vw); height:350px; display:flex; gap:15px; font:16px/1.5 'El Messiri' !important; }
/* Левая колонка */
.appearance-list{ width:220px; flex-shrink:0; overflow-y:auto; display:flex; flex-direction:column; gap:10px; padding-right:5px; }
/* Скролл */
.appearance-list::-webkit-scrollbar,
.appearance-content::-webkit-scrollbar{ width:6px; }
.appearance-list::-webkit-scrollbar-thumb,
.appearance-content::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.25); border-radius:20px; }
/* Картинки */
.appearance-thumb{ width: 200px; height: 100px; object-fit: cover; display: block; cursor: pointer; opacity: .7; transition: .25s; border-radius: 10px; flex-shrink: 0; }
.appearance-thumb:hover{ opacity:1; }
.appearance-thumb.active{ opacity:1; }
/* Правая колонка */
.appearance-content{ flex:1; overflow-y:auto; padding:25px; display:flex; flex-direction:column; justify-content:center;
background:rgba(187,185,185,.50);
border:1px solid rgba(0,0,0,.06);
border-radius:var(--radius); }
/* Все панели скрыты, активная показывается */
.appearance-panel{ display:none; }
.appearance-panel.active{ display:block;}
/* Заглушка – центрированный текст */
.appearance-placeholder{ text-align:center; font-size:16px; color:#444; }
/* Заголовок заявки */
.appearance-title{ text-align:center; font-family:'El Messiri'; font-size:20px; font-weight:700; margin-bottom:2px; }
/* Имя раса и т д */
.appearance-subtitle { text-align: center; margin-bottom: 15px; font-weight:500; }
/* Текст заявки */
.appearance-text{ text-align:justify; margin-bottom:20px; font-size:15px; }
</style>
<script>
const thumbs = document.querySelectorAll('.appearance-thumb');
const panels = document.querySelectorAll('.appearance-panel');
// Функция скрыть все панели и показать только ту, что с нужным индексом
function showPanel(index) {
panels.forEach(p => p.classList.remove('active'));
const target = document.querySelector(`.appearance-panel[data-index="${index}"]`);
if (target) target.classList.add('active');
}
// При клике на миниатюру
thumbs.forEach(img => {
img.addEventListener('click', function() {
// Убираем active у всех картинок
document.querySelectorAll('.appearance-thumb').forEach(t => t.classList.remove('active'));
// Добавляем текущей
this.classList.add('active');
// Показываем панель с соответствующим индексом
const idx = this.dataset.index;
showPanel(idx);
});
});
</script>
[/html]
в поисках самых разных связей для игры, отношений и не только. готов на разного рода авантюры и причуды. я больше топлю за лайтовый режим отдачи постов :3 постовые гонки - это не ко мне ))
