реклама #1

Поделиться12022-08-09 16:45:32

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

Код:

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

Код:

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

Код:

[align=center][url=http://red-lights.ru][img]http://forumupload.ru/uploads/001b/ab/34/5/462654.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="http://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#p3051">ищу <s>свое</s> ледяное сердце</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="http://forumupload.ru/uploads/001b/ab/34/5/260323.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]

0

Поделиться8412022-08-16 17:30:27

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

http://benotafraid.rusff.me/viewtopic.p … p=17#p8192

0

Поделиться8422022-08-16 17:30:37

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

https://shivery.rusff.me/viewtopic.php? … =19#p16505

0

Поделиться8432022-08-16 17:30:50

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

http://tlr.rusff.me/viewtopic.php?id=11&p=47#p1664

0

Поделиться8442022-08-16 17:31:00

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

http://verbaveritatistest.rusff.me/view … p=39#p4909

Verba Veritatis
тестовый форум \\ мистика и фэнтези \\ магический мир \\ современность

0

Поделиться8452022-08-16 17:31:13

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

http://cdr.rusff.me/viewtopic.php?id=41&p=5#p2969

0

Поделиться8462022-08-16 17:31:24

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

http://opiumgods.f-rpg.me/viewtopic.php … p;p=5#p701

0

Поделиться8472022-08-16 21:01:34

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

— безлимит твинков — вечная упрощенка — никаких конкурсов —

http://antcross.rusff.me/viewtopic.php? … ;p=13#p862

0

Поделиться8482022-08-16 21:02:50

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

https://themistfrpg.rusff.me/viewtopic. … =15#p89311

0

Поделиться8492022-08-16 21:44:10

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

Boyz: herorgasm

http://boyzzz.mybb.ru/viewtopic.php?id=21&p=4#p612

0

Поделиться8502022-08-16 23:05:11

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

Авторский мир, Фэнтези, Локации, G
СЮЖЕТ | АНКЕТЫ | ПРАВИЛА

0

Поделиться8512022-08-16 23:07:11

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

HP ● ПОКОЛЕНИЕ Z ● 1978 \\ 2003

0

Поделиться8522022-08-16 23:15:07

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

Дом Кузнечик - хорошее кино

0

Поделиться8532022-08-16 23:16:47

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

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

0

Поделиться8542022-08-16 23:18:12

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

0

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

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

прекрасная леди в поиске семьи

0

Поделиться8562022-08-16 23:24:23

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

ЖДЕМ КСАВЬЕ ОГДЕНА
МИР ДЖ. РОУЛИНГ: ПЕРВОЕ ПОКОЛЕНИЕ ⬥ ОСЕНЬ 1980 ⬥ ЭПИЗОДИЧЕСКАЯ СИСТЕМА ⬥ РЕЙТИНГ NC-21

0

Поделиться8572022-08-16 23:26:26

Автор: Мийрон
Пиар на заказ
Сообщений: 5912
Уважение: +1

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