реклама #3

Поделиться12022-09-09 10:08:01

иконка:
Автор: Blue Light
Администратор
фандом: red lights cross
Сообщений: 48
Уважение: +8

Код:

[align=center][url=http://red-lights.ru][img]https://forumupload.ru/uploads/001b/ab/34/5/729000.png[/img][/url][/align]

◆ шаблон рекламы для нужного ◆

У нас есть потрясающий шаблон для рекламы нужным,
который может использовать любой желающий
[html]<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<div id="advent__wrapper">
<div class="advent__info">
<div class="andvent_scrolling">
<span class="advent__headline">
<a href="http://red-lights.ru">ТЕКСТ ЗАГОЛОВКА</a></span>
<div class="advent__text">
ВАШ ТЕКСТ
съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю. съешь ещё этих мягких французских булок, да выпей чаю.

</div>
</div></div>
<a href="http://red-lights.ru" id="advent_image">
<div class="advent_image_cont">
<img src="https://forumupload.ru/uploads/001b/ab/34/5/210128.jpg">
</div></a>
<div class="advent__logo"><b>red lights</b> cross</div>
</div>

<style>
#advent__wrapper {
background: url(https://i.imgur.com/85Ft71V.png) repeat -280px -30px, url(https://i.imgur.com/85Ft71V.png) repeat 280px 50px, linear-gradient(to left bottom, #536586, #636688, #726788, #7f6886, #8b6983);
width: 500px;
height: 350px;
margin: auto;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}

#advent__wrapper:-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgba(0, 0, 0,0.1);
border-radius: 10px !important;}
#advent__wrapper:-webkit-scrollbar-thumb {
background-color:#efefef !importantж
width:6px !important;
border-radius: 1px !important;
}

#advent__wrapper * {scrollbar-width: thin;
scrollbar-color: #efefef rgba(20, 18, 15,0.01);}

.advent__info {
margin-left: 25px;
padding: 15px 20px;
background: rgba(96,102,124,.1);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(117,125,152,.55);
color: #efefef;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
font: 400 13px/155% jost;
width: 200px;
}

.advent__headline {
display: block;
margin-bottom: 10px;
font-size: 16px;
text-align: left;
}

.advent__headline a {
color: #efefef !important;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-decoration: underline;
}

.andvent_scrolling {
max-height: 270px;
overflow-y: auto;
text-align: justify;
padding-right: 10px;
}

#advent_image {
background: radial-gradient(ellipse farthest-side at 100% 0%, rgba(61,57,58,.35) 0%,rgba(55,53,54,.35) 100%);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
height: 350px;
width: 270px;
position: absolute;
right: 0;
top: 0px;
display: flex;
justify-content: flex-end;
overflow:hidden;
clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0% 100%);
transition: right .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.advent_image_cont {
transition: all .5s cubic-bezier(.64,.51,.55,1) 0s !important;
}

.advent_image_cont img {
height: 350px;
width: 300px;
object-fit: cover;
}

.advent__logo {
position: absolute;
writing-mode: tb-rl;
transform:rotate(187deg);
font-size:40px;
height: 100%;
text-align: center;
text-transform: uppercase;
font: 100 40px jost;
color: #efefef;
right: 220px;
top: 0;
transition: right .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.advent__logo b {
font-weight: 200;
color: #9f0b0d;
}

#advent__wrapper:hover #advent_image {
right: -40px;
}

#advent__wrapper:hover .advent__logo {
right: 200px;
}

#advent__wrapper:hover .advent_image_cont {
transform: translateX(20px)
}
</style>[/html]
Код с виду непонятный, но у нас есть подсказка, с которой будет просто разобраться
С вас потребуется лишь заголовок, текст заявки (не более 1000 символов), ссылка на пост с нужным и ссылка на изображение (его можно не обрезать, любое вертикальное встанет само, но если желаете по красоте - 350х300px.)

Обратите внимание, код работает только на форумах, где включен html в постах. Пожалуйста, убедитесь в этом с помощью предпросмотра страницы
взять код
Код:
[html]<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 

<div id="advent__wrapper">
  <div class="advent__info">
    <div class="andvent_scrolling">
    <span class="advent__headline">
      <a href="ССЫЛКА НА ПОСТ С НУЖНЫМ">ТЕКСТ ЗАГОЛОВКА</a></span>
    <div class="advent__text">
ТЕКСТ ВАШЕЙ ЗАЯВКИ (не более 1000 знаков) 
    </div>
    </div></div>
  <a href="http://red-lights.ru" id="advent_image">
    <div class="advent_image_cont">
      <img src="ССЫЛКА НА ИЗОБРАЖЕНИЕ">
    </div></a>
  <div class="advent__logo"><b>red lights</b> cross</div>
</div>

