123
- Подпись автора
Текст Текст Текст
Very Long Ass Day Topic
Страница: 1
Сообщений 1 страница 9 из 9
Поделиться12024-03-23 20:19:18
- длинный длинный статус на две строки и даже больше
-
positing infinity, the rest is easy - Агент "Сетевого Дозора", нетраннер
- Сообщений: 72
- Уважение: +0
Поделиться22024-03-23 21:44:50
- длинный длинный статус на две строки и даже больше
-
positing infinity, the rest is easy - Агент "Сетевого Дозора", нетраннер
- Сообщений: 72
- Уважение: +0
123123123
- Подпись автора
Текст Текст Текст
Поделиться32024-03-24 10:17:57
- длинный длинный статус на две строки и даже больше
-
positing infinity, the rest is easy - Агент "Сетевого Дозора", нетраннер
- Сообщений: 72
- Уважение: +0
12
- Подпись автора
Текст Текст Текст
Поделиться42024-03-30 13:46:54
- длинный длинный статус на две строки и даже больше
-
positing infinity, the rest is easy - Агент "Сетевого Дозора", нетраннер
- Сообщений: 72
- Уважение: +0
12213
- Подпись автора
Текст Текст Текст
Поделиться52024-03-30 14:41:23
- длинный длинный статус на две строки и даже больше
-
positing infinity, the rest is easy - Агент "Сетевого Дозора", нетраннер
- Сообщений: 72
- Уважение: +0
Спойлер
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque malesuada dolor ut arcu scelerisque, ac feugiat odio imperdiet. Ut sollicitudin gravida tellus, non pellentesque lacus molestie ac. Proin dignissim convallis erat, et dictum arcu feugiat et. Nunc nulla eros, vestibulum vitae efficitur ac, mollis eu sapien. Donec ornare purus erat, a rhoncus ipsum finibus sed. Suspendisse ac lorem non erat facilisis consequat. Ut a mauris vel justo dictum congue. Nam facilisis nulla quis vestibulum egestas. Curabitur eget arcu eros. Integer porta dolor neque, sollicitudin sollicitudin orci gravida id. Pellentesque id tortor venenatis, ullamcorper neque eu, pellentesque felis. Duis sed est sit amet neque auctor porta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque malesuada dolor ut arcu scelerisque, ac feugiat odio imperdiet. Ut sollicitudin gravida tellus, non pellentesque lacus molestie ac. Proin dignissim convallis erat, et dictum arcu feugiat et. Nunc nulla eros, vestibulum vitae efficitur ac, mollis eu sapien. Donec ornare purus erat, a rhoncus ipsum finibus sed. Suspendisse ac lorem non erat facilisis consequat. Ut a mauris vel justo dictum congue. Nam facilisis nulla quis vestibulum egestas. Curabitur eget arcu eros. Integer porta dolor neque, sollicitudin sollicitudin orci gravida id. Pellentesque id tortor venenatis, ullamcorper neque eu, pellentesque felis. Duis sed est sit amet neque auctor porta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Darth Vader написал(а):
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Код:
.lastpost-link {
font-family: var(--corbel);
color: var(--yellow);
text-transform: uppercase;
text-decoration: none !important;
font-size: 13px;
}- Подпись автора
Текст Текст Текст
Поделиться62024-04-03 02:54:51
раз
два
Отредактировано Odmen2 (2024-04-03 02:54:55)
Поделиться82024-07-11 02:11:00
- длинный длинный статус на две строки и даже больше
-
positing infinity, the rest is easy - Агент "Сетевого Дозора", нетраннер
- Сообщений: 72
- Уважение: +0
[html]<style>
.list-item-uniq {
display:flex;
width: 270px;
height:100px;
background-color:#000;
border-radius:50px;
}
.list-item-uniq p {
background-color: #121212;
padding: 46px 4px 0px 4px !important;
height: 25px;
display: block;
margin: -21px 0 0 0px !important;
font-family: sans-serif;
font-size: 1.3em;
font-weight: bold;
z-index: 3;
position: relative;
border-bottom: 3px solid #f1954a;
}
.img-card-uniq::after {
content: attr(data-info);
position: absolute;
width: 113px;
font-size: .8em;
line-height: 120%;
margin: -13px 0px 0 -166px;
padding: 15px 25px;
background-color: aliceblue;
z-index: 1;
border-radius: 0 0 10px 10px;
transition: ease-in-out .4s;
}
.img-card-uniq:hover::after {
transform: translate(0px, 50px);
}
.img-card-uniq {
display: block;
border-radius: 50%;
border: 3px solid #f1954a;
width: 100px;
height: 100px;
background-size: 120%;
background-position: center;
background-image: url(https://i.imgur.com/kVrfR7d.jpeg);
transition: ease-in-out .4s;
}
.img-card-uniq:hover {
background-size: 100%;
}
.img-card-uniq::before {
content: '';
position: absolute;
margin: 0 0 0 0;
background: url(https://i.imgur.com/JWs6hYn.png) no-repeat center;
background-size: 75%;
width: 100px;
height: 100px;
transition: ease-in-out .4s;
}
.img-card-uniq:hover::before {
background-size: 100%;
}
</style>
<div class='list-item-uniq'>
<p >СОЗДАНИЕ МАКЕТОВ</p>
<div data-info='Создание оригинальных макетов в фотошопе с учётом ТЗ и обсуждениями' class="img-card-uniq" />
</div>[/html]
- Подпись автора
Текст Текст Текст
Поделиться92024-07-11 23:43:56
- длинный длинный статус на две строки и даже больше
-
positing infinity, the rest is easy - Агент "Сетевого Дозора", нетраннер
- Сообщений: 72
- Уважение: +0
[html]<section class="showcase">
<p>How About</p>
<video src="https://v1.pinimg.com/videos/mc/720p/4a/9b/54/4a9b54f7b22c603f057c65bdb3f70499.mp4" autoplay loop muted></video>
<div class="title-uniq">VAMPIRING</div>
</section>[/html]
[html]
<style>
@font-face {
font-family: RadjhaniRu;
src: url('https://forumstatic.ru/files/001c/04/0a/51541.ttf')
}
@font-face {
font-family: Binaria;
src: url('https://forumstatic.ru/files/001c/17/76/11852.ttf')
}
.showcase {
width: 100%;
height: 210px;
position: relative;
overflow: hidden;
background: linear-gradient(178deg, rgb(54 13 13) 0%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 100%);
clip-path: polygon(0 80px,80px 0,calc(100% - 80px) 0,100% 80px,100% calc(100% - 80px),calc(100% - 80px) 100%,80px 100%,0 calc(100% - 80px));
}
.showcase p {
left: 405px;
top: 26px;
position: relative;
width: 100%;
font-size: 4em !important;
color:#9f0032 !important;
font-family: 'Binaria';}
.showcase video {
width: 73%;
height: 195%;
position: absolute;
left: 95px;
object-fit: cover;
filter: brightness(2) hue-rotate(127deg);}
.title-uniq {
width: 100%;
height: 100%;
background-color: #000;
font-size: 100px;
color: #fff;
text-align: center;
margin-top: -15px;
mix-blend-mode: multiply;
font-family: 'RadjhaniRu';
text-shadow: 6px 4px 10px #ffffff6e;
}</style>
[/html]
PEACE WAS NEVER AN OPTION
- Подпись автора
Текст Текст Текст
Страница: 1
