Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12026-01-28 21:05:40
- Администратор
- лили поттер, 26
- смерть неможлива там, де лишаються двоє
- ти ходяча брехня
і я тебе наскрізь бачу - Сообщений: 10
- Уважение: +0
- 00
- Последний визит:
Вчера 23:17:06
ПеревестиПоделиться22026-07-29 17:31:49
- Администратор
- лили поттер, 26
- смерть неможлива там, де лишаються двоє
- ти ходяча брехня
і я тебе наскрізь бачу - Сообщений: 10
- Уважение: +0
- 00
- Последний визит:
Вчера 23:17:06
Create a high-quality collage with a final resolution of exactly 1050 × 490 pixels. Use the attached reference image only as a guide for the composition, layout, spacing, layering, and overall aesthetic. Match the visual style, balance, and arrangement as closely as possible, but replace every element with the images I provide.
I will attach all of the images that must be used in the collage. Use only these provided images. Do not generate, replace, or invent any additional objects, photos, illustrations, textures, or decorative elements unless they are already present in the provided assets.
The collage must contain absolutely no text of any kind. Remove or avoid all letters, words, numbers, logos, labels, stamps, captions, signs, watermarks, handwriting, and typographic elements. If any of the provided images contain text, crop, mask, or edit it out while preserving a natural appearance.
Keep the layered scrapbook/collage aesthetic from the reference, including realistic overlapping elements, paper textures, tape effects, torn edges, shadows, and depth. Maintain a clean, cohesive, premium-looking composition with consistent lighting and color grading.
Do not change the aspect ratio of the final image. Export a single image at exactly 1050 × 490 pixels.
Поделиться32026-10-16 01:08:07
- Администратор
- Сообщений: 4
- Уважение: +1
- 0
- Последний визит:
2026-10-16 16:18:06
[html]
<style>
/* =====================================================
ОБЩИЙ ФОН HTML-БЛОКА
===================================================== */
html,
body {
margin: 0 !important;
padding: 0 !important;
width: 100%;
min-width: 100%;
background: #dfe0dc !important;
}
/* =====================================================
ФОН ВОКРУГ ЛИСТА
===================================================== */
.rx-stage {
width: 100%;
min-width: 100%;
margin: 0;
padding: 28px 0;
box-sizing: border-box;
background: #dfe0dc;
}
/* =====================================================
ОБЩАЯ ОБОЛОЧКА
===================================================== */
.rx-sheet {
--green: #477551;
--green-dark: #55594f;
--ruby: #854b55;
--rust: #a36a4f;
--bone: #beb7a7;
--smoke: #92918a;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
background: transparent;
color: #343632;
font-family: Arial, Helvetica, sans-serif;
border: none;
box-shadow: none;
}
/* =====================================================
САМ ЛИСТ
===================================================== */
.rx-inner {
width: 620px;
max-width: calc(100% - 56px);
margin: 0 auto;
padding: 34px 32px 38px;
box-sizing: border-box;
background: #e7e8e4;
box-shadow:
0 14px 35px rgba(25, 29, 26, .22),
0 3px 8px rgba(25, 29, 26, .10);
}
/* =====================================================
ВЕРХНЯЯ СЛУЖЕБНАЯ СТРОКА
===================================================== */
.rx-topline {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-bottom: 9px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(85, 89, 79, .28);
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: #535650;
}
.rx-topline span:last-child {
color: var(--ruby);
text-align: right;
}
/* =====================================================
HEADER
===================================================== */
.rx-head {
position: relative;
padding: 8px 0 25px;
border-bottom: 3px double rgba(71, 117, 81, .50);
}
.rx-kicker {
margin-bottom: 8px;
font-size: 8px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
color: var(--ruby);
text-align: center;
}
.rx-title {
margin: 0;
font-family: Yeseva One, 'Times New Roman', serif;
font-size: 43px;
font-weight: normal;
line-height: .95;
letter-spacing: -1px;
color: var(--green);
text-align: center;
}
.rx-subtitle {
max-width: 620px;
margin-top: 16px;
font-family: Playfair Display SC, 'Times New Roman', serif;
font-size: 11px;
line-height: 1.65;
color: #565853;
text-align: justify;
}
/* =====================================================
META
===================================================== */
.rx-meta {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 20px;
border-top: 1px solid rgba(85, 89, 79, .20);
border-bottom: 1px solid rgba(85, 89, 79, .20);
}
.rx-meta-item {
padding: 10px 12px;
border-right: 1px solid rgba(85, 89, 79, .20);
font-size: 7px;
line-height: 1.5;
text-transform: uppercase;
letter-spacing: 1.2px;
text-align: center;
color: #4b4e49;
}
.rx-meta-item:last-child {
border-right: 0;
}
.rx-meta-item b {
color: var(--green);
}
/* =====================================================
WARNING
===================================================== */
.rx-warning {
display: grid;
grid-template-columns: 48px 1fr;
margin: 28px 0 30px;
border-top: 1px solid var(--ruby);
border-bottom: 1px solid var(--ruby);
}
.rx-warning-mark {
display: flex;
align-items: center;
justify-content: center;
font-family: Georgia, 'Times New Roman', serif;
font-size: 27px;
font-style: italic;
color: var(--ruby);
}
.rx-warning-content {
padding: 12px 0 12px 15px;
border-left: 1px solid rgba(133, 75, 85, .45);
font-size: 9px;
line-height: 1.65;
color: #343632;
}
.rx-warning-title {
margin-bottom: 4px;
font-size: 8px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ruby);
}
/* =====================================================
РАЗДЕЛЫ
===================================================== */
.rx-section {
display: grid;
grid-template-columns: 66px 1fr;
padding: 24px 0;
border-bottom: 1px solid rgba(85, 89, 79, .22);
}
.rx-section:first-of-type {
border-top: 1px solid rgba(85, 89, 79, .22);
}
/* =====================================================
НОМЕР
===================================================== */
.rx-number {
padding-top: 1px;
font-family: Georgia, 'Times New Roman', serif;
font-size: 26px;
font-style: italic;
line-height: 1;
color: var(--ruby);
}
/* =====================================================
ЗАГОЛОВОК РАЗДЕЛА
===================================================== */
.rx-section-main {
min-width: 0;
}
.rx-section-title {
margin-bottom: 11px;
font-size: 9px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.7px;
color: var(--green);
}
.rx-section-title:after {
content: "";
display: inline-block;
width: 34px;
height: 1px;
margin-left: 10px;
vertical-align: middle;
background: var(--rust);
opacity: .65;
}
/* =====================================================
ТЕКСТ
===================================================== */
.rx-body {
font-size: 10px;
line-height: 1.75;
text-align: justify;
color: #343632;
}
.rx-body p {
margin: 0 0 10px;
}
.rx-body p:last-child {
margin-bottom: 0;
}
.rx-body b {
color: var(--green);
}
/* =====================================================
СПИСКИ
===================================================== */
.rx-body ul {
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.rx-body li {
position: relative;
margin: 5px 0;
padding-left: 15px;
}
.rx-body li:before {
content: "—";
position: absolute;
left: 0;
color: var(--rust);
}
/* =====================================================
СНОСКА
===================================================== */
.rx-note {
margin-top: 13px;
padding-top: 9px;
border-top: 1px dotted rgba(85, 89, 79, .35);
font-family: Georgia, 'Times New Roman', serif;
font-size: 9px;
font-style: italic;
line-height: 1.55;
color: #6b6d67;
}
/* =====================================================
ФИНАЛ
===================================================== */
.rx-final {
position: relative;
margin-top: 32px;
padding: 22px 28px;
border: 1px solid rgba(71, 117, 81, .55);
text-align: center;
}
.rx-final:before,
.rx-final:after {
content: "✦";
position: absolute;
top: -8px;
padding: 0 8px;
background: #e7e8e4;
font-size: 10px;
color: var(--ruby);
}
.rx-final:before {
left: 18px;
}
.rx-final:after {
right: 18px;
}
.rx-final-title {
margin-bottom: 7px;
font-family: Georgia, 'Times New Roman', serif;
font-size: 17px;
font-style: italic;
color: var(--green);
}
.rx-final-text {
font-size: 8px;
line-height: 1.7;
text-transform: uppercase;
letter-spacing: .8px;
color: #62645f;
}
/* =====================================================
FOOTER
===================================================== */
.rx-footer {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 15px;
font-size: 6px;
text-transform: uppercase;
letter-spacing: 1.4px;
color: #74766f;
}
</style>
<div class="rx-stage">
<div class="rx-sheet">
<div class="rx-inner">
<!-- TOP -->
<div class="rx-topline">
<span>
st mungo's hospital for magical maladies and injuries
</span>
<span>
patient information leaflet / 2003
</span>
</div>
<!-- HEADER -->
<div class="rx-head">
<div class="rx-kicker">
restorative potion • prescription only
</div>
<h1 class="rx-title">
FAQ & ПРАВИЛА
</h1>
<div class="rx-subtitle">
средство для облегчения последствий тяжёлых эмоциональных
потрясений, продолжительного стресса, утраты и других состояний,
при которых человек совершенно справедливо предпочёл бы
несколько недель никого не видеть и сбежать в эскапизм.
</div>
<div class="rx-meta">
<div class="rx-meta-item">
<b>form</b><br>
oral potion
</div>
<div class="rx-meta-item">
<b>dispensing</b><br>
prescription only
</div>
<div class="rx-meta-item">
<b>issue</b><br>
2002–2003
</div>
</div>
</div>
<!-- WARNING -->
<div class="rx-warning">
<div class="rx-warning-mark">
!
</div>
<div class="rx-warning-content">
<div class="rx-warning-title">
warning
</div>
Certified Renascentium is available exclusively from the
pharmacy at St Mungo’s Hospital for Magical Maladies and Injuries.
</div>
</div>
<!-- 01 -->
<div class="rx-section">
<div class="rx-number">
01
</div>
<div class="rx-section-main">
<div class="rx-section-title">
показания к применению
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum posuere, sapien nec consectetur luctus,
mauris tortor tincidunt lorem, vitae facilisis justo
arcu sit amet lorem.
</p>
<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium.
</p>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent feugiat neque non justo consequat.
</div>
</div>
</div>
</div>
<!-- 02 -->
<div class="rx-section">
<div class="rx-number">
02
</div>
<div class="rx-section-main">
<div class="rx-section-title">
перед началом приема
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam posuere lorem id massa tincidunt, non tincidunt velit.
</p>
<p>
Donec sed magna vitae neque viverra vulputate.
Vivamus feugiat neque quis lectus vulputate fermentum.
</p>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</div>
<!-- 03 -->
<div class="rx-section">
<div class="rx-number">
03
</div>
<div class="rx-section-main">
<div class="rx-section-title">
противопоказания
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi volutpat eros eu magna pulvinar malesuada.
</p>
<p>
Integer luctus arcu nec neque condimentum,
ut commodo dolor tristique.
</p>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</div>
<!-- 04 -->
<div class="rx-section">
<div class="rx-number">
04
</div>
<div class="rx-section-main">
<div class="rx-section-title">
способ применения
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque habitant morbi tristique senectus et netus.
</p>
<ul>
<li>Lorem ipsum dolor sit amet;</li>
<li>Consectetur adipiscing elit;</li>
<li>Sed do eiusmod tempor;</li>
<li>Incididunt ut labore et dolore;</li>
<li>Magna aliqua.</li>
</ul>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</div>
<!-- 05 -->
<div class="rx-section">
<div class="rx-number">
05
</div>
<div class="rx-section-main">
<div class="rx-section-title">
передозировка
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis aute irure dolor in reprehenderit in voluptate velit.
</p>
<p>
Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</div>
<!-- 06 -->
<div class="rx-section">
<div class="rx-number">
06
</div>
<div class="rx-section-main">
<div class="rx-section-title">
пропуск приема
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean efficitur, lectus sed luctus fermentum,
lorem tortor feugiat purus.
</p>
<p>
Curabitur vitae erat eget neque consequat interdum.
</p>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</div>
<!-- 07 -->
<div class="rx-section">
<div class="rx-number">
07
</div>
<div class="rx-section-main">
<div class="rx-section-title">
возможные побочные эффекты и взаимодействия
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed tincidunt augue vel lectus dictum,
ac interdum lorem porta.
</p>
<p>
Proin non neque sit amet sapien aliquet luctus.
</p>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</div>
<!-- 08 -->
<div class="rx-section">
<div class="rx-number">
08
</div>
<div class="rx-section-main">
<div class="rx-section-title">
хранение и дополнительная информация
</div>
<div class="rx-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse potenti. Maecenas vitae ipsum vel lorem
egestas feugiat.
</p>
<ul>
<li>Lorem ipsum dolor sit amet;</li>
<li>Praesent euismod lorem vitae;</li>
<li>Integer commodo justo non;</li>
<li>Vestibulum ante ipsum primis.</li>
</ul>
<div class="rx-note">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</div>
<!-- FINAL -->
<div class="rx-final">
<div class="rx-final-title">
keep out of reach of children
</div>
<div class="rx-final-text">
store in a cool, dry place • do not exceed prescribed dose
<br>
do not share medication, even with people who insist
they have had “exactly the same week”
</div>
</div>
<!-- FOOTER -->
<div class="rx-footer">
<span>
st mungo's pharmacy
</span>
<span>
ref. rns / 03 / 7281
</span>
</div>
</div>
</div>
</div>
[/html]
Поделиться42026-10-16 02:26:17
- Администратор
- Сообщений: 4
- Уважение: +1
- 0
- Последний визит:
2026-10-16 16:18:06
[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Libre+Franklin:wght@400;500;600;700&display=swap');
html,
body {
margin: 0 !important;
padding: 0 !important;
width: 100%;
min-width: 100%;
background: #dfe0dc !important;
}
/* =====================================================
ОСНОВНАЯ ОБЛАСТЬ
===================================================== */
.q-stage {
width: 100%;
min-width: 100%;
padding: 28px 0;
box-sizing: border-box;
background: #dfe0dc;
}
.q-paper {
--green: #477551;
--green-dark: #55594f;
--ruby: #854b55;
--rust: #a36a4f;
--paper: #e9eae6;
--ink: #30322f;
--muted: #6e716c;
--line: rgba(85, 89, 79, .28);
width: 620px;
max-width: calc(100% - 56px);
margin: 0 auto;
padding: 28px 30px 34px;
box-sizing: border-box;
background: var(--paper);
color: var(--ink);
font-family: "Libre Franklin", Arial, sans-serif;
box-shadow:
0 14px 35px rgba(25, 29, 26, .18),
0 3px 8px rgba(25, 29, 26, .08);
}
/* =====================================================
ВЕРХНЯЯ СТРОКА
===================================================== */
.q-top {
display: flex;
justify-content: space-between;
gap: 15px;
padding-bottom: 8px;
border-bottom: 1px solid var(--green-dark);
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--muted);
}
.q-top span:last-child {
color: var(--ruby);
text-align: right;
}
/* =====================================================
ШАПКА ГАЗЕТЫ
===================================================== */
.q-masthead {
padding: 17px 0 14px;
text-align: center;
border-bottom: 3px double var(--green-dark);
}
.q-masthead-small {
margin-bottom: 2px;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--ruby);
}
.q-logo {
margin: 0;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 53px;
font-weight: 600;
font-style: italic;
line-height: .95;
letter-spacing: -1px;
color: var(--green);
}
.q-tagline {
margin-top: 7px;
font-family: Georgia, 'Times New Roman', serif;
font-size: 8px;
font-style: italic;
letter-spacing: .4px;
color: var(--muted);
}
/* =====================================================
ГЛАВНЫЙ МАТЕРИАЛ
===================================================== */
.q-lead {
padding: 24px 0 22px;
border-bottom: 1px solid var(--line);
}
.q-kicker {
margin-bottom: 7px;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ruby);
}
.q-headline {
max-width: 500px;
margin: 0 auto 10px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 31px;
font-weight: 600;
line-height: 1.02;
text-align: center;
color: var(--green);
}
.q-deck {
max-width: 470px;
margin: 0 auto;
font-family: Georgia, 'Times New Roman', serif;
font-size: 11px;
line-height: 1.55;
text-align: justify;
color: #4f524e;
}
/* =====================================================
СЕТКА
===================================================== */
.q-grid {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 26px;
}
.q-column {
min-width: 0;
}
/* =====================================================
СТАТЬИ
===================================================== */
.q-article {
padding: 22px 0;
border-bottom: 1px solid var(--line);
}
.q-section-label {
margin-bottom: 6px;
font-size: 6px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: var(--ruby);
}
.q-article-title {
margin-bottom: 10px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 20px;
font-weight: 600;
line-height: 1.05;
color: var(--green);
}
.q-text {
font-family: Georgia, 'Times New Roman', serif;
font-size: 10px;
line-height: 1.66;
text-align: justify;
color: var(--ink);
}
.q-text p {
margin: 0 0 9px;
}
.q-text p:last-child {
margin-bottom: 0;
}
/* =====================================================
БУКВИЦА
===================================================== */
.q-dropcap:first-letter {
float: left;
margin: -2px 7px 0 0;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 38px;
font-weight: 600;
line-height: .8;
color: var(--ruby);
}
/* =====================================================
ВРЕЗКА РЕДАКЦИИ
===================================================== */
.q-editor-note {
margin: 18px 0;
padding: 12px 0;
border-top: 2px solid var(--ruby);
border-bottom: 1px solid var(--ruby);
}
.q-editor-note-title {
margin-bottom: 6px;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ruby);
}
.q-editor-note-text {
font-family: Georgia, 'Times New Roman', serif;
font-size: 10px;
font-style: italic;
line-height: 1.55;
color: #4e504c;
}
/* =====================================================
ПИСЬМО ЧИТАТЕЛЯ
===================================================== */
.q-letter {
margin: 18px 0;
padding: 15px 17px;
border-left: 3px solid var(--green);
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.q-letter-label {
margin-bottom: 7px;
font-size: 6px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: var(--ruby);
}
.q-letter-question {
margin-bottom: 8px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 16px;
font-style: italic;
line-height: 1.2;
color: var(--green);
}
.q-letter-answer {
font-family: Georgia, 'Times New Roman', serif;
font-size: 9px;
line-height: 1.55;
color: var(--ink);
}
/* =====================================================
МИНИСТЕРСКАЯ ВРЕЗКА
===================================================== */
.q-ministry {
margin: 19px 0;
padding: 13px 15px;
border: 1px solid rgba(133, 75, 85, .55);
}
.q-ministry-title {
margin-bottom: 6px;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.7px;
color: var(--ruby);
}
.q-ministry-text {
font-family: Georgia, 'Times New Roman', serif;
font-size: 9px;
line-height: 1.55;
color: #4b4e49;
}
/* =====================================================
СПИСОК
===================================================== */
.q-list {
margin: 9px 0 0;
padding: 0;
list-style: none;
}
.q-list li {
position: relative;
margin: 5px 0;
padding-left: 13px;
font-family: Georgia, 'Times New Roman', serif;
font-size: 10px;
line-height: 1.5;
}
.q-list li:before {
content: "—";
position: absolute;
left: 0;
color: var(--rust);
}
/* =====================================================
РЕКЛАМА RENASCENTIUM
===================================================== */
.q-ad {
margin-top: 24px;
padding: 20px 24px;
border-top: 3px double var(--green);
border-bottom: 3px double var(--green);
text-align: center;
}
.q-ad-overline {
margin-bottom: 4px;
font-size: 6px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ruby);
}
.q-ad-title {
margin-bottom: 4px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 26px;
font-weight: 600;
font-style: italic;
color: var(--green);
}
.q-ad-text {
max-width: 440px;
margin: 0 auto;
font-family: Georgia, 'Times New Roman', serif;
font-size: 9px;
line-height: 1.55;
color: #555852;
}
/* =====================================================
НИЖНИЙ FAQ
===================================================== */
.q-faq {
margin-top: 25px;
}
.q-faq-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
.q-faq-head:before,
.q-faq-head:after {
content: "";
flex: 1;
height: 1px;
background: var(--green-dark);
opacity: .45;
}
.q-faq-title {
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ruby);
}
.q-faq-item {
padding: 10px 0;
border-bottom: 1px dotted rgba(85, 89, 79, .35);
}
.q-faq-question {
margin-bottom: 4px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 15px;
font-weight: 600;
color: var(--green);
}
.q-faq-answer {
font-family: Georgia, 'Times New Roman', serif;
font-size: 9px;
line-height: 1.55;
color: var(--ink);
}
/* =====================================================
FOOTER
===================================================== */
.q-footer {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 25px;
padding-top: 9px;
border-top: 1px solid var(--green-dark);
font-size: 6px;
text-transform: uppercase;
letter-spacing: 1.3px;
color: var(--muted);
}
/* =====================================================
АДАПТИВ
===================================================== */
@media (max-width: 560px) {
.q-paper {
max-width: calc(100% - 30px);
padding-left: 22px;
padding-right: 22px;
}
.q-grid {
grid-template-columns: 1fr;
}
.q-logo {
font-size: 44px;
}
.q-headline {
font-size: 27px;
}
}
</style>
<div class="q-stage">
<div class="q-paper">
<!-- верхняя строка -->
<div class="q-top">
<span>
специальный выпуск • магическая британия
</span>
<span>
осень 2003 • № 417
</span>
</div>
<!-- шапка -->
<div class="q-masthead">
<div class="q-masthead-small">
the quibbler presents
</div>
<div class="q-logo">
Придира
</div>
<div class="q-tagline">
независимое издание для тех, кто предпочитает задавать лишние вопросы
</div>
</div>
<!-- главный материал -->
<div class="q-lead">
<div class="q-kicker" style="text-align:center;">
руководство для новых читателей
</div>
<div class="q-headline">
всё, что вы хотели знать о магической Британии,
но не решались спросить Министерство
</div>
<div class="q-deck">
война закончилась несколько лет назад, Министерство утверждает,
что ситуация находится под контролем, а «Придира» по старой
редакционной традиции предлагает проверить это утверждение
самостоятельно. ниже — короткое руководство о мире, персонажах,
регистрации и том, как не исчезнуть бесследно после первой недели игры.
</div>
</div>
<!-- две колонки -->
<div class="q-grid">
<!-- левая -->
<div class="q-column">
<div class="q-article">
<div class="q-section-label">
editorial / об игре
</div>
<div class="q-article-title">
что вообще происходит в Британии?
</div>
<div class="q-text q-dropcap">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Здесь можно рассказать о времени действия, точке канона
и общем состоянии магической Британии к 2003 году.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio praesent libero.
</p>
</div>
</div>
<div class="q-article">
<div class="q-section-label">
who's who / персонажи
</div>
<div class="q-article-title">
кому здесь рады, а кому уже поздно?
</div>
<div class="q-text">
<p>
Здесь можно описать правила для канонов и оригинальных
персонажей, возраст, происхождение, внешности и другие
базовые ограничения.
</p>
</div>
<div class="q-editor-note">
<div class="q-editor-note-title">
совет редакции
</div>
<div class="q-editor-note-text">
каноничные смерти персонажей учитываются. если судьба
персонажа после войны осталась неопределённой, решение
о его дальнейшей жизни остаётся за игроком.
</div>
</div>
</div>
<div class="q-article">
<div class="q-section-label">
registration desk
</div>
<div class="q-article-title">
что нужно сделать до регистрации?
</div>
<div class="q-text">
<ul class="q-list">
<li>ознакомиться с основной матчастью;</li>
<li>проверить занятость роли и внешности;</li>
<li>зарегистрировать персонажа в установленном формате;</li>
<li>подать анкету в установленный срок;</li>
<li>дождаться принятия администрацией.</li>
</ul>
</div>
</div>
<div class="q-letter">
<div class="q-letter-label">
письма читателей
</div>
<div class="q-letter-question">
«я исчез на две недели. моя роль уже продана
на чёрном рынке?»
</div>
<div class="q-letter-answer">
Lorem ipsum dolor sit amet. Здесь можно прописать правила
отсутствия, предупреждений, чисток и возвращения в игру.
</div>
</div>
</div>
<!-- правая -->
<div class="q-column">
<div class="q-article">
<div class="q-section-label">
public notice / активность
</div>
<div class="q-article-title">
как не исчезнуть бесследно?
</div>
<div class="q-text q-dropcap">
<p>
Здесь размещаются требования к игровой активности:
частота постов, сроки отсутствия, предупреждения и
условия снятия персонажа с роли.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed do eiusmod tempor incididunt.
</p>
</div>
</div>
<div class="q-article">
<div class="q-section-label">
multiple identities
</div>
<div class="q-article-title">
сколько жизней разрешено одному волшебнику?
</div>
<div class="q-text">
<p>
Здесь можно прописать правила мультов: сколько персонажей
допустимо, когда можно взять следующего и существуют ли
дополнительные требования по активности.
</p>
</div>
<div class="q-ministry">
<div class="q-ministry-title">
министерство отрицает
</div>
<div class="q-ministry-text">
что наличие пяти персонажей у одного игрока представляет
прямую угрозу национальной безопасности. администрация,
впрочем, оставляет за собой право провести собственное расследование.
</div>
</div>
</div>
<div class="q-article">
<div class="q-section-label">
ministry advisory
</div>
<div class="q-article-title">
можно ли портить жизнь другим персонажам?
</div>
<div class="q-text">
<p>
Здесь идут правила взаимодействия игроков: согласование
серьёзных травм, смерти, необратимых последствий,
вмешательства в чужие сюжетные линии и использования
персонажа другого игрока.
</p>
<p>
Игровой конфликт не равен конфликту между игроками.
В случае сомнений лучше обсудить ситуацию заранее.
</p>
</div>
</div>
<div class="q-article">
<div class="q-section-label">
corrections & apologies
</div>
<div class="q-article-title">
что делать, если всё пошло не по плану?
</div>
<div class="q-text">
<p>
Здесь можно указать, куда обращаться с вопросами,
конфликтами, техническими проблемами, сменой персонажа
или необходимостью взять отсутствие.
</p>
</div>
</div>
</div>
</div>
<!-- реклама -->
<div class="q-ad">
<div class="q-ad-overline">
paid advertisement • st mungo's pharmacy
</div>
<div class="q-ad-title">
Renascentium
</div>
<div class="q-ad-text">
помогает пережить то, что невозможно забыть.
сертифицированный препарат отпускается исключительно
в аптеке больницы святого мунго по назначению целителя.
если этикетка обещает обратное, «Придира» рекомендует
сначала проверить количество букв в названии.
</div>
</div>
<!-- faq -->
<div class="q-faq">
<div class="q-faq-head">
<div class="q-faq-title">
ask the quibbler / коротко о главном
</div>
</div>
<div class="q-faq-item">
<div class="q-faq-question">
можно ли брать персонажа, судьба которого после войны неизвестна?
</div>
<div class="q-faq-answer">
да. если канон не устанавливает его дальнейшую судьбу,
игрок может самостоятельно определить, где персонаж оказался
и что происходило с ним к 2003 году.
</div>
</div>
<div class="q-faq-item">
<div class="q-faq-question">
можно ли изменить канонические события прошлого?
</div>
<div class="q-faq-answer">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Здесь размещается ответ администрации.
</div>
</div>
<div class="q-faq-item">
<div class="q-faq-question">
обязательно ли участвовать в общем сюжете?
</div>
<div class="q-faq-answer">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Здесь размещается ответ администрации.
</div>
</div>
<div class="q-faq-item">
<div class="q-faq-question">
можно ли прийти без готовых связей?
</div>
<div class="q-faq-answer">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Здесь размещается ответ администрации.
</div>
</div>
</div>
<!-- footer -->
<div class="q-footer">
<span>
the quibbler • established 1986
</span>
<span>
corrections may be sent by owl
</span>
</div>
</div>
</div>
[/html]
Поделиться52026-10-16 02:37:43
- Администратор
- Сообщений: 4
- Уважение: +1
- 0
- Последний визит:
2026-10-16 16:18:06
[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@400;500;600;700&display=swap');
/* =====================================================
RESET
===================================================== */
html,
body {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
width: 100%;
}
/* =====================================================
STAGE
===================================================== */
.qb-stage {
width: 100%;
padding: 34px 0;
box-sizing: border-box;
background: transparent;
}
/* =====================================================
MAGAZINE PAGE
===================================================== */
.qb-page {
--green: #477551;
--jade: #55594f;
--ruby: #854b55;
--rust: #a36a4f;
--bone: #beb7a7;
--smoke: #92918a;
--ink: #2f3133;
position: relative;
width: 700px;
max-width: calc(100% - 46px);
margin: 0 auto;
padding: 28px 30px 34px;
box-sizing: border-box;
background: #ECECE8;
color: var(--ink);
box-shadow:
0 18px 40px rgba(47,49,51,.18),
0 4px 10px rgba(47,49,51,.10);
}
/* =====================================================
COFFEE STAIN + SMALL MARKS
===================================================== */
.qb-page:before {
content: "";
position: absolute;
top: 112px;
right: 52px;
width: 92px;
height: 92px;
border-radius: 50%;
border: 7px solid rgba(133,75,85,.17);
box-sizing: border-box;
transform: rotate(-8deg);
pointer-events: none;
}
.qb-page:after {
content: "";
position: absolute;
left: 36px;
bottom: 170px;
width: 48px;
height: 18px;
background: rgba(163,106,79,.12);
filter: blur(8px);
transform: rotate(-14deg);
pointer-events: none;
}
/* =====================================================
TOP LINE
===================================================== */
.qb-topline {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(85,89,79,.35);
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
letter-spacing: 1.6px;
text-transform: uppercase;
color: var(--jade);
}
.qb-topline span:last-child {
color: var(--ruby);
text-align: right;
}
/* =====================================================
MASTHEAD
===================================================== */
.qb-masthead {
text-align: center;
padding: 6px 0 18px;
border-bottom: 3px double rgba(85,89,79,.7);
}
.qb-kicker {
margin-bottom: 3px;
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
letter-spacing: 2.8px;
text-transform: uppercase;
color: var(--ruby);
}
.qb-title {
margin: 0;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 60px;
font-weight: 600;
font-style: italic;
line-height: .9;
letter-spacing: -1.6px;
color: var(--green);
}
.qb-subline {
margin-top: 7px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 13px;
font-style: italic;
line-height: 1.2;
color: var(--jade);
}
/* =====================================================
HERO
===================================================== */
.qb-hero {
display: grid;
grid-template-columns: 1.08fr .92fr;
gap: 26px;
padding: 24px 0 26px;
border-bottom: 1px solid rgba(85,89,79,.28);
}
.qb-hero-main {
min-width: 0;
}
.qb-rubric {
margin-bottom: 8px;
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--ruby);
}
.qb-headline {
margin: 0 0 11px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 37px;
font-weight: 600;
line-height: .98;
color: var(--ink);
}
.qb-headline em {
font-style: italic;
color: var(--green);
}
.qb-deck {
font-family: Georgia, "Times New Roman", serif;
font-size: 11px;
line-height: 1.72;
text-align: justify;
color: var(--jade);
}
/* =====================================================
COLLAGE
===================================================== */
.qb-collage {
position: relative;
min-height: 310px;
}
.qb-photo,
.qb-note {
position: absolute;
box-sizing: border-box;
}
/* photo 1 */
.qb-photo.one {
top: 0;
left: 12px;
width: 205px;
padding: 10px 10px 14px;
background: rgba(190,183,167,.98);
box-shadow:
0 10px 18px rgba(47,49,51,.14);
transform: rotate(-3deg);
}
.qb-photo.one:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 56px;
height: 17px;
margin-left: -28px;
background: rgba(146,145,138,.38);
transform: rotate(2deg);
}
/* photo 2 */
.qb-photo.two {
top: 122px;
right: 0;
width: 190px;
padding: 10px 10px 14px;
background: rgba(190,183,167,.98);
box-shadow:
0 10px 18px rgba(47,49,51,.14);
transform: rotate(4deg);
}
.qb-photo.two:before {
content: "";
position: absolute;
top: -7px;
right: 18px;
width: 48px;
height: 16px;
background: rgba(146,145,138,.34);
transform: rotate(-7deg);
}
.qb-photo img {
display: block;
width: 100%;
height: 130px;
object-fit: cover;
}
.qb-photo-cap {
margin-top: 9px;
font-family: Manrope, Arial, sans-serif;
font-size: 8px;
line-height: 1.45;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--jade);
}
/* note */
.qb-note {
top: 40px;
right: 18px;
width: 170px;
padding: 12px 14px;
background: rgba(133,75,85,.08);
border-left: 3px solid var(--ruby);
box-shadow:
0 8px 18px rgba(47,49,51,.10);
transform: rotate(-2deg);
}
.qb-note:before {
content: "";
position: absolute;
top: -9px;
left: 18px;
width: 54px;
height: 18px;
background: rgba(146,145,138,.32);
transform: rotate(-5deg);
}
.qb-note-title {
margin-bottom: 6px;
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: var(--ruby);
}
.qb-note-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 10px;
line-height: 1.5;
color: var(--ink);
}
/* =====================================================
PULL QUOTE
===================================================== */
.qb-quote {
margin: 20px 0 6px;
padding: 14px 34px;
border-top: 1px solid rgba(133,75,85,.55);
border-bottom: 1px solid rgba(133,75,85,.55);
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 20px;
font-style: italic;
line-height: 1.2;
text-align: center;
color: var(--ruby);
}
/* =====================================================
CONTENT GRID
===================================================== */
.qb-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;
padding-top: 16px;
}
.qb-col {
min-width: 0;
}
/* =====================================================
ARTICLE
===================================================== */
.qb-block {
padding: 18px 0 20px;
border-bottom: 1px solid rgba(85,89,79,.22);
}
.qb-block-label {
margin-bottom: 6px;
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: var(--ruby);
}
.qb-block-title {
margin-bottom: 10px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 24px;
font-weight: 600;
line-height: 1.02;
color: var(--green);
}
.qb-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 10px;
line-height: 1.72;
text-align: justify;
color: var(--ink);
}
.qb-text p {
margin: 0 0 10px;
}
.qb-text p:last-child {
margin-bottom: 0;
}
.qb-dropcap:first-letter {
float: left;
margin: 1px 6px 0 0;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 42px;
font-weight: 600;
line-height: .75;
color: var(--ruby);
}
/* =====================================================
SMALL CALLOUT
===================================================== */
.qb-callout {
margin-top: 15px;
padding: 12px 14px;
background: rgba(71,117,81,.07);
border-top: 1px solid rgba(71,117,81,.35);
border-bottom: 1px solid rgba(71,117,81,.35);
}
.qb-callout-title {
margin-bottom: 5px;
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: var(--green);
}
.qb-callout-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
font-style: italic;
line-height: 1.55;
color: var(--jade);
}
/* =====================================================
LIST
===================================================== */
.qb-list {
margin: 8px 0 0;
padding: 0;
list-style: none;
}
.qb-list li {
position: relative;
margin: 5px 0;
padding-left: 14px;
font-family: Georgia, "Times New Roman", serif;
font-size: 10px;
line-height: 1.55;
}
.qb-list li:before {
content: "✦";
position: absolute;
left: 0;
top: 1px;
font-size: 7px;
color: var(--rust);
}
/* =====================================================
STAMP / MINISTRY NOTE
===================================================== */
.qb-stamp {
margin-top: 16px;
padding: 13px 14px;
border: 2px solid rgba(133,75,85,.72);
transform: rotate(-1.2deg);
}
.qb-stamp-title {
margin-bottom: 6px;
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: var(--ruby);
}
.qb-stamp-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
line-height: 1.55;
color: var(--ink);
}
/* =====================================================
WIDE RENA BLOCK
===================================================== */
.qb-ad {
margin-top: 24px;
padding: 18px 20px 20px;
border-top: 4px double rgba(71,117,81,.75);
border-bottom: 4px double rgba(71,117,81,.75);
text-align: center;
}
.qb-ad-label {
margin-bottom: 3px;
font-family: Manrope, Arial, sans-serif;
font-size: 6px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ruby);
}
.qb-ad-title {
margin-bottom: 6px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 30px;
font-weight: 600;
font-style: italic;
color: var(--green);
}
.qb-ad-copy {
max-width: 470px;
margin: 0 auto;
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
line-height: 1.6;
color: var(--jade);
}
/* =====================================================
FAQ
===================================================== */
.qb-faq {
margin-top: 24px;
}
.qb-faq-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 5px;
font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ruby);
}
.qb-faq-head:before,
.qb-faq-head:after {
content: "";
flex: 1;
height: 1px;
background: rgba(85,89,79,.45);
}
.qb-faq-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 24px;
}
.qb-faq-item {
padding: 14px 0;
border-bottom: 1px dotted rgba(146,145,138,.9);
}
.qb-faq-q {
margin-bottom: 5px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 17px;
font-weight: 600;
line-height: 1.08;
color: var(--green);
}
.qb-faq-a {
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
line-height: 1.55;
color: var(--ink);
}
/* =====================================================
FOOTER
===================================================== */
.qb-footer {
display: flex;
justify-content: space-between;
gap: 12px;
margin-top: 22px;
padding-top: 8px;
border-top: 3px double rgba(85,89,79,.7);
font-family: Manrope, Arial, sans-serif;
font-size: 6px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--jade);
}
.qb-footer span:nth-child(2) {
color: var(--ruby);
text-align: center;
}
/* =====================================================
ADAPTIVE
===================================================== */
@media (max-width: 650px) {
.qb-page {
max-width: calc(100% - 20px);
padding-left: 18px;
padding-right: 18px;
}
.qb-hero,
.qb-grid,
.qb-faq-grid {
grid-template-columns: 1fr;
}
.qb-collage {
min-height: 360px;
margin-top: 8px;
}
.qb-title {
font-size: 48px;
}
.qb-headline {
font-size: 31px;
}
.qb-footer {
flex-direction: column;
align-items: center;
text-align: center;
}
}
</style>
<div class="qb-stage">
<div class="qb-page">
<!-- TOP -->
<div class="qb-topline">
<span>специальный выпуск • магическая британия</span>
<span>осень 2003 • редакционный экземпляр</span>
</div>
<!-- MASTHEAD -->
<div class="qb-masthead">
<div class="qb-kicker">the quibbler</div>
<h1 class="qb-title">faq & правила</h1>
<div class="qb-subline">
всё, что вы хотели знать о послевоенной британии, но не хотели спрашивать министерство
</div>
</div>
<!-- HERO -->
<div class="qb-hero">
<div class="qb-hero-main">
<div class="qb-rubric">
путеводитель для новых читателей
</div>
<div class="qb-headline">
как жить, играть и не потеряться
<em>в магической Британии 2003 года</em>
</div>
<div class="qb-deck">
прошло несколько лет после войны, министерство пытается выглядеть
уверенно, пресса по-прежнему не знает меры, а жители магической
британии делают вид, что все уже пришло в норму. ниже — компактный
редакционный выпуск о том, как устроен форумный мир, кого можно
взять, как не исчезнуть бесследно и почему некоторые аптечные
объявления лучше читать очень внимательно.
</div>
<div class="qb-quote">
«если ситуация под контролем, почему тогда нам пришлось
делать к ней инструкцию?»
</div>
</div>
<div class="qb-collage">
<div class="qb-photo one">
<img src="https://upforme.ru/uploads/001c/a5/83/4/638535.png">
<div class="qb-photo-cap">
архив редакции • магическая британия после войны
</div>
</div>
<div class="qb-note">
<div class="qb-note-title">
заметка редактора
</div>
<div class="qb-note-text">
здесь удобно оставить короткую авторскую подводку,
ироничный комментарий или мини-объяснение общего вайба форума.
</div>
</div>
<div class="qb-photo two">
<img src="https://upforme.ru/uploads/001c/a5/83/4/638535.png">
<div class="qb-photo-cap">
дело № 2003 • материалы к выпуску
</div>
</div>
</div>
</div>
<!-- CONTENT -->
<div class="qb-grid">
<!-- LEFT -->
<div class="qb-col">
<div class="qb-block">
<div class="qb-block-label">
editorial / об игре
</div>
<div class="qb-block-title">
что вообще происходит в Британии?
</div>
<div class="qb-text qb-dropcap">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Здесь можно описать стартовую точку игры, политическую
и общественную атмосферу 2003 года, общий фокус сюжета
и то, чем живёт магическое сообщество после войны.
</p>
<p>
Здесь же можно коротко объяснить, на чём держится игра:
насколько она сюжетная, насколько свободная и как в ней
сочетаются канон, авторские идеи и общий форумный мир.
</p>
</div>
</div>
<div class="qb-block">
<div class="qb-block-label">
who's who
</div>
<div class="qb-block-title">
кого можно встретить на этих страницах?
</div>
<div class="qb-text">
<p>
Здесь можно описать канонов, оригинальных персонажей,
ограничения по ролям, внешностям и базовые требования
к концептам.
</p>
</div>
<div class="qb-callout">
<div class="qb-callout-title">
примечание редакции
</div>
<div class="qb-callout-text">
каноничные смерти учитываются. если судьба персонажа
после войны осталась неопределённой, дальнейшая трактовка
остаётся на усмотрение игрока.
</div>
</div>
</div>
<div class="qb-block">
<div class="qb-block-label">
registration desk
</div>
<div class="qb-block-title">
как попасть в номер?
</div>
<ul class="qb-list">
<li>проверить занятость роли и внешности;</li>
<li>зарегистрировать персонажа в нужном формате;</li>
<li>подать анкету в установленный срок;</li>
<li>дождаться принятия администрацией;</li>
<li>после этого спокойно начинать игру.</li>
</ul>
</div>
</div>
<!-- RIGHT -->
<div class="qb-col">
<div class="qb-block">
<div class="qb-block-label">
public notice
</div>
<div class="qb-block-title">
как не исчезнуть бесследно?
</div>
<div class="qb-text qb-dropcap">
<p>
Здесь идут правила активности: сроки постов,
отсутствие, предупреждения, чистки и условия,
при которых роль или внешность могут быть освобождены.
</p>
<p>
Если игроку нужно пропасть, именно здесь можно
объяснить, как предупредить администрацию и что делать,
чтобы персонажа не объявили пропавшим при загадочных обстоятельствах.
</p>
</div>
</div>
<div class="qb-block">
<div class="qb-block-label">
multiple identities
</div>
<div class="qb-block-title">
сколько жизней разрешено одному волшебнику?
</div>
<div class="qb-text">
<p>
Здесь удобно разместить правила мультов:
сколько персонажей допустимо, когда можно брать
следующего и есть ли дополнительные требования
к активности.
</p>
</div>
<div class="qb-stamp">
<div class="qb-stamp-title">
министерство отрицает
</div>
<div class="qb-stamp-text">
что наличие пяти персонажей у одного игрока
представляет угрозу национальной безопасности.
редакция пока не располагает окончательными выводами.
</div>
</div>
</div>
<div class="qb-block">
<div class="qb-block-label">
etiquette
</div>
<div class="qb-block-title">
можно ли портить жизнь другим людям?
</div>
<div class="qb-text">
<p>
Можно — персонажам. игрокам нежелательно.
</p>
<p>
Здесь можно описать правила согласования серьёзных
травм, смерти, сюжетных последствий, использования
чужих персонажей и вообще всё, что касается
безопасного и комфортного взаимодействия.
</p>
</div>
</div>
</div>
</div>
<!-- AD -->
<div class="qb-ad">
<div class="qb-ad-label">
рекламное объявление • st mungo's pharmacy
</div>
<div class="qb-ad-title">
Renascentium
</div>
<div class="qb-ad-copy">
помогает пережить то, что невозможно просто забыть.
сертифицированное зелье отпускается исключительно
в аптеке при больнице святого мунго по назначению целителя.
если на этикетке не хватает букв, редакция рекомендует
сохранить осторожность и здравый смысл.
</div>
</div>
<!-- FAQ -->
<div class="qb-faq">
<div class="qb-faq-head">
ask the quibbler / коротко о главном
</div>
<div class="qb-faq-grid">
<div class="qb-faq-item">
<div class="qb-faq-q">
можно ли брать персонажа, чья судьба после войны неизвестна?
</div>
<div class="qb-faq-a">
да. если канон не даёт точного ответа, дальнейшую судьбу
персонажа игрок определяет сам.
</div>
</div>
<div class="qb-faq-item">
<div class="qb-faq-q">
обязательно ли участвовать в общем сюжете?
</div>
<div class="qb-faq-a">
здесь можно коротко объяснить соотношение личных эпизодов
и общего сюжетного движения форума.
</div>
</div>
<div class="qb-faq-item">
<div class="qb-faq-q">
можно ли прийти без готовых связей?
</div>
<div class="qb-faq-a">
здесь можно указать, насколько форум открыт для игроков
без заранее собранной сюжетной базы.
</div>
</div>
<div class="qb-faq-item">
<div class="qb-faq-q">
куда писать, если всё пошло совсем не так?
</div>
<div class="qb-faq-a">
здесь можно оставить информацию о связи с амс,
вопросах, отсутствии и любых спорных ситуациях.
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div class="qb-footer">
<span>the quibbler</span>
<span>special issue / 2003</span>
<span>corrections by owl</span>
</div>
</div>
</div>
[/html]
Страница: 1
