Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Виджет Discord

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: Михаил Гапонюк
  • Стремящийся
  • Михаил Гапонюк
  • Зарегистрирован: Пн, 13 Ноя 2017
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Пол: Мужской
  • Последний визит:
    Вт, 20 Фев 2018 22:42:54

Здравствуйте, подскажите пожалуйста, как прикрутить виджет Discord на форум так, что бы он был с боку?
Код виджета:

Код:
<iframe src="https://discordapp.com/widget?id=208927274383179776&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>

Желаемое расположение:
https://pp.userapi.com/c840227/v840227108/47999/1zrZ-nGs2-w.jpg

0

2

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3418
  • Уважение: +2105
  • Позитив: +675
  • Пол: Мужской
  • Последний визит:
    Пн, 22 Апр 2024 13:50:55

Михаил Гапонюк
Стоит учитывать, что у всех разные разрешения экранов (у одних широкоформатиники, у других квадраты или вовсе с телефона), соответственно все будут видеть местоположение по-разному. Лучше разместите в объявлении или нижней части. Если надо именно сбоку, в скриптах посмотрите боковые панели, например Боковая панель - установка, вопросы, проблемы

+1

3

  • Автор: Михаил Гапонюк
  • Стремящийся
  • Михаил Гапонюк
  • Зарегистрирован: Пн, 13 Ноя 2017
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Пол: Мужской
  • Последний визит:
    Вт, 20 Фев 2018 22:42:54
Reysler написал(а):

Михаил Гапонюк
Стоит учитывать, что у всех разные разрешения экранов (у одних широкоформатиники, у других квадраты или вовсе с телефона), соответственно все будут видеть местоположение по-разному. Лучше разместите в объявлении или нижней части. Если надо именно сбоку, в скриптах посмотрите боковые панели, например Боковая панель - установка, вопросы, проблемы

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

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11571
  • Последний визит:
    Вчера 23:10:52

Михаил Гапонюк
Думаю Эта Панелька подайдёт Скрипты от пользователей 3 (ставьте одну ток, к примеру слево)

0

5

  • Автор: Михаил Гапонюк
  • Стремящийся
  • Михаил Гапонюк
  • Зарегистрирован: Пн, 13 Ноя 2017
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Пол: Мужской
  • Последний визит:
    Вт, 20 Фев 2018 22:42:54
Deff написал(а):

Михаил Гапонюк
Думаю Эта Панелька подайдёт Скрипты от пользователей 3 (ставьте одну ток, к примеру слево)

Спасибо большое, помогло.
Получившийся код:

Код:
<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
  outline:
  top:300px;
  top:300px;
  padding:0;
  margin-left:-280px;
  position:fixed;z-index:1000;
  left: 0px;
}
.content-L {
  padding:12px;
  width:236px;
  height:536px;
  margin-left:14px;
  margin-top:18px;
  position:absolute;
  color:#fff;
  background-color:#7289da;
 
}
</style>
<div data="0" id="left-panel">
<div class="content-L">
 <iframe src="https://discordapp.com/widget?id=208927274383179776&theme=dark" width="255" height="500" allowtransparency="true" frameborder="0"></iframe>
</div>
<img id="img-left" src="http://forumstatic.ru/files/0019/22/4b/90423.png" onclick="PanelToggleL($('#left-panel'))"/>
</div>

Причины дублирования:

Код:
  top:300px;
  top:300px;

И бо первая строка почему то не работает, по этому дублировал.
https://pp.userapi.com/c834303/v834303265/2b535/GkY5G3N7Ae4.jpg
Так что, на шаблоне Diablo работает как влитая, спасибо парни за помощь.

0

Страница: 1