<style>
#advent__wrapper {
   background: url(https://i.imgur.com/85Ft71V.png) repeat -280px -30px, url(https://i.imgur.com/85Ft71V.png) repeat 280px 50px, linear-gradient(to left bottom, #536586, #636688, #726788, #7f6886, #8b6983);
  width: 500px;
  height: 350px;
  margin: auto;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

#advent__wrapper:-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgba(0, 0, 0,0.1);
border-radius: 10px !important;}
#advent__wrapper:-webkit-scrollbar-thumb {
  background-color:#efefef !importantж
  width:6px !important;
border-radius: 1px !important;
}

#advent__wrapper * {scrollbar-width: thin;
scrollbar-color: #efefef rgba(20, 18, 15,0.01);}

.advent__info {
  margin-left: 25px;
  padding: 15px 20px;
  background: rgba(96,102,124,.1);
  backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(117,125,152,.55);
  color: #efefef;
  text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  font: 400 13px/155% jost;
  width: 200px;
}

.advent__headline {
    display: block;
    margin-bottom: 10px;
  font-size: 16px;
  text-align: left;
}

.advent__headline a {
  color: #efefef !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-decoration: underline;
}

.andvent_scrolling {
  max-height: 270px;
  overflow-y: auto;
  text-align: justify;
  padding-right: 10px;
}

#advent_image {
  background: radial-gradient(ellipse farthest-side at 100% 0%, rgba(61,57,58,.35) 0%,rgba(55,53,54,.35) 100%);
  backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
  height: 350px;
  width: 270px;
  position: absolute; 
  right: 0;
  top: 0px;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0% 100%);
  transition: right .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.advent_image_cont {
  transition: all .5s cubic-bezier(.64,.51,.55,1) 0s !important;
}

.advent_image_cont img {
  height: 350px;
  width: 300px;
  object-fit: cover;
}

.advent__logo {
  position: absolute;
  writing-mode: tb-rl;
  transform:rotate(187deg);
  font-size:40px;
  height: 100%;
  text-align: center;
  text-transform: uppercase;
  font: 100 40px jost;
  color: #efefef;
  right: 220px;
  top: 0;
  transition: right .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.advent__logo b {
  font-weight: 200;
  color: #9f0b0d;
}

#advent__wrapper:hover #advent_image {
  right: -40px;
}

#advent__wrapper:hover .advent__logo {
  right: 200px;
}

#advent__wrapper:hover .advent_image_cont {
  transform: translateX(20px)
}
</style>[/html]
посмотреть подсказку
Для удобства откройте в отдельном окне)
►ссылка на подсказку◄
как это может выглядеть?
[html]<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<div id="advent__wrapper">
<div class="advent__info">
<div class="andvent_scrolling">
<span class="advent__headline">
<a href="http://red-lights.ru/viewtopic.php?id=33#p5108">ИЩУ РОДНУЮ ДУШУ</a></span>
<div class="advent__text">
Здравствуй, мой добрый друг.
Писать письмо мертвецу - не печально ли? Без надежды, что ты его прочтешь и без надежды что я тебя когда-либо встречу. Но тоска по тебе сильна настолько, что я ищу возможности поговорить с тобой, хотя бы так. Пусть это будет моим последним прощанием.
Наши пути сошлись однажды и казалось, нет ничего крепче той нити, что протянулась меж нами. Казалось, мы с тобой должны были встретиться вновь после любого из расставаний. Не передать словами те чувства, которые я хотел бы облечь в слова, хотел бы донести до тебя, но когда я пытаюсь подобрать нужные, кажется, что все они недостаточно хороши.
Помнишь, как мы познакомились? Ты спас мне жизнь; а после спас меня мою душу от тоски по утраченному и я благодарен тебе за то, что ты был рядом - опорой, верным другом и верным…
Помнишь, как мы путешевствовали? Сколько мест повидали и сколько рассветов встретили? Держать в руке твою руку - не было для меня большего счастья. Эти воспоминания всегда будут со мной.
Сейчас со мной все в порядке. Я нашел хороших людей, они заботятся обо мне и помогают. Охота на Глаза Бога закончилась, и твоя жертва не была напрасной: своим поступком ты побудил многих к сражению и мы смогли добиться справедливости. Сейчас люди живут спокойно.
Ты великий герой и я безмерно горд и счастлив, что мне довелось знать тебя и быть с тобой.
Прощай, мой друг. Писать мертвецу очень печально, знаешь? Но воспоминания о тебе согревают мое сердце в самые пасмурные дни, поэтому я улыбаюсь сейчас: посылая тебе слова, я хочу донести и свою улыбку.
Я сжигаю это письмо и все же надеюсь, что оно дойдет до тебя.
Навсегда твой, Казуха.
</div>
</div></div>
<a href="http://red-lights.ru" id="advent_image">
<div class="advent_image_cont">
<img src="https://forumupload.ru/uploads/001b/ab/34/5/955566.jpg">
</div></a>
<div class="advent__logo"><b>red lights</b> cross</div>
</div>

<style>
#advent__wrapper {
background: url(https://i.imgur.com/85Ft71V.png) repeat -280px -30px, url(https://i.imgur.com/85Ft71V.png) repeat 280px 50px, linear-gradient(to left bottom, #536586, #636688, #726788, #7f6886, #8b6983);
width: 500px;
height: 350px;
margin: auto;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}

#advent__wrapper:-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgba(0, 0, 0,0.1);
border-radius: 10px !important;}
#advent__wrapper:-webkit-scrollbar-thumb {
background-color:#efefef !importantж
width:6px !important;
border-radius: 1px !important;
}

#advent__wrapper * {scrollbar-width: thin;
scrollbar-color: #efefef rgba(20, 18, 15,0.01);}

.advent__info {
margin-left: 25px;
padding: 15px 20px;
background: rgba(96,102,124,.1);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(117,125,152,.55);
color: #efefef;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
font: 400 13px/155% jost;
width: 200px;
}

.advent__headline {
display: block;
margin-bottom: 10px;
font-size: 16px;
text-align: left;
}

.advent__headline a {
color: #efefef !important;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-decoration: underline;
}

.andvent_scrolling {
max-height: 270px;
overflow-y: auto;
text-align: justify;
padding-right: 10px;
}

#advent_image {
background: radial-gradient(ellipse farthest-side at 100% 0%, rgba(61,57,58,.35) 0%,rgba(55,53,54,.35) 100%);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
height: 350px;
width: 270px;
position: absolute;
right: 0;
top: 0px;
display: flex;
justify-content: flex-end;
overflow:hidden;
clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0% 100%);
transition: right .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.advent_image_cont {
transition: all .5s cubic-bezier(.64,.51,.55,1) 0s !important;
}

.advent_image_cont img {
height: 350px;
width: 300px;
object-fit: cover;
}

.advent__logo {
position: absolute;
writing-mode: tb-rl;
transform:rotate(187deg);
font-size:40px;
height: 100%;
text-align: center;
text-transform: uppercase;
font: 100 40px jost;
color: #efefef;
right: 220px;
top: 0;
transition: right .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.advent__logo b {
font-weight: 200;
color: #9f0b0d;
}

#advent__wrapper:hover #advent_image {
right: -40px;
}

#advent__wrapper:hover .advent__logo {
right: 200px;
}

#advent__wrapper:hover .advent_image_cont {
transform: translateX(20px)
}
</style>[/html]

Предыдущая часть темы: реклама #1

Предыдущая часть темы: реклама #2

0

Поделиться8412022-09-13 15:57:10

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

https://hangang.ru/viewtopic.php?id=167&p=8#p8701

Отредактировано Чеширик (2022-09-13 15:57:27)

0

Поделиться8422022-09-13 15:57:50

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

https://historycross.rusff.me/viewtopic … =20#p64346

история россии // любая эпоха // неограниченные твинки // гештальты

Отредактировано Чеширик (2022-09-13 15:58:08)

0

Поделиться8432022-09-13 15:59:30

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://holod.rusff.me/viewtopic.php?id= … 32#p140660

Отредактировано Чеширик (2022-09-13 15:59:44)

0

Поделиться8442022-09-13 16:00:36

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://homeostasis.rolevaya.com/viewtop … 31#p110638

Ни одна сказка не заполнит пустоты в человеческой душе. Этот голод не утолит ни одно чудо. Но и великая мистификация мира, проходящая века, выживающая в войне вер и людей, питаемая незавершенностью души, — будет жить.

ДОМ, В КОТОРОМ объявляет День Открытых Дверей.

Хотите стать частью нового круга? Выберите стаю и заполните игровой шаблон - мир для интересной игры перед вами.

Хотите весело провести в Кофейнике время без обещаний и обязательств? Вас постиг ролевой кризис и все, что вам нужно - влезть в шкуру персонажа и попробовать, насколько тонок здешний лед? Соскучились по вроленному общению или просто - доканала гребанная Наружность? Заполните короткую социальную анкету и вперед. Ночи сказок, песен и монологов. Разве нужно что-то еще?

Отредактировано Чеширик (2022-09-13 16:00:53)

0

Поделиться8452022-09-13 16:01:30

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://hornyjail.ru/viewtopic.php?id=24 … 31#p177364

Отредактировано Чеширик (2022-09-13 16:01:48)

0

Поделиться8462022-09-13 16:01:57

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://howlongisnow.rusff.me/viewtopic. … 18#p154754

Отредактировано Чеширик (2022-09-13 16:02:15)

0

