XF 2.2 Рекламные ссылки

Версия XenForo
2.2.5

zoxmen

Проверенные
Сообщения
14
Реакции
1
Баллы
60
Подскажите не могу найти и есть ли вообще отдельный плагин в котором можно создавать такие рекламные ссылки поверх разделов на главной странице форума?

1753044285332.png
 
Подскажите не могу найти и есть ли вообще отдельный плагин в котором можно создавать такие рекламные ссылки поверх разделов на главной странице форума?

Посмотреть вложение 158812
Пользуйтесь поиском. Ради вас, я тоже засунулся в поиск, но это скорее всего - виджет. Чуть похоже на виджет "Меню быстрого доступа" без границы, попробуйте то.


либо попробуйте плагин: [TC] Quick Access Menu
 
Последнее редактирование:
Может ты поможешь с этим?
Могу пример дать
Код:
<div class="custom-ads-block">
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
</div>

<style>
.custom-ads-block {
  background-color: #252525;
  border-radius: 6px;
  padding: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

.custom-ads-block .discussionListItem {
  display: block;
  padding: 12px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s;
  background-color: #252525;
  border-left: 3px solid #4a6cf7;
}

.custom-ads-block .discussionListItem:hover {
  background-color: #2e2e2e;
}

.custom-ads-block .title {
  display: flex;
  align-items: center;
  color: #e0e0e0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.custom-ads-block .svgIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px;
}

.custom-ads-block .megaphoneIcon {
  background-color: #4a6cf7;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6V8c0-3.31 2.69-6 6-6s6 2.69 6 6v5m-10.85 3.14l1.47 1.47C9.39 19.07 10.18 19 11 19c.18 0 .35 0 .52.03l1.42-1.42c-.36-.09-.73-.13-1.11-.13-.84 0-1.66.16-2.4.46m-1.95-1.95l1.46 1.46c-.77.29-1.48.68-2.12 1.12l-1.42-1.42c.6-.5 1.27-.91 2-1.21l.08-.05M3 9v2h2V9H3m4 0v2h2V9H7m4 0v2h2V9h-2m4 0v2h2V9h-2m4 0v2h2V9h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6V8c0-3.31 2.69-6 6-6s6 2.69 6 6v5m-10.85 3.14l1.47 1.47C9.39 19.07 10.18 19 11 19c.18 0 .35 0 .52.03l1.42-1.42c-.36-.09-.73-.13-1.11-.13-.84 0-1.66.16-2.4.46m-1.95-1.95l1.46 1.46c-.77.29-1.48.68-2.12 1.12l-1.42-1.42c.6-.5 1.27-.91 2-1.21l.08-.05M3 9v2h2V9H3m4 0v2h2V9H7m4 0v2h2V9h-2m4 0v2h2V9h-2m4 0v2h2V9h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.custom-ads-block .discussionListItem:last-child {
  margin-bottom: 0;
}
</style>
1753281903742.png
 
Обычным html-кодом можно сделать
Даже в PAGE Т
Могу пример дать
Код:
<div class="custom-ads-block">
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
</div>

<style>
.custom-ads-block {
  background-color: #252525;
  border-radius: 6px;
  padding: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

.custom-ads-block .discussionListItem {
  display: block;
  padding: 12px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s;
  background-color: #252525;
  border-left: 3px solid #4a6cf7;
}

.custom-ads-block .discussionListItem:hover {
  background-color: #2e2e2e;
}

.custom-ads-block .title {
  display: flex;
  align-items: center;
  color: #e0e0e0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.custom-ads-block .svgIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px;
}

.custom-ads-block .megaphoneIcon {
  background-color: #4a6cf7;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6V8c0-3.31 2.69-6 6-6s6 2.69 6 6v5m-10.85 3.14l1.47 1.47C9.39 19.07 10.18 19 11 19c.18 0 .35 0 .52.03l1.42-1.42c-.36-.09-.73-.13-1.11-.13-.84 0-1.66.16-2.4.46m-1.95-1.95l1.46 1.46c-.77.29-1.48.68-2.12 1.12l-1.42-1.42c.6-.5 1.27-.91 2-1.21l.08-.05M3 9v2h2V9H3m4 0v2h2V9H7m4 0v2h2V9h-2m4 0v2h2V9h-2m4 0v2h2V9h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6V8c0-3.31 2.69-6 6-6s6 2.69 6 6v5m-10.85 3.14l1.47 1.47C9.39 19.07 10.18 19 11 19c.18 0 .35 0 .52.03l1.42-1.42c-.36-.09-.73-.13-1.11-.13-.84 0-1.66.16-2.4.46m-1.95-1.95l1.46 1.46c-.77.29-1.48.68-2.12 1.12l-1.42-1.42c.6-.5 1.27-.91 2-1.21l.08-.05M3 9v2h2V9H3m4 0v2h2V9H7m4 0v2h2V9h-2m4 0v2h2V9h-2m4 0v2h2V9h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.custom-ads-block .discussionListItem:last-child {
  margin-bottom: 0;
}
</style>
Посмотреть вложение 158857
Ты вообще красавчик!! Добавил в PAGE и все работает! Но как сделать что бы они были только на главной, а у меня при переходе на любую страницу сохраняются блоки, по разделам если переходишь. Даже в профиль переходишь остается
 
Могу пример дать
Код:
<div class="custom-ads-block">
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
  <a class="discussionListItem item" target="_blank" href="#" rel="nofollow noopener">
    <span class="title bold">
      <span class="svgIcon left megaphoneIcon"></span>
      Текст ссылки
    </span>
  </a>
</div>

<style>
.custom-ads-block {
  background-color: #252525;
  border-radius: 6px;
  padding: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

.custom-ads-block .discussionListItem {
  display: block;
  padding: 12px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s;
  background-color: #252525;
  border-left: 3px solid #4a6cf7;
}

.custom-ads-block .discussionListItem:hover {
  background-color: #2e2e2e;
}

.custom-ads-block .title {
  display: flex;
  align-items: center;
  color: #e0e0e0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.custom-ads-block .svgIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px;
}

.custom-ads-block .megaphoneIcon {
  background-color: #4a6cf7;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6V8c0-3.31 2.69-6 6-6s6 2.69 6 6v5m-10.85 3.14l1.47 1.47C9.39 19.07 10.18 19 11 19c.18 0 .35 0 .52.03l1.42-1.42c-.36-.09-.73-.13-1.11-.13-.84 0-1.66.16-2.4.46m-1.95-1.95l1.46 1.46c-.77.29-1.48.68-2.12 1.12l-1.42-1.42c.6-.5 1.27-.91 2-1.21l.08-.05M3 9v2h2V9H3m4 0v2h2V9H7m4 0v2h2V9h-2m4 0v2h2V9h-2m4 0v2h2V9h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6V8c0-3.31 2.69-6 6-6s6 2.69 6 6v5m-10.85 3.14l1.47 1.47C9.39 19.07 10.18 19 11 19c.18 0 .35 0 .52.03l1.42-1.42c-.36-.09-.73-.13-1.11-.13-.84 0-1.66.16-2.4.46m-1.95-1.95l1.46 1.46c-.77.29-1.48.68-2.12 1.12l-1.42-1.42c.6-.5 1.27-.91 2-1.21l.08-.05M3 9v2h2V9H3m4 0v2h2V9H7m4 0v2h2V9h-2m4 0v2h2V9h-2m4 0v2h2V9h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.custom-ads-block .discussionListItem:last-child {
  margin-bottom: 0;
}
</style>
Посмотреть вложение 158857
Или его не в

PAGE_CONTAINER?

 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу