Your Roll

Рейтинг ролевых ресурсов. Каталог ролок. Полезные инструменты для администраторов ролевых игр.


Вы не подключены. Войдите или зарегистрируйтесь

Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

Космо

avatar
Я сквозь ткань миров проходящий странник, Я СКВОЗНЯЯЯЯЯК!!! ХДД
Может выглядеть вот так:


Приятно сворачивается и разворачивается; не надоедает гостям благодаря небольшому размеру и отсутствии каких-либо излишеств.

Создаём новый виджет.
Использовать стандартный шаблон? Нет.
Вставляем в него следующий код

Тёмная тема:
Код:
<!-- код можно взять на сайте your.roll.tv -->
<div class="_forguests" style="display: none;"><span class="close">✖️</span>
Приветствую тебя на сайте {FORUMNAME}! Советую <a href="/register">зарегистрироваться</a> или <a href="/login">войти в свой аккаунт</a>, чтобы получить все возможности этого сайта.
</div>
<style>
._forguests {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 80;
width: 250px;
padding: 10px;
background: rgba(0, 0, 0, 0.9);
color: #CCC;
border-radius: 10px;
box-shadow: 0 0 10px #474747;
}
._forguests .close {
float: right;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.48);
cursor: pointer;
display: block;
padding: 5px;
width: 10px;
height: 10px;
line-height: 10px;
margin: -5px -5px 0 0;
}
</style>
<script type="text/javascript">
jQuery(document).ready( function() {
  jQuery('._forguests').slideDown(1000);
  jQuery('._forguests .close').click(function() {
    jQuery(this).parent().slideUp(1000);
  });
});
</script>
<!-- код можно взять на сайте your.roll.tv -->
Белая тема:
Код:
<!-- код можно взять на сайте your.roll.tv -->
<div class="_forguests" style="display: none;"><span class="close">✖️</span>
Приветствую тебя на сайте {FORUMNAME}! Советую <a href="/register">зарегистрироваться</a> или <a href="/login">войти в свой аккаунт</a>, чтобы получить все возможности этого сайта.
</div>
<style>
._forguests {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 80;
width: 250px;
padding: 10px;
background: rgba(255, 255, 255, 0.9);
color: #2E2E2E;
border-radius: 10px;
box-shadow: 0 0 10px #EBEBEB;
}
._forguests .close {
float: right;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.48);
cursor: pointer;
display: block;
padding: 5px;
width: 10px;
height: 10px;
line-height: 10px;
margin: -5px -5px 0 0;
}
</style>
<script type="text/javascript">
jQuery(document).ready( function() {
  jQuery('._forguests').slideDown(1000);
  jQuery('._forguests .close').click(function() {
    jQuery(this).parent().slideUp(1000);
  });
});
</script>
<!-- код можно взять на сайте your.roll.tv -->

Виджет сохраняем и располагаем на форуме, на портале. Сохраняем месторасположение. Далее нужно отредактировать права доступа к виджету - оставьте галочку только у гостей. Снова сохраните.

Готово В) в виджете автоматически подставляется название вашего форума.

(с) Your Roll. Туториал предоставлен блоггером и кибермагом Космо Мизраил Горынычем. Любая публикация данного материала без его разрешения запрещена.


______________________________

Не ищи логики там, где она скрывается. Потому что её там нет. (с)

Посмотреть профиль

Предыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения