реклама #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

Поделиться4512022-09-12 12:34:50

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

http://monstrlnd.rusff.me/viewtopic.php … =25#p91545

Отредактировано Чеширик (2022-09-12 12:35:05)

0

Поделиться4522022-09-12 12:35:14

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

http://modao.rolka.me/viewtopic.php?id= … p=8#p19586
Магистр темного Пути
Разыскиваются Лань Ванцзи и Вэй Усянь

Отредактировано Чеширик (2022-09-12 12:35:29)

0

Поделиться4532022-09-12 12:37:07

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

https://mistskeo.ru/viewtopic.php?id=45 … =58#p65646

путеводитель ★ разыскиваемэпизодическая игра в жанре фэнтези и стимпанка с элементами манапанка
пассивный мастеринг, рисованные внешности, рейтинг 18+

Отредактировано Чеширик (2022-09-12 12:37:23)

0

Поделиться4542022-09-12 12:37:32

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

http://mirine.rusff.me/viewtopic.php?id … 18#p128873

Отредактировано Чеширик (2022-09-12 12:37:47)

0

Поделиться4552022-09-12 12:37:58

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

https://miorline.rolevaya.ru/viewtopic. … =14#p68712

Авторское фэнтези - 18+ - смешанный мастеринг
Мир | Драконы | РасыВопросы и Ответы | Гостевая книга

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

0

Поделиться4562022-09-12 12:38:23

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

https://memlane.ru/viewtopic.php?id=145 … 1#p2243428

Отредактировано Чеширик (2022-09-12 12:38:39)

0

Поделиться4572022-09-12 12:50:40

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

https://meinspace.rusff.me/viewtopic.ph … =33#p61652

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

0

Поделиться4582022-09-12 12:51:05

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

https://measurement.rusff.me/viewtopic. … =47#p66930

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

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

0

Поделиться4592022-09-12 12:51:31

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

http://mayhem.rusff.me/viewtopic.php?id … 19#p167853

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

0

Поделиться4602022-09-12 12:52:51

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

http://mayak.rusff.me/viewtopic.php?id= … =17#p69998

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

0

Поделиться4612022-09-12 12:53:17

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

http://mates.f-rpg.me/viewtopic.php?id= … =15#p52612

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

0

Поделиться4622022-09-12 12:53:41

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

https://maleficorum.ru/viewtopic.php?id … 37#p220910

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

0

Поделиться4632022-09-12 12:54:05

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

http://mafialand.rolevaya.com/viewtopic … 59#p680892

Welcome to Mafia Land
	Персонажи, требующиеся в игру: ☆ Чибивоины, наследники планет, прибывшие из будущего ☆ Артемис ☆ Перерожденные жители Лунного Альянса	☆ Сюжет ☆ История мира ☆ Список персонажей ☆ Гостевая
☆ Акции ☆ Семья Вонгола ☆ Семья Неве ☆ Атрибуты	☆ Рехей Сасагава ☆ Ламбо Бовино ☆ Реборн ☆ Представители Варии ☆ Аркобалено

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

0

Поделиться4642022-09-12 12:54:40

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

http://magia-frpg.ru/viewtopic.php?id=1 … 13#p123001

матчасть | нужные | хотим видеть | цепляйся и играй

Отредактировано Чеширик (2022-09-12 12:55:11)

0

Поделиться4652022-09-12 12:55:29

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

http://misterium-rpg.ru/viewtopic.php?i … 48#p499899

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

Более девяти лет прошло с момента основания нашего форума. Компания собралась просто замечательная: веселые, общительные игроки, умные и понимающие администраторы. Опытные квестоводы разнообразили наш мир, а это значит, что Вы не станете скучать. Теплая атмосфера позволит быстро освоиться. Новичкам поможем и обучим правильно играть в ролевых, а опытным игрокам доставим не мало удовольствия проведенного в «сказочном» мире. Мы будем очень рады, если Вы посетите нас и, возможно, присоединитесь к компании. Если Вы надеетесь увидеть тут обычную ролевую игру про магию, каких много - просим Вас по ссылке не ходить.

Отредактировано Чеширик (2022-09-12 12:55:46)

0

Поделиться4662022-09-12 13:18:11

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

http://bleachda.rusff.me/viewtopic.php?pid=10165#p10165

0

Поделиться4672022-09-12 13:42:20

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

1980 • MARAUDERS • JOANNE ROWLING • FIRST WAR

https://alluvio.ru/viewtopic.php?pid=40362#p40362

0

Поделиться4682022-09-12 13:48:33

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

http://luxaeterna.f-rpg.me/viewtopic.ph … =33#p15424

Гостевая | Правила | Библиотека | Нужные

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

0

Поделиться4692022-09-12 13:49:08

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

http://luxhp.ru/viewtopic.php?id=1214&p=5#p94077

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 ⬥