Поделиться8472022-09-13 16:10:58

иконка:
Автор: Реклама
это взаимно, бэйби
фандом: red lights cross
Сообщений: 7020
Уважение: +1

https://onlyfriends.rusff.me/viewtopic. … 461#p58461

0

Поделиться8482022-09-13 16:13:19

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://imperiumaeternum.rolka.me/viewto … 15#p311133

Отредактировано Чеширик (2022-09-13 16:13:36)

0

Поделиться8492022-09-13 16:13:45

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://insideout.mybb.ru/viewtopic.php? … =5#p510297

разыскивается друг и почти любовник

Отредактировано Чеширик (2022-09-13 16:14:02)

0

Поделиться8502022-09-13 16:14:19

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://inspiration.rolevaya.ru/viewtopi … =60#p11289

Мистика ✹ NC-21 ✹ Городское фэнтези

Правила ☾ О мире ☾ Нужные ☾ Подать анкету

Отредактировано Чеширик (2022-09-13 16:14:48)

0

Поделиться8512022-09-13 16:14:57

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

https://intothevoid.rusff.me/viewtopic. … =52#p58379

[indent][indent][indent]/// Если в каждой тени кто-то живет, значит в каждой тени кого-то ждут. Гроши в глазницы, на шею жгут. в е р н е ш ь с я л и н е в р е д и м ?

Отредактировано Чеширик (2022-09-13 16:15:36)

0

Поделиться8522022-09-13 16:16:16

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://itisanewworld.rusff.me/viewtopic … 10#p125652

Отредактировано Чеширик (2022-09-13 16:16:34)

0

Поделиться8532022-09-13 16:16:42

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://jkisdead.rusff.me/viewtopic.php? … 10#p153745
СЮЖЕТ • РАСЫ • ГЛОССАРИЙ • РОЛИ • АКЦИЯ 1.0 ТЫ МНЕ НУЖЕН

Отредактировано Чеширик (2022-09-13 16:17:02)

0

Поделиться8542022-09-13 16:19:56

иконка:
Автор: Реклама
это взаимно, бэйби
фандом: red lights cross
Сообщений: 7020
Уважение: +1

http://worldhistory.rusff.me/viewtopic. … 7744#p7744

0

Поделиться8552022-09-13 16:20:30

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

https://kakbicross.ru/viewtopic.php?id= … p=2#p55749

Отредактировано Чеширик (2022-09-13 16:20:53)

0

Поделиться8562022-09-13 16:21:01

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://konohovo.rusff.me/viewtopic.php? … =28#p27098

#наруто #ру_ау #эстетика.ебеней #2022 #сверхъестественные.способности
#городская.мистика #без.неканонов #учихи.с.нами #жизнь.в.панельке

Отредактировано Чеширик (2022-09-13 16:21:22)

0

Поделиться8572022-09-13 16:21:33

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://kteonor.mybb.ru/viewtopic.php?id … 15#p119170

▶СЮЖЕТ◀ ▶МИР◀ ▶АКЦИИ◀

Отредактировано Чеширик (2022-09-13 16:21:51)

0

Поделиться8582022-09-13 16:22:01

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://lepidus.ru/viewtopic.php?id=5306 … 16#p238698

Отредактировано Чеширик (2022-09-13 16:24:07)

0

Поделиться8592022-09-13 16:24:15

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

https://letum.rusff.me/viewtopic.php?id … =15#p10021

АНГСТ ● МАРОДЕРЫ ● 1979 ГОД

Отредактировано Чеширик (2022-09-13 16:24:32)

0

Поделиться8602022-09-13 16:24:41

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://loremipsum.rolfor.me/viewtopic.p … =14#p29136

Отредактировано Чеширик (2022-09-13 16:25:26)

0

Поделиться8612022-09-13 16:25:36

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://lostgeneration.f-rpg.me/viewtopi … 23#p436183

dark fantasy | NC-21
Путеводитель ✦ Вакансии ✦ Расы ✦ Нужные

Отредактировано Чеширик (2022-09-13 16:25:53)

0

Поделиться8622022-09-13 16:26:09

Автор: Чеширик
видел свет
Сообщений: 3768
Уважение: +1

http://luxhp.ru/viewtopic.php?id=1214&p=8#p94498

MARAUDERS. LUX: ANTE MORTEM
МИР ДЖ. РОУЛИНГ: ПЕРВОЕ ПОКОЛЕНИЕ ⬥ ОСЕНЬ 1980 ⬥ ЭПИЗОДИЧЕСКАЯ СИСТЕМА ⬥ РЕЙТИНГ NC-21
______________________________________________________________________
⬥ HAPPINESS CAN BE FOUND IN THE DARKEST OF TIMES, IF ONE ONLY REMEMBERS TO TURN ON THE LIGHT ⬥