Полезное для оформления

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

Поделиться12023-11-13 19:25:21

Автор: Красный Паладин
Администратор
Сообщений: 144
Провел на форуме:
29 дней 22 часа
Последний визит:
2026-05-24 00:41:47

Шрифты, коды...
...разделители и всякое-такое!

Поделиться22023-11-13 19:40:12

Автор: Красный Паладин
Администратор
Сообщений: 144
Провел на форуме:
29 дней 22 часа
Последний визит:
2026-05-24 00:41:47

Шрифты. Часть 1

Zeferino Three - Робин Малия Нойманн

Clip Condensed - Нойманн Мстислава Воронцова

Fun City Level - Эрдрин Ахо

Orpheus - Хенмей Юн Сюань

Rurintania - Виктория Кевин Агассис

Carolina - Диего Чакал

Shlapak Script - Ганрей Спенсер

DeniStina - Иветт Атталь

RUSJellyka Love and Passion - Фосса Кэйетан

Etude - Винтер Найт

Carmen - Миранда Бром

Lombardina Two - Артур Джонатан Сальери

Avenue Deco - Каритас Морэм

Corinthia - Мэйуми Оокубо

Vetrino - Шаганэ Брайя

Sunday - Амано Ран

CafeParisC - Инар Рамирас Тонг

Victorian Gothic One - Лилия Доротея

Lombardia - Вильгельм Рихард Вагнер

Fortuna Gothic FlorishC - Нурбану Гюль Джан

Mason - Михримах Текин Акташ

SeminariaC - Флер Региосса Нэкс

DelphianC - Лизбетт Бах

DS Diploma - Октавия Сирин Белл

WienLight - Алиса Токагэ

skratch-punk - Елим Нойманн

amadeus - Ван Сяомин

Beast Impacted - Тирия Эдриль

Rubik Distressed - Амано Кида

DEAD SECRETARY Cyr - Лирой Маклейн

Rosemaria - Рюрика Бель Орхус

Borntod - Ричард Адамс

METTLACH - АННА ЛИЛИ ВЕБЕР (только капс)

Acid Label Cyr - Сайклен Лонгуэй

SAGRADA Black Cond - Маркус Нойманн

Skandal - Ру Лин Юй

blackmoor let - Теодор Капеловски

Lombardina Initial One - Альмира аль-Габ

Bony - Мун Джиу

Kashima - Мефистофель

GhastlyPanicCyr - Буран Аслог

Blackcraft - Иона Дельгадо

NeedleteethSP - Аль-Рами Бен ал-Кайс

Santa Catarina - Амелия Додо

Legend - Роум Колас

Charming - Сольи де Мануаль

Leotaro - Август Аристарх Омран

Old Horror Films - Алай Койре

Поделиться32025-10-20 20:48:24

Автор: Красный Паладин
Администратор
Сообщений: 144
Провел на форуме:
29 дней 22 часа
Последний визит:
2026-05-24 00:41:47

Визитная карточка для персонажей НПЦ:

Код:

[html]
<link href="" rel="stylesheet"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style="    margin: auto;"><!-- TITRE --><div class="tleTHROW" style="display:none; background:#212121; color:lightgrey;"></div><!-- FT --><div class="ftTHROW"><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumstatic.ru/files/001b/84/6e/41453.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="color:black;">
<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="padding: 0.3em 0 0; background-image: linear-gradient(45deg, #0b1011, transparent);
    color: #f3a6a1;
    text-shadow: 2px 2px #000;">       NPC</div>
<!-- FIN DIALOGUE DROITE --></div></div>

