» все, что есть.
html
Страница: 1
Сообщений 1 страница 14 из 14
Поделиться12023-12-02 02:54:17
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
Поделиться22023-12-02 02:54:52
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
гороскопное
[html]<style>
.contBa {
background: url("https://i.postimg.cc/wTk53Nqb/54646.png") repeat fixed center 0 rgba(10,10,10,1);
width: 1000px;
background-position: right;
}
div {
width: 400px;
height: 500px;
background: rgba(7, 7, 7, 0.85);
color: #ccc;
margin: 0 auto;
padding: 20px;
overflow: auto;
font-size: 12px;
line-height: 150%;
}h11 {
font-family: pattaya;
font-size: 14px;
color: #fff;
text-shadow: 1px 1px 1px #acd5fa;
}
</style>
<script></script>
<div class="contBa"><div>
<h11>овен</h11>
<br>неделя удивит неожиданными событиями и странными совпадениями, что позволит твоей шизе расширить кругозор. паниковать не надо, однако чтобы избежать тотального пиздеца не жри что попало, проверяй срок годности и наличие туалетной бумажки.<br>
<br>
<h11>телец</h11>
<br>
ты львица, тигрица, победительница по жизни — повторяй всю неделю перед каждым приемом пищи и будет тебе счастье. эта неделя отлично подходит для того, чтобы опробовать что-нибудь новое — например: поднять жопу с дивана и повидаться с друзьями.<br>
</p>
<br>
<h11>близнецы</h11>
<br>
опасайся разногласий с коллегами, эти крысы так и ждут момента чтобы пошакалить за спиной. в остальном неделя збс, старайся не переутомляться, ведь сейчас пора хандры и авитаминоза. в напряженные моменты шли всех нахуй и сохраняй спокойствие.<br>
</p>
<br>
<h11>рак</h11>
<br>
звезды говорят что карма у тебя в говне, а значит пора творить добрые дела. обратились за советом — выдели минутку своего драгоценного времени и помоги бедолаге, ведь каждый хороший поступок +5 к карме. и не увлекайся энергетиками!<br>
</p>
<br>
<h11>лев</h11>
<br>
на твое настроение на этой неделе будет влиять уран, нептун и пиздун, который сел тебе на уши. чтобы не усукаблядь ситуацию выстави границы и перемены не заставят себя долго ждать. а в целом ты красавчик, как и всегда.<br>
</p>
<br>
<h11>дева</h11>
<br>
время от времени нужно сбегать в мечты. позволь себе забыть о долбоебах вокруг и погрузись в мир своих влажных фантазий — не стесняйся, звезды никому ничего не расскажут. не налегай на жирное, твой желудок и так вахуе.<br>
</p>
<br>
<h11>весы</h11>
<br>
ебаная луна снова влияет на твою ПсИхОсОмАтИку. спокойно! без паники! вдох-выдох и мы опять играем в любимых. на этой неделе постарайся быть в гармонии с собой — сложно, но можно. нептун шепчет — тому въеби, но ты все же фильтруй базар — неосторожные высказывания могут навести суеты.<br>
</p>
<br>
<h11>скорпион</h11>
<br>
на этой неделе твой эмоциональный фон крайне нестабильный, любая хуита может выбить тебя из колеи, но волноваться не надо — рядом будет человек, способный послать твои беды и тревоги по кривой дороге. звезды не рекомендуют заедать стресс, иди лучше помедитируй или подрочи.<br>
</p>
<br>
<h11>стрелец</h11>
<br>
братан, что с тобой? твой стакан на половину полон или на половину пуст? на этой неделе намечается удача во всем: в карьере, любви, здоровье. никаких установок на понос, только радость и позитив. смело выходи за рамки привычной рутины, посвяти эту неделю веселью и развлечениям. <br>
</p>
<br>
<h11>козерог</h11>
<br>
на этой неделе будь осторожен во всем, что касается денег — проверяй наличие промокодов прежде, чем оформить тот или иной заказ. помни — главное ЭкОнОмИя, но питаться одними бич пакетами все же не стоит. нынешний астральный климат сулит новых соигроков, вкусные посты и увлекательные фики.<br>
</p>
<br>
<h11>водолей</h11>
<br>
нынешний аспект марса подарит на этой неделе животный аппетит и переедание. не исключена тяжесть и колики в животике. если не засядешь в туалете, то сможешь завести новые знакомства и быть может даже найдешь новых соигроков. не исключены романтические увлечения.<br>
</p>
<br>
<h11>рыбы</h11>
<br>
благоприятный аспект сатурна придаст сил и поможет пережить эту ебаную неделю. оберегай себя от стрессовых ситуаций, избегай конфликтов и шли нахуй всех тех, кто хочет испортить твое настроение. благодаря теплу батареи ты сможешь сохранить спокойствие и гармонию, так что не мерзни.<br>
</p></div></div>
[/html]
Поделиться32023-12-02 02:55:25
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
хронология
Поделиться42023-12-02 02:56:09
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
хронология v2.0
Поделиться52023-12-02 02:56:48
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
что-то странное
Поделиться62023-12-02 02:58:29
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
херь
Поделиться72023-12-02 02:59:14
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
?
Поделиться82023-12-02 03:01:12
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
.fenris_tems_box {
background: #ffffff;
width: 500px;
height: auto;
margin: auto;
padding: 0px 20px 20px;
}
.fenris_tems_box h6 {
color: #f0f1f5;
font: 700 30px arimo;
background: #000000;
margin: 0;
text-transform: uppercase;
padding: 10px 10px 10px;
margin-bottom: 10px;
}
.fenris_tems_img {
overflow: ;
height: 50px;
position: relative;
margin-bottom: 30px;
}
.fenris_tems_img img {
width: 100%;
filter: ()
}
.fenris_tems_img:after {
content: "";
position: absolute;
background: ;
width: 100%;
height: 100%;
top: 0%;
left: 0%
}
.fenris_tems_text {
text-align: justify;
font: 400 10px/18px ;
}
</style>
<div class="fenris_tems_box">
<h6><center>дейдара<center/></h6>
<div class="fenris_tems_img">
<img src="https://i.postimg.cc/Vv3jmxXH/88888.png">
</div>
<div class="fenris_tems_text">
<br>
<center><br><b>краткие факты:</b></center>
ᐅ родом из Осаки, но душой в Акихабаре. там, говорят, по аниме угорают больше
<br>ᐅ подорвал машину Пейна по заказу сторонней организации
<br>ᐅ заботливо [нет] взят под крыло одним из сторожил преступной группировки
<br>ᐅ bi-polar bear
<br>ᐅ стокгольмско засиндромился, до сих пор не понимает, вышел ли из этого или все еще плавает
<br>ᐅ любит взрывать, материться, пить, нюхать
<br>ᐅ мастерски владеет холодным оружием
<br>ᐅ первый претендент в отряд камикадзе
<br>
<center><br><b>с первого оскорбления:</b></center>
— Тварь! Взорву нахуй!
Снова удар с ноги в живот и он не без труда сгибается пополам, рыкнув от боли. Его руки - самое главное и опасное оружие - связаны за спиной, а потому круг возможностей резко сужается до размеров горошины. Ну, суки, ему бы только дотянуться до выпавшего из кармана ножа и пизда вам всем...
Темноволосый небрежно хватает Дея за волосы и дергает, запрокидывая его голову в глаза заглядывает; по лицу мафиози не нанес ни единого удара, оно все так же красиво не смотря на болезненную гримасу. Дейдара выдавливает самодовольную улыбку и плюет красноглазому на воротник пиджака.
<br>— Куда его, Сасори?
<br>— Оставь мне.
Он слышит чужой голос, но не видит источник — второй человек находится за спиной. Неизвестный запускает пальцы в волосы, на кулак накручивает и дергает с силой: Дей процеживает через стиснутые зубы очередное ругательство и совершает тщетную попытку освободиться.
<br>— Ты взорвал личный автомобиль босса и теп...
<br>— Теперь я грохну того надменного мудака, да. И тебя следом, уебок.
Красноволосый лениво отвешивает оскорбительную пощечину, будто бы и мараться не хотел, но знал, что сходить с рук такая дерзость не должна. Оскал стирается с деевского лица и он, тяжело выдыхая, опускает голову. Нет, это еще не конец, просто переломанные ребра невыносимо сдавливают грудную клетку: кажется, одна кость и вовсе перемололась в труху.
<br>— Ты будешь говорить тогда, когда я этого захочу. И работать будешь на меня, а перестанешь слушаться - пристрелю, как псину.
Он еще не знает, что через несколько лет будет позволять этой псине гораздо большее, нежели какие-то дурацкие споры о красоте мгновения.
<br>
<center><br><b>способности:</b></center>
ᐅ заряжает энергией в своих дополнительных ртах глину и создает из нее взрывные произведения искусства.
</div>
</div>[/html]
Поделиться92023-12-02 03:01:27
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
.fenris_tems_box {
background: #ffffff;
width: 550px;
height: auto;
margin: auto;
padding: 0px 30px 30px;
}
.fenris_tems_box h6 {
color: #f0f1f5;
font: 700 40px arimo;
background: #573168;
margin: 0;
text-transform: uppercase;
padding: 20px 15px 15px;
margin-bottom: 30px;
}
.fenris_tems_img {
overflow: ;
height: 150px;
position: relative;
margin-bottom: 30px;
}
.fenris_tems_img img {
width: 100%;
filter: ()
}
.fenris_tems_img:after {
content: "";
position: absolute;
background: ;
width: 100%;
height: 100%;
top: 0%;
left: 0%
}
.fenris_tems_text {
text-align: justify;
font: 400 italic 11px/18px merriweather;
}
</style>
<div class="fenris_tems_box">
<h6>все фантастические твари здесь</h6>
<div class="fenris_tems_img">
<img src="https://i.postimg.cc/fRmQXc1X/photo-2023-03-31-15-06-27.png">
</div>
<div class="fenris_tems_text">
<br><center>Учебная неделя выдалась достаточно тяжелой не правда ли? Все ученики отправляются на выходные в Хогсмид чтобы отдохнуть и повеселиться. Не забудьте взять с собой письменное разрешение, без него вас не выпустят с территории школы. Напоминаем Вам, что ученикам запрещено приближаться к запретному лесу в связи с брачным периодом кентавров.
<br>Хорошо проведите время, не забудьте посетить такие места как «три метлы» и «сладкое королевство», обходите стороной бар «кабанья голова» дабы избежать неприятностей.<center/>
<center><br><b>Правила проведения:<b/><center/>
<br>Все игроки обязаны отписывать согласно установленному списку очередности. На пост дается трое суток, по истечению которых (если игрок не отписал) его очередь пропускается. Посты размером 1,5-2к, старайтесь писать легко, не пересказывая хуеву тучу действий, выделяйте основное. Все взаимодействия между вашими персонажами, как и сюжетные развилки, вы можете обсудить в тг-чате.
<br>
<br><center><b>НАБОР УЧАСТНИКОВ ЗАКРЫТ!<b/><center/>
</div>
</div>[/html]
Поделиться102023-12-02 03:03:40
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
[html]
<div id="gosti-tema">
<div class="bg"> <img src="https://i.postimg.cc/jSK2m72p/7777777.png"></div>
<div class="gr"> ✧ Добро пожаловать на REALM ✧</div><br>
<div class="info">
Мы надеемся, что пребывание на нашем проекте будет для вас максимально комфортным, общение непринужденным, а игра активной и увлекательной.
Перед бронированием роли и регистрацией рекомендуем ознакомиться с
//ссылка на правила, список ролей, заявки//</center>
<br>и не забывайте, что:
<br>✧ роли бронируются сроком на <b>трое суток</b> с возможностью двухкратного продления.
<br>✧ количество твинков <b>неограниченно</b>.
<br>✧ неканоны <b>разрешены</b>.
<br>✧ роль по заявке можно занять, если она не выкуплена заказчиком.</div>
<table>
<tr>
<td><div class="gab">выкупы</div>
<div class="list">
<div class="etcl">за амс</div>
<b>boku no hero academia</b> ✧ midoriya izuku ✧ <a href="ссылка на профиль">?</a>
<br> <b>boku no hero academia</b> ✧ todoroki shouto ✧ <a href="ссылка на профиль">?</a>
<hr>
<b>chainsaw man</b> ✧ angel devil ✧ <a href="ссылка на профиль">дота</a>
<br> <b>chainsaw man</b> ✧ hayakawa aki ✧ <a href="ссылка на профиль">панта</a>
<br> <b>chainsaw man</b> ✧ denji ✧ <a href="ссылка на профиль">усы</a>
<br> <b>chainsaw man</b> ✧ power ✧ <a href="ссылка на профиль">хида</a>
<hr> <b>death note</b> ✧ mikami teru ✧ <a href="ссылка на профиль">?</a>
<br> <b>death note</b> ✧ yagami raito ✧ <a href="ссылка на профиль">?</a>
<hr> <b>d.gray-man</b> ✧ allen walker ✧ <a href="ссылка на профиль">?</a>
<br> <b>d.gray-man</b> ✧ tyki mikk ✧ <a href="ссылка на профиль">?</a>
<hr> <b>genshin impact</b> ✧ alhaitham ✧ <a href="ссылка на профиль">хида</a>
<br> <b>genshin impact</b> ✧ azhdaha ✧ <a href="ссылка на профиль">?</a>
<br> <b>genshin impact</b> ✧ il dottore ✧ <a href="ссылка на профиль">дота</a>
<br> <b>genshin impact</b> ✧ kaeya ✧ <a href="ссылка на профиль">хида</a>
<br> <b>genshin impact</b> ✧ kaveh ✧ <a href="ссылка на профиль">?</a>
<br> <b>genshin impact</b> ✧ pantalone ✧ <a href="ссылка на профиль">панта</a>
<br> <b>genshin impact</b> ✧ scaramouche ✧ <a href="ссылка на профиль">панта</a>
<br> <b>genshin impact</b> ✧ tartaglia ✧ <a href="ссылка на профиль">дота</a>
<br> <b>genshin impact</b> ✧ tsaritsa ✧ <a href="ссылка на профиль">?</a>
<br> <b>genshin impact</b> ✧ zhongli ✧ <a href="ссылка на профиль">?</a>
<br> <b>hagane no renkinjutsushi</b> ✧ edward elric ✧ <a href="ссылка на профиль">?</a>
<br> <b>hagane no renkinjutsushi</b> ✧ roy mustang ✧ <a href="ссылка на профиль">?</a>
<br> <b>honkai: star rail</b> ✧ blade ✧ <a href="ссылка на профиль">?</a>
<br> <b>honkai: star rail</b> ✧ jing yuan ✧ <a href="ссылка на профиль">?</a>
<br> <b>honkai: star rail</b> ✧ kafka ✧ <a href="ссылка на профиль">?</a>
<br> <b>j.k. rowling's wizarding world</b> ✧ astoria greengrass ✧ <a href="ссылка на профиль">пэнси</a>
<br> <b>j.k. rowling's wizarding world</b> ✧ draco malfoy ✧ <a href="ссылка на профиль">пэнси</a>
<br> <b>j.k. rowling's wizarding world</b> ✧ harry potter ✧ <a href="ссылка на профиль">пэнси</a>
<br> <b>j.k. rowling's wizarding world</b> ✧ hermione granger ✧ <a href="ссылка на профиль">пэнси</a>
<br> <b>j.k. rowling's wizarding world</b> ✧ pansy parkinson ✧ <a href="ссылка на профиль">пэнси</a>
<br> <b>j.k. rowling's wizarding world</b> ✧ theodore nott ✧ <a href="ссылка на профиль">пэнси</a>
<br> <b>jujutsu kaisen</b> ✧ gojo satoru ✧ <a href="ссылка на профиль">хида</a>
<br> <b>jujutsu kaisen</b> ✧ nanami kento ✧ <a href="ссылка на профиль">усы</a>
<br> <b>katekyo hitman reborn</b> ✧ hibari kyoya ✧ <a href="ссылка на профиль">?</a>
<br> <b>katekyo hitman reborn</b> ✧ rokudo mukuro ✧ <a href="ссылка на профиль">?</a>
<br> <b>kitchenblock</b> ✧ leva khlopov ✧ <a href="ссылка на профиль">ирина</a>
<br> <b>kuroshitsuji</b> ✧ ciel phantomhive ✧ <a href="ссылка на профиль">?</a>
<br> <b>kuroshitsuji</b> ✧ sebastian ✧ <a href="ссылка на профиль">?</a>
<br> <b>mo dao zu shi</b> ✧ jin ling ✧ <a href="ссылка на профиль">ирина</a>
<br> <b>mo dao zu shi</b> ✧ lan sizhui ✧ <a href="ссылка на профиль">усы</a>
<br> <b>mo dao zu shi</b> ✧ lan wangji ✧ <a href="ссылка на профиль">усы</a>
<br> <b>mo dao zu shi</b> ✧ wei wuxian ✧ <a href="ссылка на профиль">хида</a>
<br> <b>shaman king</b> ✧ asakura hao ✧ <a href="ссылка на профиль">?</a>
<br> <b>shaman king</b> ✧ tao ren ✧ <a href="ссылка на профиль">?</a>
<br> <b>shingeki no kyojin</b> ✧ erwin smith ✧ <a href="ссылка на профиль">?</a>
<br> <b>shingeki no kyojin</b> ✧ levi ackerman ✧ <a href="ссылка на профиль">?</a>
<div class="etcl">заявки</div>
<center><b>до 09.09</b></center>
<b>fandom</b> ✧ роль eng ✧ <a href="ссылка на профиль">ник</a>
</div></td>
<td><div class="gab">бронирование</div><div class="list">
<div class="etcl">за гостями</div>
<div class="etcl">за игроками</div>
<br>
</div>
</div></td>
</table>
</tr>
<div class="bg"> <img src="https://i.postimg.cc/jSK2m72p/7777777.png"></div>
</div>
[/html]
Код:
<br> <b>fandom</b> ✧ роль eng ✧ <a href="ссылка на профиль">ник</a>
Поделиться112023-12-02 03:06:37
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
[html]<style>
.horoscope {
height: 600px;
width: 600px;
margin: 4px 30px;
}
p.hodat {
position: absolute;
font-family: arial;
color: #fff;
font-size: 16px;
font-weight: bold;
margin-top: 42px!important;
margin-left: 277px!important;
}
.horoscope ul {
margin: 84px 135px;
position: absolute;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
color: #fff;
font-weight: bold;
height: 457px;
font-family: arial;
font-size: 10px;
justify-content: space-between;
align-items: left;
align-content: left;
gap: 6px;
}
.horoscope li {
height: 25px;
}
</style>
<div class="horoscope" style="background:url(https://i.postimg.cc/SRpgW7yv/99.png);">
<p class="hodat">29.09</p>
<ul>
<li>овен - сегодня тебе может помочь только энергетик, да и то не факт.</li>
<li>телец - не соглашайся пить, иначе проснёшься точно не дома, блин. </li>
<li>близнецы - тот редкий случай, когда тебе лучше помолчать, иначе разругаешься со всеми.</li>
<li>рак - пьяный и красивый сюрприз!</li>
<li>лев - тебе нужен такой же пошлый, как и ты, иначе будет скучно.</li>
<li>дева - только не признавайся никому, что во всём виноват ты. пусть будет интрига.</li>
<li>весы - такими темпами и залететь можно... </li>
<li>скорпион - самый лучший день, это когда ты трезвый, например сегодня. </li>
<li>стрелец - тебе нужно в путешествие, чем быстрее, тем лучше, иначе перегоришь. </li>
<li>козерог - выбирай себе настю, она топчик! </li>
<li>водолей - я сегодня душнила, простите. </li>
<li>рыбы - тебе не стоит оставаться в этом городе и на этой работе, самое время всё изменить. </li>
</ul>
</div>[/html]
Поделиться122023-12-02 03:07:14
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
хроно//3
Поделиться132023-12-02 03:08:20
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
[html]
<div id="gosti-tema">
<div class="bg"> <img src="https://i.postimg.cc/jSK2m72p/7777777.png"></div>
<table>
<tr>
<td><div class="gab">A ✧ B ✧ C ✧ D</div>
<div class="list">
<b>boku no hero academia</b> ✧ midoriya izuku ✧ <a href="ссылка на профиль">?</a>
<br> <b>boku no hero academia</b> ✧ todoroki shouto ✧ <a href="ссылка на профиль">?</a>
<hr>
<b>chainsaw man</b> ✧ angel devil ✧ <a href="ссылка на профиль">дота</a>
<br> <b>chainsaw man</b> ✧ hayakawa aki ✧ <a href="ссылка на профиль">панта</a>
<br> <b>chainsaw man</b> ✧ denji ✧ <a href="ссылка на профиль">усы</a>
</div></td>
<td><div class="gab">E ✧ F ✧ G ✧ H</div><div class="list">
<br>
</div>
</div></td>
</table>
<table>
<tr>
<td><div class="gab">I ✧ J ✧ K </div>
<div class="list">
<b>boku no hero academia</b> ✧ midoriya izuku ✧ <a href="ссылка на профиль">?</a>
<br> <b>boku no hero academia</b> ✧ todoroki shouto ✧ <a href="ссылка на профиль">?</a>
<hr>
<b>chainsaw man</b> ✧ angel devil ✧ <a href="ссылка на профиль">дота</a>
<br> <b>chainsaw man</b> ✧ hayakawa aki ✧ <a href="ссылка на профиль">панта</a>
<br> <b>chainsaw man</b> ✧ denji ✧ <a href="ссылка на профиль">усы</a>
</div></td>
<td><div class="gab">L ✧ M ✧ N </div><div class="list">
<br>
</div>
</div></td>
</table>
<table>
<tr>
<td><div class="gab">O ✧ P ✧ Q </div>
<div class="list">
<b>boku no hero academia</b> ✧ midoriya izuku ✧ <a href="ссылка на профиль">?</a>
<br> <b>boku no hero academia</b> ✧ todoroki shouto ✧ <a href="ссылка на профиль">?</a>
<hr>
<b>chainsaw man</b> ✧ angel devil ✧ <a href="ссылка на профиль">дота</a>
<br> <b>chainsaw man</b> ✧ hayakawa aki ✧ <a href="ссылка на профиль">панта</a>
<br> <b>chainsaw man</b> ✧ denji ✧ <a href="ссылка на профиль">усы</a>
</div></td>
<td><div class="gab">R ✧ S ✧ T </div><div class="list">
<br>
</div>
</div></td>
</table>
<table>
<tr>
<td><div class="gab"> U ✧ V ✧ W </div>
<div class="list">
<b>boku no hero academia</b> ✧ midoriya izuku ✧ <a href="ссылка на профиль">?</a>
<br> <b>boku no hero academia</b> ✧ todoroki shouto ✧ <a href="ссылка на профиль">?</a>
<hr>
<b>chainsaw man</b> ✧ angel devil ✧ <a href="ссылка на профиль">дота</a>
<br> <b>chainsaw man</b> ✧ hayakawa aki ✧ <a href="ссылка на профиль">панта</a>
<br> <b>chainsaw man</b> ✧ denji ✧ <a href="ссылка на профиль">усы</a>
</div></td>
<td><div class="gab">X ✧ Y ✧ Z</div><div class="list">
<br>
</div>
</div></td>
</table>
</tr>
<div class="bg"> <img src="https://i.postimg.cc/jSK2m72p/7777777.png"></div>
</div>
[/html]
Поделиться142023-12-06 01:29:16
- не смог быть вежливым, смог быть не живым
- Сообщений: 884
- Уважение: +0
[html]<!-- мироописание от духа -->
<script type="text/javascript" src="https://forumstatic.ru/files/001b/36/d6/94544.js"></script>
<div class="world-container">
<div class="world-block">
<div class="header">
<span>— ХРОНОЛОГИЯ —</span>
</div>
<img src="https://i.postimg.cc/L87d3jsN/3465.png">
</div>
<div class="info1 closed">
<div class="close-btn">— закрыть —</div>
<div>
<h5>ФАНДОМ:</h5>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4258"> сделано в темноте</a>//jujutsu kaisen</em>
<h5>АЛЬТЕРНАТИВА:</h5>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4285#p343042"> keep me howling</a>//naruto</em>
<h5>ТВИНКИ:</h5>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4253"> не бледней</a>//naruto</em>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4364#p350673"> дотлевай</a>//naruto</em>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4272"> we'll never escape this town</a>//cyberpunk2077</em>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4320#p346607"> fall into this trap</a>//j.k. rowling's wizarding world</em>
<h5>ЗАБРОШЕННЫЕ ЭПИЗОДЫ:</h5>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4267"> dear enemy</a>//jujutsu kaisen</em>
<em>☛<a href="https://hornyjail.ru/viewtopic.php?id=4277#p341279"> a misty memory</a>//genshin impact</em>
</div></div>
</div>
<style>
/* css мироописания от духа */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&family=Rubik:wght@500;600;800;900&display=swap');
.world-container {
column-gap: 4px; /* отступ между колонками */
margin: 0px auto 20px auto;
column-count: 2; /* количество столбцов*/
width: 580px; /* ширина контейнера с блоками*/
position: relative;
text-align: center;
}
.world-block {
margin: 1px 0px; /* нижний и верхний отступ между блоками*/
padding: 0px;
display: inline-block;
line-height: 0;
width: 580px; /* ширина блоков */
overflow: hidden;
position: relative;
cursor: pointer;
transition: all .9s cubic-bezier(.63,.34,.09,.96) 0s;
}
.world-block .header {
position: absolute;
background: (to bottom, rgba(41,154,11,0) 0%, rgba(0,0,0,0.29) 18%,rgba(0,0,0,0.48) 39%,rgba(0,0,0,0.69) 74%,rgba(0,0,0,0.85) 100%);
color: #ffffff; /* цвет шрифта заголовков на картинках */
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
font: 800 22px/150% 'Rubik'; /* шрифт заголовков на картинках */
text-transform: uppercase;
z-index: 1;
}
.world-block:hover {
filter: grayscale(100%)
}
.world-block img {
transition: all .3s cubic-bezier(.63,.34,.09,.96) 0s;
}
.world-block:hover img {
transform: scale(1.1);
filter: blur(1px)
}
.world-block .header span {
display: block;
margin-bottom: 20px;
text-align: center;
}
.closed{
background: #fefefe; /* фон выпадающего описания */
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: calc(100% - 50px);
height: calc(100% - 50px);
padding: 25px;
text-align: center;
display: none;
box-shadow: 0 0 0 9px #0a0a0a inset, 0 0 0 10px rgba(0,0,0,.1) inset /* обводка */
}
.closed > div:not(.close-btn) {
overflow-y: auto;
height: calc(100% - 35px);
padding-right: 5px;
}
.close-btn {
background: rgba(0,0,0,.04); /* фон кнопки закрытия */
border: 1px solid rgba(0,0,0,.06); /* бордер кнопки закрытия */
height: 15px;
text-transform: uppercase;
font: 300 10px/15px merriweather; /* шрифт кнопки закрытия*/
text-align: center;
margin-bottom: 20px;
cursor: pointer;
letter-spacing: 2px
}
.closed h5 {
font: 700 20px merriweather; /* шрифт заголовков описания */
margin: 20px 0px 10px;
position: ;
padding-left: px;
}
.closed h5:before {
content: "";
height: 2px;
width: 30px;
background: rgba(0,0,0,.7);
position: ;
left: 10;
top: 50%;
transform: translateY(-50%)
}
.closed h5:first-child {
margin-top: 0
}
.closed em {
font: 300 11px ; /* шрифт мини цитаток */
display: block;
padding-right: 10px;
text-align: left;
margin: 10px 0;
}
</style>
[/html]
「 total post: 4 」
Страница: 1
