1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Добавляем "плавающее" окно регистрации и авторизации

Тема в разделе "Модификации шаблонов", создана пользователем Mefodian, 12 сен 2012.

Загрузка
  1. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    В шаблон EXTRA.css в самый низ добавляем:

    12-09-2012 13-28-40.png
    1) Если хотите красное окно, то добавляйте этот код:
    Код:
    #stickymsg{
    position: fixed;
    bottom: 10px;
    line-height: 16px;
    right: 25px;
    z-index: 30000;
    opacity: 0.8;
    width: 260px;
    height: auto;
    background: #cf3737;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    padding: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
    border: 1px solid #771b1b;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px; -khtml-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
    }
    #stickymsg a{ color: #fff; font-weight:bold; text-decoration: none; }
    #stickymsg:hover{ opacity: 1; }
    12-09-2012 13-52-01.png
    2) если хотите темное окно, то этот код:
    Код:
    #stickymsg{
    position: fixed;
    bottom: 10px;
    line-height: 16px;
    right: 28px;
    z-index: 30000;
    opacity: 0.8;
    width: 260px;
    height: auto;
    background: #000201;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    padding: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
    border: 1px solid #022219;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #01120d 0px 1px 0px; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #01120d 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #01120d 0px 1px 0px; -khtml-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #01120d 0px 1px 0px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
    }
    #stickymsg a{ color: #fff; font-weight:bold; text-decoration: underline; }
    #stickymsg:hover{ opacity: 1; }
    Затем, в админке создаете объявление (главная-объявления-создать новое объявление):
    Заголовок: Авторизация
    Сообщение: - не забудьте заменить ссылки на свои
    Код:
    <div id='stickymsg'>
    <p class='bbc_center'> На данный момент Вы не авторизованы. Если Вы уже являетесь зарегистрированным пользователем, тогда Вы можете <a href='http://www.ссылка-на-Ваш-форум.ru/login'>Войти</a>. Если нет, то Вы можете зарегистрироваться и получить доступ к нашему форуму.  <a href='http://www. ссылка-на-Ваш-форум.ru/register'>Зарегистрироваться</a>.</p>
    </div>
    <span style="color: #9696ff">На данный момент Вы не авторизованы. Если Вы уже являетесь зарегистрированным пользователем, тогда Вы можете <b><span style="text-decoration: underline"><a href="http://www.ссылка-на-Ваш-форум.ru /login" class="internalLink">Войти</a></span></b>. Если нет, то Вы можете зарегистрироваться и получить доступ к нашему форуму. <b><span style="text-decoration: underline"><a href="http://www.ссылка-на-Ваш-форум.ru/register" class="internalLink">Зарегистрироваться</a></span></b>.</span>
    Далее переходите во вкладку "Критерии пользователя" и ставите галочку напротив - "Посетитель является гостем"
    И сохраняете объявление. В итоге получится:
    12-09-2012 13-56-27.png

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

    ИЛИ, если Вы не хотите создавать объявление, то можете добавить в шаблон footer этот код после <span class="helper"></span> :
    не забудьте заменить ссылки на свои
    Код:
    <xen:if is="!{$visitor.user_id}">
    <div id='stickymsg'>
    <p class='bbc_center'> На данный момент Вы не авторизованы. Если Вы уже являетесь зарегистрированным пользователем, тогда Вы можете <a href='http://www.ссылка-на-Ваш-форум.ru/login'>Войти</a>. Если нет, то Вы можете зарегистрироваться и получить доступ к нашему форуму.  <a href='http://www. ссылка-на-Ваш-форум.ru/register'>Зарегистрироваться</a>.</p>
    </div></xen:if>
    Пример - http://www.forum.bot4u.ru/

    P.S. Для изменения цвета окна, меняйте следующие настройки:
    background - он же фон
    border - она же граница
    box-shadow - тень
     

    Вложения:

    Eugene Chipachenko, Mad_Mike, aligon7 и 11 другим нравится это.
  2. Gromozeka

    Gromozeka Пользователь

    Регистрация:
    18.08.12
    Сообщения:
    35
    Симпатии:
    3
    Версия XF:
    1.1.3
    А где найти критерии пользователя?
     
  3. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    А глазки пошире открыть не судьба? ;)

    16-09-2012 11-36-22.png
     
  4. Platoon

    Platoon Активный пользователь

    Регистрация:
    14.04.12
    Сообщения:
    78
    Симпатии:
    5
    Версия XF:
    1.2.4
    Что то я не смог закрыть его на вашем форуме
     
  5. GroupR

    GroupR Активный пользователь

    Регистрация:
    22.10.11
    Сообщения:
    44
    Симпатии:
    9
    Версия XF:
    1.1.2
    +1, если добавите кнопку закрытия будет намного удобнее.
     
    1981 нравится это.
  6. Platoon

    Platoon Активный пользователь

    Регистрация:
    14.04.12
    Сообщения:
    78
    Симпатии:
    5
    Версия XF:
    1.2.4
    А закрывать например по левой или правой кнопке мыши
     
  7. Union

    Union Местный

    Регистрация:
    12.10.11
    Сообщения:
    307
    Симпатии:
    87
    Версия XF:
    1.1.2
    есть отличный хак, правда платный для таких всплывающих уведомлений аля вконтактег.
     
  8. Mike

    Mike Местный

    Регистрация:
    30.11.11
    Сообщения:
    146
    Симпатии:
    3
    Версия XF:
    1.1.0 Final
    День добрый. Немножко не по теме, скажите, пожалуйста, как вы добавили в сайдбаре - в самой первой позиции, возможность регистрации и входа через социальные сети?
     
  9. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
  10. Gromozeka

    Gromozeka Пользователь

    Регистрация:
    18.08.12
    Сообщения:
    35
    Симпатии:
    3
    Версия XF:
    1.1.3
    Уменя фигня какая-то
    Не работает
    Окошко красное не показывает
     
  11. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    Сделайте все как описано выше. Затем выйдите из системы чтобы стать гостем - и вуаля.
     
  12. Александр

    Александр Местный

    Регистрация:
    06.11.10
    Сообщения:
    484
    Симпатии:
    188
    Версия XF:
    1.4.3
  13. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    Не видел его.
    В любом случае, так проще и удобнее найти;)
     
  14. Тёмка

    Тёмка Read only

    Регистрация:
    05.05.13
    Сообщения:
    58
    Симпатии:
    1
    Версия XF:
    1.2.3
    У меня даже зарегистрированным пользователям это показывает, что мне делать?
     
  15. Mefodian

    Mefodian Местный

    Регистрация:
    20.01.12
    Сообщения:
    493
    Симпатии:
    220
    Версия XF:
    1.1.3
    правильно прочитать всю тему и перепроверить все еще раз
     
    Тёмка нравится это.
  16. Тёмка

    Тёмка Read only

    Регистрация:
    05.05.13
    Сообщения:
    58
    Симпатии:
    1
    Версия XF:
    1.2.3
    хорошо.
     
  17. Тёмка

    Тёмка Read only

    Регистрация:
    05.05.13
    Сообщения:
    58
    Симпатии:
    1
    Версия XF:
    1.2.3
    Получилось :)
     
  18. poiluk

    poiluk Местный

    Регистрация:
    30.08.13
    Сообщения:
    10
    Симпатии:
    8
    Версия XF:
    1.4.3
    нет отображается окошко если выключен javascript в настройках браузера
     
  19. saman

    saman Активный пользователь

    Регистрация:
    17.09.11
    Сообщения:
    15
    Симпатии:
    1
    Использую это вариант и у меня слова ВОЙТИ и ЗАРЕГИСТРИРОВАТЬСЯ на новых строчках, и ссылка наживается даже на пустом месте в этой строке. Как будто бы он вставил не просто слово с весь (по длине) тег а
    Может как то по другому надо изметять footer?
     
  20. Ku4a

    Ku4a Местный

    Регистрация:
    13.03.13
    Сообщения:
    77
    Симпатии:
    5
    Версия XF:
    1.4.5
    Как сделать как у автора в примере,с крестиком о закрытии.делал в футере теперь в футере это объявление нафиг оно там нужно.как сделать что-бы только в нижнем углу было объявление?
     

Поделиться этой страницей