ого что это

Мы — вдохновлённый режиссёром Уэсом Андерсом форум, предлагающий вам разыграть свою историю на территории Зубровки. Мы не ограничиваем количество твинков, не ставим сроки на посты и хорошо относимся к наличию фантазии! Располагайтесь, узнавайте славный город Небельсбад изнутри и творите свою историю!

Doggy Home

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

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


Вы здесь » Doggy Home » Huge Puddle » html nebelsbad


html nebelsbad

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

1

[html]<style>

.htmlbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 32px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
.htmlbox .text-block quotes {
    display: block;
    width: 100%;
    max-width: 850px;
    height: auto;
    text-align: justify;
    padding: 20px;
    margin: 15px 0;
    background: var(--pun-color);
    font: 400 12px var(--font-text);
    line-height: 19px;
    border-radius: 10px;
}
.htmlbox h1 {
    display: block;
    height: 30px;
    background: var(--color1);
    color: var(--pun-color);
    font: 500 20px var(--font-title);
    letter-spacing: 1px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 20px;
}
.htmlbox h2 {
    display: block;
    height: 40px;
    color: var(--color5);
    font: 600 14px var(--font-text);
    border-bottom: 1px dashed var(--border2);
    line-height: 40px;
    margin: 0 -20px 15px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align:center;
}
</style>

<div class=btop></div><div class=htmlbox>
<title>название хтмл-поста</title>

<div class=text-block>
Шла лиса по дорожке и нашла ла́поток, пришла к мужику и просится: «Хозяин, пусти меня ночевать». Он говорит: «Некуда, лисонька! Тесно!» – «Да много ли нужно мне места! Я сама на лавку, а хвост под лавку». Пустили ее ночевать; она и говорит: «Положите мой ла́поток к вашим курочкам». Положили, а лисонька ночью встала и забросила свой лапоть. Поутру встают, она и спрашивает свой лапоть, а хозяева говорят:
<br><br>
<b>«Лисонька, ведь он пропал!» – «Ну, отдайте мне за него курочку».</b>
<quotes>Взяла курочку, приходит в другой дом и просит, чтоб ее курочку посадили к хозяйским гуськам. Ночью лиса припрятала курочку и получила за нее утром гуська. Приходит в новый дом, просится ночевать и говорит, чтоб ее гуська посадили к барашкам; опять схитрила, взяла за гуська барашка и пошла еще в один дом. Осталась ночевать и просит посадить ее барашка к хозяйским бычкам. Ночью лисонька украла и барашка, а поутру требует, чтобы за него отдали ей бычка.</quotes>
Всех – и курочку, и гуська, и барашка, и бычка – она передушила, мясо припрятала, а шкуру бычка набила соломой и поставила на дороге. Идет медведь с волком, а лиса говорит: «Подите, украдите сани да поедемте кататься».
</div>

<h1>большой заголовок</h1>

<div class=text-block>
Лиса стала править и кричит: «Шню, шню, бычок, соломенный бочок! Сани чужие, хомут не свой, погоняй – не стой!» Бычок нейдет. Она выпрыгнула из саней и закричала: «Оставайтесь, дураки!» – а сама ушла. Медведь с волком обрадовались добыче и ну рвать бычка; рвали-рвали, видят, что одна шкура да солома, покачали головами и разошлись по домам.
<h2>Маленький заголовок</h2>
Был себе дед да баба, у них было три сына: два разумных, а третий дурень. Первых баба любила, чисто одевала; а последний завсегда был одет худо – в черной сорочке ходил. Послышали они, что пришла от царя бумага: «Кто состроит такой корабль, чтобы мог летать, за того выдам замуж царевну».
<br><br>
Старшие братья решились идти пробовать счастья и попросили у стариков благословения; мать снарядила их в дорогу, надавала им белых паляниц, разного мясного и фляжку горелки и выпроводила в путь-дорогу. Увидя то, дурень начал и себе проситься, чтобы и его отпустили.
<br><br>
Мать стала его уговаривать, чтоб не ходил: «Куда тебе, дурню; тебя волки съедят!» Но дурень заладил одно: пойду да пойду! Баба видит, что с ним не сладишь, дала ему на дорогу черных паляниц и фляжку воды и выпроводила из дому.
</div>

</div><div class=bbot></div>[/html][hideprofile]

0

2

[html]<style>

