Может выглядеть вот так:
Приятно сворачивается и разворачивается; не надоедает гостям благодаря небольшому размеру и отсутствии каких-либо излишеств.
Создаём новый виджет.
Использовать стандартный шаблон? Нет.
Вставляем в него следующий код
Виджет сохраняем и располагаем на форуме, на портале. Сохраняем месторасположение. Далее нужно отредактировать права доступа к виджету - оставьте галочку только у гостей. Снова сохраните.
Готово в виджете автоматически подставляется название вашего форума.
(с) Your Roll. Туториал предоставлен блоггером и кибермагом Космо Мизраил Горынычем. Любая публикация данного материала без его разрешения запрещена.
Приятно сворачивается и разворачивается; не надоедает гостям благодаря небольшому размеру и отсутствии каких-либо излишеств.
Создаём новый виджет.
Использовать стандартный шаблон? Нет.
Вставляем в него следующий код
- Тёмная тема:
- Код:
<!-- код можно взять на сайте 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. Туториал предоставлен блоггером и кибермагом Космо Мизраил Горынычем. Любая публикация данного материала без его разрешения запрещена.