ывывыв

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

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

мыывммв

Поделиться22025-10-17 18:55:52

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

[html]
<img src="https://i1.imageban.ru/out/2020/11/09/f6d95bdbba511067db8487a808a0a893.png" onclick="smile('https://i1.imageban.ru/out/2020/11/09/f6d95bdbba511067db8487a808a0a893.png')" >
[/html]

0

Поделиться32025-11-14 06:26:09

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

Свернутый текст

0

Поделиться42025-11-18 11:30:10

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

[html]

#color-fon {
background: #acbfc5;
width: 700px;
height: 620px;
margin: 0px auto;
position: relative;
}
.episodes1, .episodes2, .episodes3, .episodes4, .episodes5 {
background: #fff;
width: 170px;
height: 210px;
padding: 5px;
position: absolute;
box-shadow: 1px 1px 6px #787878;
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.episodes1, .episodes2, .episodes3, .episodes4, .episodes5 text {
font-size: 18px;
font-family: Caveat;
}

.episodes1 {
top: 20px;
left: 50px;
transform: rotate(-4deg);
z-index: 1;
}

.episodes2 {
top: 20px;
left: 220px;
transform: rotate(10deg);
z-index: 2;
}

.episodes3 {
top: 320px;
left: 40px;
transform: rotate(-3deg);
z-index: 6;
}

.episodes4 {
top: 365px;
left: 160px;
transform: rotate(-16deg);
z-index: 7;
}

.episodes5 {
top: 350px;
left: 300px;
transform: rotate(22deg);
z-index: 6;
}

.episodes1:hover, .episodes2:hover, .episodes3:hover, .episodes4:hover, .episodes5:hover {
z-index: 100;
transform: scale(1.1) rotate(0deg);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.music-play {
background: #fff;
width: 200px;
height: 100px;
position: absolute;
top: 420px;
right: 20px;
padding: 10px;
border-radius: 10px;
z-index: 10;
transform: rotate(-1deg);
justify-content: center;
align-items: center;
flex-direction: column;
box-shadow: 1px 1px 6px #787878;
}

.music-play svg {
transition: all 0.3s ease;
}

.music-play svg:hover {
transform: scale(1.1);
fill: #2c5f73;
}

.co-players {
position: absolute;
bottom: 5px;
right: 5px;
}

.co-players img {
border-radius: 25px;
width: 50px;
margin: 10px;
box-shadow: 0px 0px 6px #787878;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.co-players img:hover {
transform: scale(1.2) rotate (-360deg);
-webkit-transform: scale(1.2) rotate(-360deg);
}

</style>
<div id="color-fon">
<div class="episodes1">
<img src="https://imgholder.ru/170x170png">
<text>
xx.xx.xxxx
</text>
</div>

<div style="position: absolute; top: 240px; left: 96px; z-index: 20; font-family: Caveat; font-size: 45px; width: 463px; text-align: right; padding: 20px;">
Заметки на полях школьной тетради
</div>

<div style="font-size: 20px; text-align: center; margin: 5px 0px 3px 0px;">
Dying To Love
</div>
<div style="font-size: 16px; text-align: center; color: #434343;">
Bad Omens
</div>

</div>

</div>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
[/html]

0

Поделиться52025-12-27 20:25:02

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

[html] <style>
:root {
--background: #504C4C url(https://forumstatic.ru/files/001c/92/86/97092.png?v=1);
--header: url(https://forumstatic.ru/files/001c/92/86/92055.png) left;
--bc1: #DFDFDF;
--bc2: #EBEBEB;
--bc3: #AFAFAF;
--bc4: #EDEDED;
--dc1: #373737;
--dc2: #373737;
--links: #E8E1C4;
--accent: #566B42;
--accentdark: #3f452d;
--font: Pragmatica-Book;
--font2: Montserrat;
--font3: Oranienbaum;
--iconew: url(https://forumstatic.ru/files/001c/92/86/17192.png?v=1);
--bottom: url(https://forumstatic.ru/files/001c/92/86/21154.png) no-repeat;
--goup: url(https://forumstatic.ru/files/001c/92/86/80719.png);
--godown: url(https://forumstatic.ru/files/001c/92/86/68641.png);
--outline: 1px solid red;
}
#character ::-webkit-scrollbar, .roles_list ul::-webkit-scrollbar {
background: rgb(27 25 26 / 10%);
width: 1px;
height: 5px;
}

#character ::-webkit-scrollbar-thumb, .roles_list ul::-webkit-scrollbar-thumb {
background: var(--accent);
width: 1px;
box-shadow: rgb(20 18 19 / 53%) 0px 0px 3px inset;
}
.faces, .roles {
/* outline: var(--outline); */
/* background: url(https://forumstatic.ru/files/001c/8d/ac/45905.png?v=1) no-repeat #e4e3e0; */
width: 900px;
height: 700px;
margin: 10px auto;
/* border: 1px solid var(--dc1); */
border-radius: 10px;
}

.faces {
background: url(https://forumstatic.ru/files/001c/92/86/82333.png?v=1) no-repeat #161712;
padding: 98px 20px 20px;}
.roles {
background: url(https://forumstatic.ru/files/001c/92/86/33351.png?v=1) no-repeat #161712;
padding: 25px 20px 20px;
}

.faces_list {
display: inline-flex;
width: 100%;
justify-content: space-around;
text-transform: lowercase;
}

.faces_list > div {
background: var(--bc4);
border: 1px solid var(--bc3);
border-radius: 10px;
display: inline-block;
width: 366px;
/* height: 406px; */
margin: 32px 0 0 0;
font-family: var(--font);
padding: 10px 20px;
z-index: 2;
overflow-y: auto;
}

.faces_m:before, .faces_f:before {
display: block;
position: relative;
margin: 0px 0 0px 142px;
font-size: 12px!important;
}

.faces_list > div ul {
padding: 21px 23px 0;
margin: -11px -20px 0px -20px;
border-top: 1px solid var(--bc3);
}

.roles_search {
display: inline-flex;
width: 300px;
align-items: flex-start;
justify-content: center;
gap: 7px;
margin: 0px 0 24px 0;
flex-direction: column;
}

.roles_list li {
background: var(--bc4);
border: 1px solid var(--bc3);
border-radius: 10px;
display: inline-flex;
margin: 14px 0 0 0!important;
font-family: var(--font);
padding: 15px 20px!important;
flex-direction: column;
flex-wrap: nowrap;
width: 400px;
height: 109px;
}

.roles_list li a {
font-family: var(--font2);
text-transform: uppercase;
font-size: 12px;
display: block;
margin: -30px auto 7px;
background: var(--links);
color: var(--dc1)!important;
padding: 8px 11px 5px;
border: 1px solid var(--dc1);
border-radius: 10px;
}

.roles_list ul {
padding: 5px 0 0 0!important;
margin: 0;
display: inline-flex;
gap: 7px;
flex-wrap: wrap;
height: 569px;
width: 909px;
overflow-y: scroll;
align-content: flex-start;
/* outline: var(--outline); */
}

.persrace:before, .where:before {
content: '•';
padding: 0px 4px 0px 3px;
font-size: 9px;
}

.no-results {
background: var(--bc1);
border-radius: 10px;
height: fit-content;
font-size: 10px;
margin: 0 auto;
border: 1px solid var(--bc3);
}
.anketa {.racegroup, .raceitem {
position: relative;
width: 296px;
display: inline-block;
z-index: 3;
}

.racegroup p {
text-align: right!important;
margin-right: 3px!important;
}

.racegroup p:after {
content: ': ';
}

.racegroup p, .raceitem p, .birth p, .work p {
font-family: var(--font2)!important;
font-weight: bold!important;
font-size: 10px!important;
margin-top: -10px!important;
}}

.persrace:before, .where:before {
content: '•';
padding: 0px 4px 0px 3px;
font-size: 9px;
}
</style>
<div class="roles" id="block-7-1"><div class="roles_search"><input type="text" placeholder="Поиск по имени" id="name_search"><input type="text" placeholder="Поиск по расе" id="raceitem_search"><input type="text" placeholder="Поиск по работе" id="where_search"><button type="button">Сброс</button></div><div class="roles_list" id="block-7-2"><ul>
<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=54#p2705">август келлер</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">культ глубин - глава</div><div class="where">бизнесмен, глава комитета по делам с общественностью</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=199">адам грид</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">группа "bad decision" - фронтмен</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=53">айдан виндраннер (синдракс)</a>
<div class="racegroup">elder</div>
<div class="raceitem">dragon</div>
<div class="where">Галерея искусств "Чешуя Дракона" - владелец</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=130">александр ким</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">институт изящных искусств нью-йоркского университета - студент</div><div class="where">ветклиника - ассистент</div><div class="where">аукционный дом «сотбис» - реставратор</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=217#p39169">Арис Торн</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">CityPet Wellness - главный врач</div><div class="where">ветеринар</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=174#p30479">Арслан Шамильевич Рамазанов</a>
<div class="racegroup">common</div>
<div class="raceitem">shifter</div>
<div class="where">Совладелец закусочной «Как дома»</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=276#p52802">ванесса кайсер</a>
<div class="racegroup">bound</div>
<div class="raceitem">demon</div>
<div class="where">стрелковый клуб 'Bullseye' - инструктор-методист</div><div class="where">частный медиатор. работает по сделке на часть души</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=41#p996">винсент рейно</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">мастер клана рейно</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=279#p54089">гвендолин эстлунд</a>
<div class="racegroup">elder</div>
<div class="raceitem">elemental</div>
<div class="where">ботанический сад — куратор</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=120">геерт риттер</a>
<div class="racegroup">elder</div>
<div class="raceitem">colossus</div>
<div class="where">федеральное министерство австрии по делам энергетики - советник по вопросам горной инженерии и разработке месторождений (неофициально)</div><div class="where">горнолыжный курорт ишгль - член горной спасательной службы и консультант по лавинной безопасности (для отвода глаз)</div><div class="where">акционер и инвестор (хобби)</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=177#p30905">глен купер</a>
<div class="racegroup">bound</div>
<div class="raceitem">demon</div>
<div class="where">владелец elysium group - pr-агентство / продюсерский центр / политическое продвижение</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=61#p3275">Джейк Фармер</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">выпускник старшей школы</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=107#p13669">джейсон мин</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">начальная школа - учитель</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=254">джесси муди</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">продавец e-bay статуса Below Standard</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=95#p11158">ева маркович</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">lingua bridge translation services/пелена - руководитель</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=93#p10246">зайлер 'зиппо' терренс</a>
<div class="racegroup">bound</div>
<div class="raceitem">vampire</div>
<div class="where">тулейнский университет штата луизиана - студент</div><div class="where">школа актерского мастерства - ученик</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=83#p6986">ива беневьенто</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">мирный житель</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=197#p33800">имоджен торн</a>
<div class="racegroup">elder</div>
<div class="raceitem">fairy</div>
<div class="where">режиссёр фильмов ужасов</div><div class="where">вынужденный подмёныш</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=249">инге ског</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">Aeterna Heritage  - секретарь-референт аукционного дома</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=282#p55109">Киан О'Дауд</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">Магазин виниловых пластинок "Forgotten Dreams" - владелец</div><div class="where">инди-группа "Basement Leviathans" - клавишник, автор текстов</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=216">киаран [кир] маннелиг</a>
<div class="racegroup">elder</div>
<div class="raceitem">wretched</div>
<div class="where">elfeye - ликвидатор</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=212">кинэйд макгрэгор</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">студентка в университете, администратор в похоронном бюро «fogbound passage»</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=164#p28640">корсо грегори хартвелл</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">медбрат / видеоблогер</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=209#p37663">кристиан хван</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">клуб-бар 'black sky' - владелец</div><div class="where">художник-фрилансер</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=124#p18482">Кьяра Д'Анджело</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">ночной клуб «dark paradise» — владелица, управляющая</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=132#p19427">ларс шепард</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">тату-мастер и монтажер/оператор видеоблога</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=67">леви хорни</a>
<div class="racegroup">bound</div>
<div class="raceitem">demon</div>
<div class="where">гитарист и автор песен в музыкальной группе,тату — мастер</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=184">леон д`анджело</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">владелец "kairòs" - наследной арт-организации по реставрации и перепродаже элитных предметов искусства в Италии</div><div class="where">владелец организации "serpens utilitates" - в США, ночные клубы, охранное агентство, пр. для прикрытия нелегального бизнеса</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=115">летиция ферретти</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">исследовательский центр "AetherGen Systems" - зав. лабораторией</div><div class="where">разработчик магических препаратов</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=277">лиам батори</a>
<div class="racegroup">bound</div>
<div class="raceitem">vampire</div>
<div class="where">клуб - официант</div><div class="where">блогер</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=259#p50162">лиора эшфорд</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">консалтинговое агентство «Altera Pars» - эксперт артефактолог</div><div class="where">производитель поддельных артефактов</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=58#p2859">магнус хансен (иехоэл)</a>
<div class="racegroup">bound</div>
<div class="raceitem">angel</div>
<div class="where">галерея "чешуя дракона" - телохранитель владельца галереи</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=194#p33130">Медея Старлинг</a>
<div class="racegroup">bound:</div>
<div class="raceitem">human</div>
<div class="where">швея/видеоблогер</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=119#p16090">микаэла нокс</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">организатор ритуальных услуг в похоронном бюро «Fogbound Passage»</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=235#p42762">мэлл соллихэл</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">ночной клуб фаланга - наркокурьер</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=150#p24245">Натаниэль Аллэн</a>
<div class="racegroup">bound</div>
<div class="raceitem">demon</div>
<div class="where">отдел неотложной помощи - хирург</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=76">нильс фалькенберг</a>
<div class="racegroup">common</div>
<div class="raceitem">shifter</div>
<div class="where">стример</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=92#p10239">нэнси моран</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">академия имени мисс уэйверли - учащаяся</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=153#p24812">оберон санглоу</a>
<div class="racegroup">elder</div>
<div class="raceitem">dragon</div>
<div class="where">урбанистический холдинг «le géon», креативный директор, инженер</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=112">раэль каэсар</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">аукционный дом «сотбис» — реставратор</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=51#p2585">рейна дуарте</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">детективное агентство - детектив</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=48#p2113">реммент амати</a>
<div class="racegroup">elder</div>
<div class="raceitem">dragon</div>
<div class="where">книжный магазин - букинист, религиозный консультант</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=171#p30111">Рийго Рокса</a>
<div class="racegroup">common</div>
<div class="raceitem">shifter</div>
<div class="where">Совладелец закусочной "Как дома"</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=136#p20688">роуэн санглоу</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">опг "Elfeye" - смотрящий Статен-Айленда</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=224#p39972">руджеро тессаро</a>
<div class="racegroup">elder</div>
<div class="raceitem">dragon</div>
<div class="where">Aeterna Heritage - мажоритарный акционер</div><div class="where">Меценат во Fondazione Palazzo Strozzi</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=283#p55564">Руми Томбсон</a>
<div class="racegroup">bound</div>
<div class="raceitem">vampire</div>
<div class="where">владелец борделя Чёрные сердца</div><div class="where">художник под псевдонимом Moon</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=81#p6498">рэймонд уэйд</a>
<div class="racegroup">bound</div>
<div class="raceitem">golem</div>
<div class="where">защитник по вызову в семье рейно</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=252">рэм баргер</a>
<div class="racegroup">common</div>
<div class="raceitem">wretched</div>
<div class="where">частное охранное предприятие "жопа Кира"</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=218#p39306">рэтт харгрейв</a>
<div class="racegroup">elder</div>
<div class="raceitem">elemental</div>
<div class="where">консалтинговое агентство "Altera Pars" - владелец</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=185#p32011">Сабина Уайт</a>
<div class="racegroup">common</div>
<div class="raceitem">human</div>
<div class="where">безработная</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=63">себастиан моро</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">наследник отцовского строительного бизнеса</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=245#p46022">Сэмануэль Райнотт</a>
<div class="racegroup">elder</div>
<div class="raceitem">dragon</div>
<div class="where">детективное агентство «The Torch of Truth»  - владелец</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=207">Сюзанна Лерой</a>
<div class="racegroup">elder</div>
<div class="raceitem">dragon</div>
<div class="where">Актриса</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=152#p24790">телониус (тео) реда</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">«сборщик ненужных артефактов»</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=182#p31887">триста</a>
<div class="racegroup">elder</div>
<div class="raceitem">elemental</div>
<div class="where">скрывающийся на болотах злой водный дух</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=227#p40727">фиэль моэнс</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">бальзамировщик/реставратор в похоронном бюро «fogbound passage»</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=91#p9689">херршер афтон</a>
<div class="racegroup">elder</div>
<div class="raceitem">dragon</div>
<div class="where">rаталог экзотики «sovereign crest» - глава, владелец, директор</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=126#p19076">хэсу хэмфелл</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">со-владелиц «fogbound passage», танатопрактик</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=68#p3648">шарлотта мёрфи</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">профессиональная бездельница</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=77#p5088">элиан гальярди</a>
<div class="racegroup">bound</div>
<div class="raceitem">myth</div>
<div class="where">аукционный дом «Aeterna Heritage» - глава отдела стратегического развития</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=75">эра верт</a>
<div class="racegroup">elder</div>
<div class="raceitem">elemental</div>
<div class="where">сотбис — контрабандистка</div><div class="where">аферистка</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=123#p17537">юно хэмфелл</a>
<div class="racegroup">elder</div>
<div class="raceitem">faerie</div>
<div class="where">похоронный распорядитель и со-владелица «Fogbound Passage»</div>
</li>

<li>
<a href="https://themurmur.rusff.me/viewtopic.php?id=87">hunter</a>
<div class="racegroup">common</div>
<div class="raceitem">shifter</div>
<div class="where">домашний питомец</div>
</li>
</ul></div></div>[/html]

0

Поделиться62026-01-06 18:03:38

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

[html]
<style>
/*принятие*/
.prin-fon-fon {
background: #262323;
padding: 10px;
margin: 0px auto;
position: relative;
width: 650px;
height: auto;
overflow: hidden;
border-radius: 15px;
}
.prin-fonb, .prin-fony, .prin-fons {
background: #b1b1b1;
height: auto;
padding: 5px;
position: relative;
width: 630px;
height: auto;
background: #898585;
border-radius: 10px;
border: 6px double #2f2f2f;
}

.prin-fon-telo {
background: #bababa;
height: 270px;
border-radius: 3px;
color: #000;
padding: 20px;
position: relative;
}

.prin-fonb h5, .prin-fony h5, .prin-fons h5 {
font-size: 45px;
letter-spacing: 1px;
text-align: center;
margin: 0px 0 -9px;
font-weight: normal;
background-color: #343030;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: 2px 2px 2px rgb(211 211 211 / 30%);
padding: 20px;
position: relative;
z-index: 3;
}

.prin-fonb h5 {
font-family: Spring;
}

.prin-fony h5 {
font-family: cezanne;
}

.prin-fons h5 {
font-family: Shlapak;
}

.prin-fon-telo p {
text-indent: 30px;
position: relative;
z-index: 3;
font-size: 12px !important;
}

.prin-uslb, .prin-usly, .prin-usls {
font-size: 40px;
position: relative;
z-index: 3;
transform: rotate(-6deg);
}

.prin-uslb {
font-family: Spring;
top: -20px;
left: 355px;
}

.prin-usly {
font-family: cezanne;
top: -20px;
left: 350px;
}

.prin-usls {
font-family: Shlapak;
top: -25px;
left: 365px;
}

.prin-kod {
text-transform: uppercase;
font-size: 17px;
margin: 5px 0px 0px;
font-weight: normal;
line-height: 1.1;
font-family: Courier New;
text-align: right;
position: absolute;
bottom: 23px;
left: 63px;
cursor: pointer; /* Добавлено для индикации кликабельности */
transition: all 0.2s ease; /* Добавлено для плавности */
}

/* Стиль при наведении на код */
.prin-kod:hover {
color: #2196F3;
transform: scale(1.05);
}

/* Стиль при копировании */
.prin-kod.copied {
color: #4CAF50;
font-weight: bold;
}
</style>

<div class="prin-fon-fon">
<div class="prin-fonb">
<div class="prin-fon-telo">
<h5>Добро пожаловать</h5>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
</p>
<div class="prin-uslb"><a href="">Белиал Баскервилль</a></div>
<img src="https://upforme.ru/uploads/001c/54/e5/2/532336.png" style="position: absolute; bottom: 10px; right: 70px; border-radius: 50%; z-index: 0; opacity: 0.2;"/>
<div style="position: absolute; bottom: 45px; font-size: 12px;">Ваш идентификационный номер:</div>
<div class="prin-kod" id="copy-code" onclick="copyToClipboard(this)">XX 00000000</div>
</div>
</div>
</div>
[/html]

0

Поделиться72026-01-06 18:05:37

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

[html]
<div class="prin-kod" onclick="copyToClipboard(this)">XX 00000000</div>

0

Поделиться82026-01-08 13:50:02

Автор: Silva
Администратор
Зарегистрирован: 2023-10-08
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 51 минуту
Последний визит:
Вчера 12:07:58

[html]
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}

.music-card {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(20px);
border-radius: 24px;
width: 380px;
padding: 24px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.1);
}

.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}

.nav-links {
display: flex;
gap: 20px;
}

.nav-links a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: color 0.3s;
}

.nav-links a:hover {
color: #fff;
}

.profile {
display: flex;
align-items: center;
gap: 8px;
}

.profile-img {
width: 32px;
height: 32px;
border-radius: 50%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.greeting {
color: #fff;
font-size: 28px;
font-weight: 700;
margin-bottom: 25px;
letter-spacing: -0.5px;
}

.artist-info {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 25px;
}

.artist-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
}

.artist-details h3 {
color: #fff;
font-size: 16px;
font-weight: 600;
}

.artist-details p {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
margin-top: 2px;
}

.social-badge {
display: flex;
align-items: center;
gap: 8px;
background: rgba(230, 0, 35, 0.15);
color: #e60023;
padding: 6px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 500;
width: fit-content;
margin-bottom: 25px;
}

.social-badge i {
font-size: 14px;
}

.section-title {
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
font-weight: 600;
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: 1px;
}

.playlist {
display: flex;
gap: 12px;
margin-bottom: 30px;
overflow-x: auto;
padding-bottom: 10px;
}

.playlist-item {
min-width: 100px;
height: 100px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: white;
font-size: 24px;
flex-shrink: 0;
}

.playlist-item:nth-child(1) {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.playlist-item:nth-child(2) {
background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.playlist-item:nth-child(3) {
background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.track-card {
background: rgba(255, 255, 255, 0.05);
border-radius: 18px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid rgba(255, 255, 255, 0.05);
}

.track-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}

.track-title h2 {
color: #fff;
font-size: 18px;
font-weight: 700;
}

.track-title p {
color: rgba(255, 255, 255, 0.6);
font-size: 12px;
margin-top: 2px;
}

.track-stats {
display: flex;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.6);
font-size: 12px;
}

.track-stats i {
color: #1DB954;
}

.lyrics {
color: rgba(255, 255, 255, 0.8);
line-height: 1.5;
font-size: 14px;
margin-bottom: 20px;
}

.lyrics-line {
margin-bottom: 8px;
}

.highlighted {
background: rgba(29, 185, 84, 0.2);
padding: 2px 4px;
border-radius: 4px;
color: #1DB954;
}

.progress-container {
margin-top: 20px;
}

.progress-bar {
height: 4px;
background: rgba(255, 255, 255, 0.1);
border-radius: 2px;
overflow: hidden;
margin-bottom: 8px;
}

.progress {
height: 100%;
width: 45%;
background: linear-gradient(to right, #1DB954, #1ed760);
border-radius: 2px;
}

.progress-info {
display: flex;
justify-content: space-between;
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
}

.play-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
margin-top: 20px;
}

.play-controls button {
background: none;
border: none;
color: rgba(255, 255, 255, 0.7);
font-size: 20px;
cursor: pointer;
transition: color 0.3s;
}

.play-controls button:hover {
color: #fff;
}

.play-btn {
width: 50px;
height: 50px;
border-radius: 50%;
background: #1DB954;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
</style>
<div class="music-card">
<div class="header">
<div class="nav-links">
<a href="#">home</a>
<a href="#">wiki</a>
<a href="#">story</a>
<a href="#">playlist</a>
</div>
<div class="profile">
<div class="profile-img"></div>
</div>
</div>

<div class="artist-info">
<div class="artist-avatar">@</div>
<div class="artist-details">
<h3>@demversnetwork</h3>
<p>ON PINTEREST</p>
</div>
</div>

<h3 class="section-title">the playboys!</h3>
<div class="playlist">
<div class="playlist-item">🎵</div>
<div class="playlist-item">🎶</div>
<div class="playlist-item">🎧</div>
</div>

<div class="track-card">
<div class="track-header">
<div class="track-title">
<h2>Tous les Mêmes</h2>
<p>Song by Stromae</p>
</div>
<div class="track-stats">
<i class="fas fa-heart"></i>
<span>LIVES</span>
</div>
</div>

<div class="lyrics">
<div class="lyrics-line">Vous les hommes vous êtes tous les mêmes</div>
<div class="lyrics-line">Macho mais cheap, bande de mauviettes infidèles</div>
<div class="lyrics-line">Si prévisibles, non je ne suis pas certaine, <span class="highlighted">que-que-que tu l'merites</span></div>
<div class="lyrics-line">Ziviez dla chance qu'on...</div>
</div>

0

eto chto

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

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

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