.htmlbox.rules {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 0px 40px 20px 40px;
    margin-top: 308px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.rules title {
    display: block;
    height: 40px;
    width: 100%;
    text-align: center;
    color: var(--color4);
    font: 400 50px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -170px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
.htmlbox.rules h1 {
    display: block;
    height: 21px;
    background: var(--color2);
    color: var(--color4);
    font: 500 10px var(--font-text);
    letter-spacing: 0px;
    padding: 0 15px;
    line-height: 21px;
    margin: -220px 0 0px;
    border-radius: 20px;
}
.htmlbox.rules h2 {
    display: inline-block;
    height: 20px;
    color: var(--color2);
    font: 600 10px var(--font-text);
    line-height: 20px;
    background: var(--color4);
    margin: 0 10px 15px;
    padding: 0 20px;
    border-radius: 20px;
    text-transform: uppercase;
}
.htmlbox.rules p {
    display: block;
    border-bottom: 1px dashed var(--border2);
    padding: 7px 20px;
    margin: 0 -20px;
}
.htmlbox.rules p:last-child {
    border-bottom: none;
}
.htmlbox.rules center {
    display: block;
    position: absolute;
    margin-top: -13px;
}
.key1 {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/901181.png);
    width: 250px;
    height: 281px;
    position: absolute;
    margin: -325px 0 0 45px;
    background-size: cover;
    transform: rotate(12deg);
}
</style>

<br><br><div class=btop></div><div class="htmlbox rules">
<title>Добро пожаловать в Небельсбад!</title>

<h1>РЕЙТИНГ РОЛЕВОЙ +18</h1>
<div class=key1></div>
<center><h2>проект ничего не пропагандирует и ни к чему не призывает</h2><h2>все происходящее на форуме — художественный и литературный вымысел</h2></center>
<div class=text-block>
<p>Регистрация проходит на латинице с использованием заглавных букв. В имени могут быть: Имя и Фамилия, только Имя или только Фамилия с приставкой Madam (для женщин) или Monsieur (для мужчин). Для обсуждения с потенциальным игроком можно зарегистрироваться под любым именем.</p>

<p>У нас допускаются к игре только реальные внешности. Аниме/арты, в том числе реалистичные изображения, созданные ИИ, без реального прототипа — не-а.</p>

<p>К регистрации запрещены каноны существующих фандомов и франшиз, но разрешена их адаптация. В том числе это касается и канонов фильмов Уэса Андерсона.</p>

<p>Дубль внешности запрещён. Занять внешность игрока, удаляемого по активу или по ПСЖ, можно только после полного удаления его профиля с форума, но забронировать её в гостевой можно заранее.</p>

<p>Дубль имени возможен, но не рекомендуется (это значит: прежде чем взять имя, уже кем-то используемое, спишитесь с этим человеком и, если не против он, то не против и администрация); повтор фамилий допускается исключительно по причине родства.</p>

<p>Пожалуйста, воздержитесь от нецензурной брани в полях профиля, а также в организационных темах (например, в гостевой); дальше — не ограничиваем. Размер подписи не больше 150 пикселей по высоте.</p>

<p>Посты пишутся по вдохновению и как прижмёт, но, чтобы избежать удаления, нужно оставлять не менее одного сообщения в неделю. Правила распространяются на каждый профиль игрока. Актуальные списки по удалению будут вывешиваться в четверг, само удаление будет происходить по понедельникам.</p>

<p>Учёт твинков открыт и обязателен, ведётся он администрацией. Отдельной темы для списка всех твинков нет: твинки игрока перечисляются на личной странице, открывающейся по клику на плашку. Никаких ограничений на количество твинков у нас нет. Взять твинка вы можете в любой момент, в том числе с порога.</p>

<p>Лоу (сниженная активность, активен только один или два профиля) и отсутствие (игрок отсутствует на форуме вообще) возможны максимум на месяц, но при необходимости их можно продлить или указать срок больше, связавшись для этого заранее с администрацией. Если игрок уходит в отсутствие, но продолжает вести активную жизнь на форуме, то из отсутствия он исключается, и, следовательно, профили могут попасть в чёрный список по активности.</p>

<p>Для игры у нас два раздела: "Люкс-номера" (для игры внутрифорумной тематики) и "Смотровая" (для всего остального, аналог "альтернативы"). Шаблон для игры вольный, вы можете оформить свой эпизод как вашей душе угодно.</p>

<p>Заявки не выкупаются автоматически. Чтобы в обход вашей заявки не пришли, её нужно выкупить. Сделать это можно в банке. Также можно выкупить внешность, но не больше, чем на один месяц. На заявки ограничений нет. Игрок, выкупивший заявку, имеет право просить освободить роль вплоть до окончания выкупа.</p>

<p>У нас нет поста недели и эпизода недели, потому что мы физически не сможем всё оценить и прочитать, а отдавать это на суд рандому просто не хочется. У нас только заявки. Место в шапке для своей заявки можно будет выкупить в банке.</p>

<p>Токсичность, пассивную агрессию и выпады исподтишка мы не приветствуем ни по отношению к нам, ни по отношению к другим игрокам. Дискриминация любого толка — от лукавого, и у нас она тоже запрещена. Мы также не приветствуем обсуждение сторонних проектов в негативном ключе, и мы против рекламы в разделах, не созданных для этого.</p>

<p>Иногда администрация считает 2+2 через калькулятор, потому что они — тоже люди и тоже могут ошибаться, но в форме взаимно-уважительного диалога всё можно решить без последствий для нервной системы. Иными словами, давайте относиться к друг другу хорошо!</p>
</div>

</div><div class=bbot></div>[/html][hideprofile]

0

3

[html]<style>

.htmlbox.faq {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.faq title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 32px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.faq .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
.htmlbox.faq .text-block quotes {
    display: block;
    width: 100%;
    max-width: 850px;
    height: auto;
    text-align: justify;
    padding: 20px;
    margin: 25px 0 15px;
    background: var(--pun-color);
    font: 400 12px var(--font-text);
    line-height: 19px;
    border-radius: 10px;
}
.htmlbox.faq .text-block quotes name {
    display: block;
    background: var(--pun-quote);
    color: var(--color2);
    font: 700 12px var(--font-text);
    padding: 3px 10px;
    border-radius: 20px;
    position: absolute;
    margin-top: -30px;
}
.htmlbox.faq h1 {
    display: block;
    height: 30px;
    background: var(--color1);
    color: var(--pun-color);
    font: 500 20px var(--font-title);
    letter-spacing: 1px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 20px;
}
.htmlbox.faq h2 {
    display: block;
    height: 40px;
    color: var(--color5);
    font: 600 14px var(--font-text);
    border-bottom: 1px dashed var(--border2);
    line-height: 40px;
    margin: 0 -20px 15px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align:center;
}
</style>

<div class=btop></div><div class="htmlbox faq">
<title>faq</title>

<div class=text-block>
Шла лиса по дорожке и нашла ла́поток, пришла к мужику и просится: «Хозяин, пусти меня ночевать». Он говорит: «Некуда, лисонька! Тесно!» – «Да много ли нужно мне места! Я сама на лавку, а хвост под лавку». Пустили ее ночевать; она и говорит: «Положите мой ла́поток к вашим курочкам». Положили, а лисонька ночью встала и забросила свой лапоть. Поутру встают, она и спрашивает свой лапоть, а хозяева говорят:
<br><br>
<b>«Лисонька, ведь он пропал!» – «Ну, отдайте мне за него курочку».</b>
Всех – и курочку, и гуська, и барашка, и бычка – она передушила, мясо припрятала, а шкуру бычка набила соломой и поставила на дороге. Идет медведь с волком, а лиса говорит: «Подите, украдите сани да поедемте кататься».
</div>

<h1>большой заголовок</h1>

<div class=text-block>
<h2>ОБЩАЯ ИНФОРМАЦИЯ И ВОПРОСЫ, НЕ ЗАТРАГИВАЮЩИЕ (ИЛИ ДЕЛАЮЩИЕ ЭТО ЧАСТИЧНО) ЛОР НАШЕЙ РОЛЕВОЙ</h2>

<quotes><name> Чем вдохновлялись для ролевой?</name>Преимущественно фильмом "Отель Гранд Будапешт", что хорошо видно в визуале, но мы не им одним едины. Все фильмы Уэса Андерсона так или иначе повлияли на создание этой ролевой. К просмотру для игры ни один из фильмов не обязателен, но очень рекомендуем как хорошее кино! </quotes>

<quotes><name> Чем вдохновлялись для ролевой?</name>Преимущественно фильмом "Отель Гранд Будапешт", что хорошо видно в визуале, но мы не им одним едины. Все фильмы Уэса Андерсона так или иначе повлияли на создание этой ролевой. К просмотру для игры ни один из фильмов не обязателен, но очень рекомендуем как хорошее кино! </quotes>

<quotes><name> Чем вдохновлялись для ролевой?</name>Преимущественно фильмом "Отель Гранд Будапешт", что хорошо видно в визуале, но мы не им одним едины. Все фильмы Уэса Андерсона так или иначе повлияли на создание этой ролевой. К просмотру для игры ни один из фильмов не обязателен, но очень рекомендуем как хорошее кино! </quotes>

<h2>ОБЩАЯ ИНФОРМАЦИЯ И ВОПРОСЫ, НЕ ЗАТРАГИВАЮЩИЕ (ИЛИ ДЕЛАЮЩИЕ ЭТО ЧАСТИЧНО) ЛОР НАШЕЙ РОЛЕВОЙ</h2>

<quotes><name> Чем вдохновлялись для ролевой?</name>Преимущественно фильмом "Отель Гранд Будапешт", что хорошо видно в визуале, но мы не им одним едины. Все фильмы Уэса Андерсона так или иначе повлияли на создание этой ролевой. К просмотру для игры ни один из фильмов не обязателен, но очень рекомендуем как хорошее кино! </quotes>

<quotes><name> Чем вдохновлялись для ролевой?</name>Преимущественно фильмом "Отель Гранд Будапешт", что хорошо видно в визуале, но мы не им одним едины. Все фильмы Уэса Андерсона так или иначе повлияли на создание этой ролевой. К просмотру для игры ни один из фильмов не обязателен, но очень рекомендуем как хорошее кино! </quotes>

<quotes><name> Чем вдохновлялись для ролевой?</name>Преимущественно фильмом "Отель Гранд Будапешт", что хорошо видно в визуале, но мы не им одним едины. Все фильмы Уэса Андерсона так или иначе повлияли на создание этой ролевой. К просмотру для игры ни один из фильмов не обязателен, но очень рекомендуем как хорошее кино! </quotes>
</div>

</div><div class=bbot></div>[/html][hideprofile]

0

4

[html]<style>

.htmlbox.quest {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: 565px;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/769879.png) top center no-repeat;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 0px;
}
.htmlbox.quest .text-block {
    position: absolute;
    width: 330px;
    padding: 20px;
    text-align: justify;
    border: none;
    border-radius: 5px;
    background: var(--pun-quote);
    font: 300 11px var(--font-text);
    line-height: 19px;
    background: var(--color2);
    color: var(--pun-color);
}
.htmlbox.quest .text-block.scroll {
    overflow-y: scroll;
    height: 200px;
    width: 400px;
    background: var(--pun-quote);
    color: var(--color-text);
    padding: 10px 20px;
}
.htmlbox.quest h2 {
    position: fixed;
    display: block;
    height: 25px;
    color: var(--color2);
    font: 600 12px var(--font-text);
    border: none;
    border-radius: 20px;
    line-height: 25px;
    margin: -22px 0px 0;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    background: var(--color4);
}
.htmlbox.quest .text-block ul b {
    display: block;
    padding: 5px 20px;
    margin: 10px -20px;
    text-align: left;
    border-bottom: 1px dashed var(--border2);
    font: 700 11px var(--font-text);
    text-transform: uppercase;
    color: var(--color5);
    line-height: 19px;
}
.htmlbox.quest .code-box strong.legend a:before {
    content: " ";
}
.html-links {
    position: absolute;
    margin: 530px 0 0 15px;
    width: 903px;
    text-align: center;
}
.html-links a:link, .html-links a:visited {
    display: inline-block;
    background: var(--color2);
    color: var(--color4);
    text-transform: uppercase;
    font: 600 10px var(--font-text);
    height: 21px;
    line-height: 21px;
    padding: 0 20px;
    margin: 0 3px;
    border-radius: 20px;
}
.html-links a:hover, .html-links a:active {
    background: var(--color4);
    color: var(--color2);
}
</style>

<div class="htmlbox quest">

<div class="text-block scroll" style="margin: 270px 0 0 8px;"><h2>Мужские</h2>
<ul><b>до 15.06</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>до 15.06</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>до 15.06</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
</div>

<div class="text-block scroll" style="margin: 270px 0 0 481px;"><h2>Женские</h2>
<ul><b>до 15.06</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>до 15.06</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>до 15.06</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
</div>

<div class=text-block style="margin: 30px 0 0 550px;">
Бронь держится на 3 дня для гостей.
<br>
Для зарегистрированных пользователей — 7 дней.
<br>
Для гостей бронь не продлевается. Все даты указаны включительно.
</div>

<div class=htmlcode style="position: absolute; margin: 156px 0 0 560px; width: 350px;">
<div class=code-box style="padding: 30px 20px 1px 20px;  background: var(--color1);  border: 1px dashed #0000004d;"> <strong class=legend>забрать код</strong> <div class=blockcode> <div class=scrollbox style="height: 20px"> <pre style="white-space: pre-line;"><li>Name Surname — <a href="ссылка на профиль">Name</a></li></pre> </div> </div> </div>
        </div>

<div class=html-links>
<a href="https://troyandesign.rusff.me/">ссылка 1</a>
<a href="https://troyandesign.rusff.me/">ссылка 2</a>
<a href="https://troyandesign.rusff.me/">ссылка 3</a>
<a href="https://troyandesign.rusff.me/">ссылка 4</a>
<a href="https://troyandesign.rusff.me/">ссылка 5</a>
<a href="https://troyandesign.rusff.me/">ссылка 6</a>
</div>

<a href="https://troyandesign.rusff.me/" class=h-ams1 style="position: absolute; margin: 30px 0 0 360px; transform: rotate(5deg);"><img title="амс один" src="https://upforme.ru/uploads/001c/c0/fe/2/280198.png"></a>
<a href="https://troyandesign.rusff.me/" class=h-ams2 style="position: absolute; margin: 120px 0 0 300px; transform: rotate(356deg);"><img title="амс два" src="https://upforme.ru/uploads/001c/c0/fe/2/412501.png"></a>

</div><script type="text/javascript" src="https://forumstatic.ru/files/001c/a0/e3/24245.js"></script>[/html][hideprofile]

0

5

[html]<style>

.htmlbox.chars {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.chars title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 32px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.chars .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
.htmlbox.chars .text-block.scroll {
    width: 260px;
    margin-top: 20px;
    overflow-y: scroll;
    height: 300px;
    background: var(--color2);
    border-color: #00000052;
    color: var(--pun-color);
}
.htmlbox.chars .text-block ul b {
    display: block;
    padding: 5px 20px;
    margin: 10px -20px;
    text-align: left;
    border-bottom: 1px dashed #00000047;
    font: 700 14px var(--font-text);
    text-transform: uppercase;
    color: var(--color5);
    line-height: 19px;
}
.htmlbox.chars .text-block ul a:link, .htmlbox.chars .text-block ul a:visited {color:var(--color4);}
.htmlbox.chars .text-block ul a:hover, .htmlbox.chars .text-block ul a:active {color:var(--color5);}
.htmlbox.chars h2 {
    position: fixed;
    display: block;
    height: 25px;
    color: var(--color2);
    font: 600 12px var(--font-text);
    border: none;
    border-radius: 20px;
    line-height: 25px;
    margin: -35px 0px 0;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    background: var(--color4);
}
</style>

<div class=btop></div><div class="htmlbox chars">
<title>список внешностей и имён</title>

<div class=text-block>
Дубль внешности запрещён. Занять внешность игрока, удаляемого по активу или по ПСЖ, можно только после полного удаления его профиля с форума, но забронировать её в гостевой можно заранее.
<br><br>
Дубль имени возможен, но не рекомендуется (это значит: прежде чем взять имя, уже кем-то используемое, спишитесь с этим человеком и, если не против он, то не против и администрация); повтор фамилий допускается исключительно по причине родства.
</div>

<div class="text-block scroll"><h2>Мужские внешности</h2>
<ul><b>A B C D</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>E F G H</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>I J K L</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>M N O P</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>Q R S T</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>U V W</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>X Y Z</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
</div>
<div class="text-block scroll"><h2>Женские внешности</h2>
<ul><b>A B C D</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>E F G H</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>I J K L</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>M N O P</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>Q R S T</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>U V W</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>X Y Z</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
</div>
<div class="text-block scroll"><h2>Имена и фамилии</h2>
<ul><b>A B C D</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>E F G H</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>I J K L</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>M N O P</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>Q R S T</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>U V W</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
<ul><b>X Y Z</b>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
<li>Name Surname — <a href="https://troyandesign.rusff.me/">Name</a></li>
</ul>
</div>

</div><div class=bbot></div>[/html][hideprofile]

0

6

[html]<style>

.htmlbox.jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.jobs title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 32px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.jobs .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
.htmlbox.jobs a.job-box:link, .htmlbox.jobs a.job-box:visited {
    width: 220px;
    height: 110px;
    background: var(--color2);
    border: 1px dashed #00000052;
    color: var(--pun-color);
}
.htmlbox.jobs a.job-box:hover, .htmlbox.jobs a.job-box:active {
    background: var(--color1);
}
.htmlbox.jobs a h1 {
    display: block;
    height: 45px;
    color: var(--color3);
    font: 400 18px var(--font-title);
    border: none;
    border-radius: 0;
    letter-spacing: 1px;
    line-height: 45px;
    margin: 0px 0px 0;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
}
.htmlbox.jobs a h2 {
    display: block;
    height: 25px;
    color: var(--color4);
    font: 400 11px var(--font-text);
    border: none;
    border-radius: 0;
    line-height: 25px;
    margin: 0px 0;
    padding: 5px 20px;
    text-transform: lowercase;
    text-align: center;
    border-top: 1px dashed #00000066;
}
</style>

<div class=btop></div><div class="htmlbox jobs">
<title>биржа труда</title>

<div class=text-block>
Если у вас возникают сложности с идеей для профессии вашего персонажа, то вы всегда можете обратиться за помощью к администрации!
</div>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

<a class=job-box href="https://troyandesign.rusff.me/"><h1>Name Surname</h1>
<h2>работник кондитерской Мендельса</h2></a>

</div><div class=bbot></div>[/html][hideprofile]

0

7

[html]<style>

.htmlbox.bank {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.bank title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 32px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.bank .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
.htmlbox.bank .text-block.scroll {
    width: 410px;
    margin-top: 20px;
    height: auto;
    background: var(--color2);
    border-color: #00000052;
    color: var(--pun-color);
}
.htmlbox.bank .text-block ul li {
    display: block;
    padding: 10px 20px;
    margin: 0px -20px;
    text-align: left;
    border-bottom: 1px dashed #00000047;
    font: 400 11px var(--font-text);
    text-transform: none;
    color: var(--pun-color);
    line-height: 19px;
}
.htmlbox.bank .text-block ul li:last-child {
    border-bottom: none;
}
.htmlbox.bank .text-block ul price {
    display: block;
    float: right;
    font: 700 14px var(--font-text);
    text-transform: uppercase;
    color: var(--color5);
    line-height: 19px;
}
.htmlbox.bank h2 {
    position: fixed;
    display: block;
    height: 25px;
    color: var(--color2);
    font: 600 12px var(--font-text);
    border: none;
    border-radius: 20px;
    line-height: 25px;
    margin: -35px 0px 0;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    background: var(--color4);
}
</style>

<div class=btop></div><div class="htmlbox bank">
<title>банк</title>

<div class=text-block>
Банк заполняется в свободной форме, главное не забывать приносить ссылки на доказательства (если такие могут быть предоставлены).
</div>

<div class="text-block scroll"><h2>Заработать</h2>
<ul>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
</ul>
</div>

<div class="text-block scroll"><h2>Потратить</h2>
<ul>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>ваша тема для флешмоба <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
<li>регистрация и заполнение всех орг. тем (начисляется автоматически) <price>5 $</price></li>
</ul>
</div>

</div><div class=bbot></div>[/html][hideprofile]

0

8

Name Surname
Имя Фамилия, 00

https://upforme.ru/uploads/001c/c0/fe/2/413512.jpg
имя фамилия внешности на англ.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non arcu pretium lacus porta efficitur. Phasellus rhoncus metus at nulla laoreet, vel semper dui varius. Cras vel vehicula sem. Nam accumsan luctus ex sit amet tincidunt. Nulla facilisi. Aliquam aliquam tortor vitae nisi semper maximus. Aenean sit amet egestas odio. Mauris non enim eget nulla pellentesque feugiat.

Ut commodo mi ut aliquam efficitur. Quisque non sapien at nisi commodo mollis. Ut a elementum urna. Integer leo ante, vehicula sit amet dolor sit amet, porttitor bibendum ex. Proin aliquet lectus nec libero porttitor accumsan. Integer vel luctus massa, et tincidunt sem. Donec vel aliquam mi. Vivamus orci purus, semper at pretium et, volutpat ac dui. Etiam dignissim orci sit amet nisl rutrum convallis. Ut iaculis eleifend congue. Aenean at elementum purus, nec auctor eros. Nam quis pretium lacus. Nullam mollis nec dolor at ultricies. Morbi interdum enim ut eros rhoncus, ac tristique metus aliquam. Mauris tempor dui eget tellus dictum, sit amet commodo nisi semper.

ДОПОЛНИТЕЛЬНО


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non arcu pretium lacus porta efficitur. Phasellus rhoncus metus at nulla laoreet, vel semper dui varius. Cras vel vehicula sem. Nam accumsan luctus ex sit amet tincidunt. Nulla facilisi. Aliquam aliquam tortor vitae nisi semper maximus. Aenean sit amet egestas odio. Mauris non enim eget nulla pellentesque feugiat.

0

9

[html]<style>

.htmlbox.act {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.act title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 32px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.act .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
</style>

<div class=btop></div><div class="htmlbox act">
<title>нужные персонажи</title>

<div class=text-block>
Внешности для акций не выкупаются автоматически — её можно выкупить в банке. Там же можно выкупить имя, если есть такая необходимость.
<br>
Если игрок приходит по акции, ему необходимо связаться с заказчиком заранее. Особенно это касается выкупленных заявок.
<br>
По выкупленным заявкам игрок имеет право освободить роль/внешность вплоть до окончания его выкупа.
</div>
</div><div class=bbot></div>[/html][hideprofile]

Код:
[table][tr][td][/td][td width=500px]
[align=center][font=Coestral][size=30][color=#3d3d5b]Name Surname[/color][/size][/font]
[color=#6a6a83]Имя Фамилия, 00[/color][/align]

[align=center][img]ссылка на картинку[/img]
[size=10]имя фамилия внешности на англ.[/size][/align]

текст заявки

[b][size=11][color=#966c5b]ДОПОЛНИТЕЛЬНО[/color][/size][/b][hr]
дополнительная информация
[/td][td][/td][/tr][/table]

0

10

[html]<style>

.htmlbox.act {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.act title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 32px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.act .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
</style>

<div class=btop></div><div class="htmlbox act">
<title>шаблон анкеты</title>

<div class=text-block>
Вы можете заполнить как упрощенный вариант анкеты, так и расписать всю биографию персонажа от и до.
<br>
Название анкеты: name surname, 00 y.o. — на английском языке, с маленькой буквы;
<br>
Анкета выкладывается в этом же разделе, где сидит шаблон;
<br>
Шаблон анкеты уже встроен в форум, вам нужно только создать новую тему, и он сразу же появится в форме ответа;
<br>
Коды для личного звания заполняются только после принятия в отдельной теме;
</div>
</div><div class=bbot></div>[/html][hideprofile]

Код:
[table][tr][td][/td][td width=500px]
[align=center][font=Coestral][size=30][color=#3d3d5b]Name Surname[/color][/size][/font]
[color=#6a6a83]Имя Фамилия, 00[/color][/align]

[align=center][img]ссылка на картинку[/img]
[size=10]имя фамилия внешности на англ.[/size][/align]

текст заявки

[b][size=11][color=#966c5b]ДОПОЛНИТЕЛЬНО[/color][/size][/b][hr]
дополнительная информация
[/td][td][/td][/tr][/table]

0

11

[html]<style>

.htmlbox.actp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 360px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 45px 20px 15px 20px;
}
.htmlbox.actp title {
    position: absolute;
    display: inline-block;
    height: 40px;
    background: var(--color4);
    color: var(--color2);
    font: 400 28px var(--font-title);
    padding: 0 25px;
    line-height: 40px;
    margin-top: -30px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.actp .text-block {
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: justify;
    border: 1px dashed #00000045;
    background: var(--color2);
    font: 400 10px var(--font-text);
    line-height: 19px;
    color: var(--pun-color);
}
.htmlbox.actp .html-links {
    margin: 0px 0 0 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: flex-start;
    gap: 5px;
}
.htmlbox.actp .html-links a:link, .htmlbox.actp .html-links a:visited {
    display: inline-block;
    background: var(--color2);
    color: var(--color4);
    text-transform: uppercase;
    font: 600 10px var(--font-text);
    height: 21px;
    line-height: 21px;
    padding: 0 20px;
    margin: 0 3px;
    border-radius: 20px;
}
.htmlbox.actp .html-links a:hover, .htmlbox.actp .html-links a:active {
    background: var(--color4);
    color: var(--color2);
}
</style>

<center><div class="htmlbox actp">
<title>Добро пожаловать!</title>

<div class=text-block>
Nam a sapien in elit viverra dignissim. Nunc at tristique nulla, sit amet imperdiet sem. Sed id convallis augue, ut ullamcorper est. Nulla gravida at elit id lobortis. Cras imperdiet urna ac tincidunt condimentum.
</div><div class=html-links>
<a href="https://troyandesign.rusff.me/">ссылка 1</a>
<a href="https://troyandesign.rusff.me/">ссылка 2</a>
<a href="https://troyandesign.rusff.me/">ссылка 3</a>
<a href="https://troyandesign.rusff.me/">ссылка 4</a>
<a href="https://troyandesign.rusff.me/">ссылка 5</a>
<a href="https://troyandesign.rusff.me/">ссылка 6</a>
</div>

</div></center>[/html]

0

12

[html]<style>

.htmlbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 930px;
    height: auto;
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/916505.png) top center repeat-y;
    border: none;
    padding: 40px 40px 20px 40px;
    margin-top: 20px;
}
div.btop {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/216802.png) top center no-repeat;
    display: block;
    width: 1010px;
    height: 340px;
    position: absolute;
    margin: 0 0 0 0;
    z-index: -1;
}
div.bbot {
    background: url(https://upforme.ru/uploads/001c/c0/fe/2/29333.png) bottom center no-repeat;
    display: block;
    width: 1010px;
    height: 21px;
}
.htmlbox.news title {
    display: inline-block;
    width: auto;
    position: absolute;
    height: 45px;
    background: var(--color1);
    color: var(--color5);
    font: 700 20px var(--font-text);
    text-transform: uppercase;
    padding: 0 25px;
    line-height: 47px;
    margin-top: -65px;
    letter-spacing: 1px;
    border-radius: 50px;
}
.htmlbox.news .text-block {
    width: 100%;
    height: auto;
    padding: 40px 20px 20px;
    text-align: justify;
    border: 1px dashed var(--border2);
    background: var(--pun-quote);
    font: 400 12px var(--font-text);
    line-height: 19px;
}
.htmlbox .text-block quotes {
    display: block;
    width: 100%;
    max-width: 850px;
    height: auto;
    text-align: justify;
    padding: 20px;
    margin: 15px 0;
    background: var(--pun-color);
    font: 400 12px var(--font-text);
    line-height: 19px;
    border-radius: 10px;
}
.htmlbox h2 {
    display: block;
    height: 40px;
    color: var(--color5);
    font: 600 14px var(--font-text);
    border-bottom: 1px dashed var(--border2);
    line-height: 40px;
    margin: 0 -20px 15px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align:center;
}
</style>

<div class=btop></div><div class="htmlbox news">
<div class=text-block>
<title>новости от 01.11</title>
Шла лиса по дорожке и нашла ла́поток, пришла к мужику и просится: «Хозяин, пусти меня ночевать». Он говорит: «Некуда, лисонька! Тесно!» – «Да много ли нужно мне места! Я сама на лавку, а хвост под лавку». Пустили ее ночевать; она и говорит: «Положите мой ла́поток к вашим курочкам». Положили, а лисонька ночью встала и забросила свой лапоть. Поутру встают, она и спрашивает свой лапоть, а хозяева говорят:
<h2>Маленький заголовок</h2>
<b>«Лисонька, ведь он пропал!» – «Ну, отдайте мне за него курочку».</b>
<quotes>Взяла курочку, приходит в другой дом и просит, чтоб ее курочку посадили к хозяйским гуськам. Ночью лиса припрятала курочку и получила за нее утром гуська. Приходит в новый дом, просится ночевать и говорит, чтоб ее гуська посадили к барашкам; опять схитрила, взяла за гуська барашка и пошла еще в один дом. Осталась ночевать и просит посадить ее барашка к хозяйским бычкам. Ночью лисонька украла и барашка, а поутру требует, чтобы за него отдали ей бычка.</quotes>
Всех – и курочку, и гуська, и барашка, и бычка – она передушила, мясо припрятала, а шкуру бычка набила соломой и поставила на дороге. Идет медведь с волком, а лиса говорит: «Подите, украдите сани да поедемте кататься».
</div>

</div><div class=bbot></div>[/html][hideprofile]

0

13

[html]<style>
.n-page {
    display: flex;
    width: 900px;
    height: 500px;
    background: var(--color1);
    border-radius: 20px;
    border: 1px solid var(--color2);
    flex-wrap: nowrap;
    justify-content: space-between;
}
.page-left {
    display: flex;
    width: 240px;
    height: 100%;
    border-right: 1px dashed #0000003d;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    gap: 20px 0;
    padding: 40px 0;
}
.page-avatar {
    display: block;
    width: 180px;
    height: 180px;
    box-shadow: 0 0 5px #00000036;
    border-radius: 5px;
    overflow: hidden;
}
.page-name {
    display: block;
    font: 400 20px var(--font-title);
    color: var(--color4);
    letter-spacing: 1px;
}
.page-money {
    display: block;
    width: 240px;
    text-align: center;
    font: 700 13px var(--font-text);
    color: var(--color5);
    padding-bottom: 10px;
    border-bottom: 1px dashed #0000003b;
}
.page-money:after {
    content: " $";
}
.page-profiles {
    display: flex;
    width: 240px;
    text-align: center;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    gap: 5px;
}
.page-profiles a:link, .page-profiles a:visited {
    display: block;
    text-align: center;
    color: var(--color3);
    font: 300 11px var(--font-text);
    line-height: 18px;
    background: var(--color2);
    width: 180px;
    border-radius: 20px;
}
.page-profiles a:hover, .page-profiles a:active {
    color: var(--color3);
    background: var(--color5);
}

.page-right {
    display: block;
    background: var(--color2);
    width: 600px;
    height: 420px;
    margin: 20px;
    padding: 20px;
    border-radius: 10px;
    color: var(--color4);
    box-shadow: 0 0 5px #00000014;
}
.page-right span {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    gap: 10px;
    overflow-y: scroll;
    padding-right: 20px;
    height: 100%;
}
.page-right coupon {
    display: block;
    padding: 15px;
    background: var(--color2);
    border-radius: 5px;
    border: 1px dashed #00000066;
    font: 11px var(--font-text);
    height: 70px;
    width: 240px;
}
.page-right coupon icon {
    display: block;
    float: right;
    font: 700 13px var(--font-text);
    color: var(--color5);
}
.page-right coupon h1 {
    display: block;
    margin: 0 -15px 5px;
    padding: 0 15px 5px;
    border-bottom: 1px dashed #00000059;
    text-transform: uppercase;
    font: 700 14px var(--font-text);
}
.page-right coupon h2 {
    display: block;
}
</style>

<div class=n-page>
<div class=page-left><div class=page-name>Troyan Dog</div>
<div class=page-avatar><img src="https://upforme.ru/uploads/001c/c0/fe/2/278542.jpg"></div>
<div class=page-money>613</div>
<div class=page-profiles>
<a href="https://troyandesign.rusff.me/">Name Surname</a>
<a href="https://troyandesign.rusff.me/">Name Surname</a>
<a href="https://troyandesign.rusff.me/">Name Surname</a>
<a href="https://troyandesign.rusff.me/">Name Surname</a>
</div>
</div>

<div class=page-right><span>

<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x1</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x1</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x2</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x10</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x1</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x666</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x1</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x1</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x2</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x10</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x1</icon></coupon>
<coupon><h1>Купон на что-то там</h1><h2>Какое-то небольшое описание к купону с принципом его действия</h2><icon>x666</icon></coupon>

</span></div>

</div>[/html][hideprofile]

0


Вы здесь » Doggy Home » Huge Puddle » html nebelsbad


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