44
44
Сообщений 1 страница 7 из 7
Поделиться22022-11-18 16:50:16
[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
--s5m: auto; /* отступ от левого края, auto - для центровки*/
--s5bg: #000; /* фон общий */
--s5bp: #ccc; /* фон блока описания */
--s5c: #1b1b1b; /* текст в блоке описания */
--s5h: #ccc; /* текст заголовка-названия */
--s5r: #616161; /* рамка */
}
#ship5 * {box-sizing:border-box;} #ship5 {margin: auto auto auto var(--s5m); display:flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; background: var(--s5bg); color: var(--s5c); width:500px; min-height:100px;} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: var(--s5bg);}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: var(--s5bp); color: var(--s5c); outline: 1px solid var(--s5r); outline-offset: 12px;}
.stx3 > h5 {width: auto; margin: auto 34px; padding:12px 10px; position: relative; line-height: 90%; text-transform: uppercase; transform: translate(0%, 50%); outline: 1px solid var(--s5r); outline-offset: 8px; border: 1px solid var(--s5r); box-shadow: 0 0 8px var(--s5bg); background: var(--s5bg); font-weight:400; font-family: 'Alegreya SC', Georgia, serif; font-size: 18px; color: var(--s5h);}
.shimg2 {width: 100%; height: 250px; background-size: cover; background: 50% 50% no-repeat;}</style>
<div id="ship5"><div class="stx3"><p><!-- ТЕКСТ -->
Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам. Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.
<!-- КОНЕЦ ТЕКСТА -->
</p>
<h5>Случайное название эпизода</h5></div>
<div class="shimg2" style="background-image: url(https://i.imgur.com/rgOz7to.jpg);"></div></div>
[/html]
- Подпись автора
Поделиться32023-05-04 20:14:20
A B C D | E F G H | |
BOKU NO HERO ACADEMIA dabi ✦ даби | ||
I J K L | M N O P | |
Q R S T U | V W X Y Z | |
- Подпись автора
Поделиться42023-05-04 20:18:24
..
- Подпись автора
Поделиться52023-05-04 23:23:26
/* анкета от вещего духа */ .cheese_head_wrap { background: #eae9e2; /* общий фон */ width: 20%; height: auto; margin: center } .cheese_head_last { padding: 14px; width: 400px; background: #fdb563 url() repeat top; /* нижний темный фон одно изображение и цвет */ } #post_button { background: #3b5c7f; /* фон кнопки поста */ border: 1px dashed #fdb563; /* обводка кнопки поста */ text-align: center; font: 300 14px Roboto; /* шрифт кнопки */ text-transform: uppercase; letter-spacing: 2px; color: #ffffff; /* цвет шрифта */ padding: 7px; transition: all .6s ease-in-out 0s } #post_button.openpost { background: #3b5c7f; /* цвет кнопки по нажатию */ color: #fdb563; /* цвет шрифта */ border-color: #fdb563 /* цвет обводки */ } #postblock { background: #efeff1; /* цвет выпадающего блока*/ padding: 18px 23px; margin-top: 14px; } img[alt~="hide-autor2"], img[alt~="hide-autor"] { opacity: 0 }
- Подпись автора
Поделиться72023-05-13 18:51:59
коды лз
личное звание:
<a href="ссылка на анкету" class="lzank">Name Surname</a><span>тут текст лз и <a href="ссылка">проверка</a> ссылки тут текст лз и проверка ссылки тут текст лз и проверка ссылки</span>
ачивки:
<img src="ссылка"><img src="ссылка"><img src="ссылка">
остальное просто текст