<style>
.THROW {
margin:auto; 
width: 17em;
    padding: 0em 0;
box-shadow:0 0 10px rgba(0,0,0,0); 
}
.tleTHROW {
margin:auto; 
width:450px; padding:10px 5px; 
text-align:center; text-transform:uppercase; font-size:24px; font-family:Raleway; line-height:24px;
}
/* FT */
.ftTHROW {
    margin: 15px auto;
    height: 8em;
    overflow: hidden;
    text-align: center;
    border: 0.1vw solid #e16749;
    background-image: linear-gradient(180deg, #111516b0 -6%, #755f5f73, #9191914f, transparent);
}
.ftTHROW img{
width:500px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}

/* DIALOGUE GAUCHE */
.UITHROW::before {
    content: '';
    position: absolute;
    margin-top: -0.61em;
    margin-left: -1.94em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent;
    border-bottom-color: black;
}
/* DIALOGUE DROITE */
.UIITHROW {
margin:5px 0; 
width:6em; padding:10px 20px 10px 10px; 
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.cdtTHROW {
position:absolute; z-index:3; margin-left:485px; margin-top:85px; 
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
.msgTHROW {
    font-family: "DelphianC" !important;
    z-index: 100;
    position: absolute !important;
    margin: -2.4em -0.33em 0 !important;
    width: 5.8em !important;
    padding: 0.35em 0 !important;
    font-size: 3em;
    text-align: -webkit-center;
    font-family: inherit;
}
</style>
[/html]
[hr]

Выглядит это так:

[html]
<link href="" rel="stylesheet"><div class="THROW" style=" margin: auto;"><div class="tleTHROW" style="display:none; background:#212121; color:lightgrey;"></div><div class="ftTHROW"><img src="https://forumstatic.ru/files/001b/84/6e/41453.png" /></div><div class="msgTHROW" style="color:black;">
<div class="UITHROW" style="padding: 0.3em 0 0; background-image: linear-gradient(45deg, #0b1011, transparent);
color: #f3a6a1;
text-shadow: 2px 2px #000;"> NPC</div>
</div></div>

<style>
.THROW {
margin:auto;
width: 17em;
padding: 0em 0;
box-shadow:0 0 10px rgba(0,0,0,0);
}
.tleTHROW {
margin:auto;
width:450px; padding:10px 5px;
text-align:center; text-transform:uppercase; font-size:24px; font-family:Raleway; line-height:24px;
}
/* FT */
.ftTHROW {
margin: 15px auto;
height: 8em;
overflow: hidden;
text-align: center;
border: 0.1vw solid #e16749;
background-image: linear-gradient(180deg, #111516b0 -6%, #755f5f73, #9191914f, transparent);
}
.ftTHROW img{
width:500px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}

/* DIALOGUE GAUCHE */
.UITHROW::before {
content: '';
position: absolute;
margin-top: -0.61em;
margin-left: -1.94em;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 15px 15px;
border-color: transparent;
border-bottom-color: black;
}
/* DIALOGUE DROITE */
.UIITHROW {
margin:5px 0;
width:6em; padding:10px 20px 10px 10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.cdtTHROW {
position:absolute; z-index:3; margin-left:485px; margin-top:85px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
.msgTHROW {
font-family: "DelphianC" !important;
z-index: 100;
position: absolute !important;
margin: -2.4em -0.33em 0 !important;
width: 5.8em !important;
padding: 0.35em 0 !important;
font-size: 3em;
text-align: -webkit-center;
font-family: inherit;
}
</style>
[/html]
тексттексттексттексттексттексттексттексттексттексттексттексттекст
тексттексттексттексттексттекст
тексттексттексттекст
тексттексттексттексттекст

Поделиться42026-05-17 01:25:48

Автор: Итикава Мейфенг
Чиновница Мей
Монарши: 4
Миловидная типичная нейвийка с длинными темными волосами и карими глазами. Энергичность бьет через край. Общительная, воздушная, с ней легко найти общий язык. Чиновник, впрочем, въедливый... Если построила какие-то серьезные планы, то биться за них будет с заметным энтузиазмом.
Местный | Острова Нейва
95 | 20
Воздух
Соавтор
Сообщений: 16
Провел на форуме:
12 часов 54 минуты
Последний визит:
2026-05-27 18:20:57

Неплохой вариант для хранения изображений ~

Получается вот такое. Аватары представлены в досье автора кода ♥

Код:

[html]  
<br/>

<div style="display: flex;flex-wrap: wrap;justify-content: center;">

<a href="......." target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="......" /></a> 
<a href="......" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="....." /></a>
 
</div>
[/html]

Инструкция

1.
Сколько нам надо изображений, столько раз дублируем только вот эти коды: <a href="......." target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="......" /></a> . То, что выше них или ниже них не трогаем!

2.
На месте ....... по два раза (на один кодик-строчку) вставляем одну и ту же ссылку на изображение. На одно и то же, не на разные. Просто одно ..... дает предварительный просмотр, а другое выведет в окошко полной версии.

3.
Используем ссылки только из Загрузок. Путь: Профиль > Редактировать > Загрузки.

4.
Любые украшения (название c шрифтами, комментарии и т.п.) делаем вне рамок [hтml]...[/hтml], то есть только до или после кода. Не в нем.

5.
Наслаждаемся итогами ~

[icon]https://upforme.ru/uploads/001b/84/6e/69/873401.png[/icon]

Отредактировано Итикава Мейфенг (2026-05-17 01:28:45)

Поделиться52026-05-17 01:54:28

Автор: Итикава Мейфенг
Чиновница Мей
Монарши: 4
Миловидная типичная нейвийка с длинными темными волосами и карими глазами. Энергичность бьет через край. Общительная, воздушная, с ней легко найти общий язык. Чиновник, впрочем, въедливый... Если построила какие-то серьезные планы, то биться за них будет с заметным энтузиазмом.
Местный | Острова Нейва
95 | 20
Воздух
Соавтор
Сообщений: 16
Провел на форуме:
12 часов 54 минуты
Последний визит:
2026-05-27 18:20:57

Если нужно удобно хранить локации ~

Получается вот такое. Привет от модераторов ♥

Код:

[html]
<br/>

<div style="display: flex;flex-wrap: wrap;justify-content: center;">

<a href="....." target="_blank" style="margin: 3px;
    width: 235px;display: inline-flex;"><img name="imgORUZH" src="....." /></a>
<a href="....." target="_blank" style="margin: 3px;
    width: 235px;display: inline-flex;"><img name="imgORUZH" src="....." /></a>

</div>
[/html]

Инструкция

1.
Сколько нам надо изображений, столько раз дублируем только вот эти коды: <a href="....." target="_blank" style="margin: 3px;
width: 235px;display: inline-flex;"><img name="imgORUZH" src="....." /></a>. То, что выше них или ниже них не трогаем!

2.
На месте ....... по два раза (на один кодик-строчку) вставляем одну и ту же ссылку на изображение. На одно и то же, не на разные. Просто одно ..... дает предварительный просмотр, а другое выведет в окошко полной версии.

3.
Используем ссылки только из Загрузок. Путь: Профиль > Редактировать > Загрузки.

4.
Любые украшения (название c шрифтами, комментарии и т.п.) делаем вне рамок [hтml]...[/hтml], то есть только до или после кода. Не в нем.

5.
Наслаждаемся итогами ~

[icon]https://upforme.ru/uploads/001b/84/6e/69/928936.png[/icon]

Отредактировано Итикава Мейфенг (2026-05-17 01:58:04)

Platform

Меню навигации

Пользовательские ссылки

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

Полезное для оформления

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

Поделиться12023-11-13 19:25:21

Поделиться22023-11-13 19:40:12

Поделиться32025-10-20 20:48:24

Поделиться42026-05-17 01:25:48

Поделиться52026-05-17 01:54:28