Всплывающее окно

Russs

Пользователь
#1
Здравствуйте, подскажите пожалуйста как сделать такое-же окно "напоминание" для не зарегистрированных пользователей, как тут:

Please Login or Register to view hidden text.

(нижний правый угол)
С уважением!
 

Dr_Brown

Пользователь
#2
Код:
<a href="ссылка" class="green_reg_pop" style="text-decoration: none;">
        <u>Зарегистрируйтесь</u> и получите <strong>2 GB к аплоаду</strong>
</a>
css

Код:
.green_reg_pop {display:block;
            display:none;
            position:fixed;
            z-index: 1000;  top:10px; left:50%; margin-left: -125px; width:230px; padding: 5px 10px 10px; border-radius: 5px; background: rgba(157,175,0,0.95); background: url(../images/green_transp.png); box-shadow: 0 0 4px rgba(0,0,0,0.75); text-align:center; color: #fff!important; font-size: 13px; text-shadow: 0 -1px rgba(0,0,0,0.5)}
    .green_reg_pop u {display:block; font-size: 18px}
    .green_reg_pop:hover u {text-decoration:none}
Прикрутишь условие к ссылке для не зареганных
Окно будет всплывать при прокрутке вниз страницы
 

Russs

Пользователь
#3
Код:
<a href="ссылка" class="green_reg_pop" style="text-decoration: none;">
        <u>Зарегистрируйтесь</u> и получите <strong>2 GB к аплоаду</strong>
</a>
Вставил в page_footer.tpl шаблона
А это:
Код:
.green_reg_pop {display:block;
            display:none;
            position:fixed;
            z-index: 1000;  top:10px; left:50%; margin-left: -125px; width:230px; padding: 5px 10px 10px; border-radius: 5px; background: rgba(157,175,0,0.95); background: url(../images/green_transp.png); box-shadow: 0 0 4px rgba(0,0,0,0.75); text-align:center; color: #fff!important; font-size: 13px; text-shadow: 0 -1px rgba(0,0,0,0.5)}
    .green_reg_pop u {display:block; font-size: 18px}
    .green_reg_pop:hover u {text-decoration:none}
в Самый низ main.css шаблона
И ничего нет, как-то не то делаю? :bored:
 
S

sockrat

Гость
#5
в page_header.tpl найти
Код:
<script type="text/javascript" src="{SITE_URL}misc/js/main.js?v={$bb_cfg['js_ver']}"></script>
после вставить
Код:
<script type="text/javascript" src="{SITE_URL}misc/js/jquery.noty.js?v={$bb_cfg['js_ver']}"></script>
<script type="text/javascript" src="{SITE_URL}misc/js/bottomRight.js?v={$bb_cfg['js_ver']}"></script>
<script type="text/javascript" src="{SITE_URL}misc/js/default.js?v={$bb_cfg['js_ver']}"></script>
найти
Код:
$(document).ready(function(){
    $('div.post_wrap, div.signature').each(function(){ initPostBBCode( $(this) ) });
});
после вставить
Код:
<!-- IF not LOGGED_IN -->
$(document).ready(function(){
    var n = noty({
        text: '<u>Зарегистрированным пользователям</u> доступно для скачки больше релизов и расширенный функционал трекера. Вы желаете <u>зарегистрироваться</u>?<br />Так же вы можите оставить пожелание в работе тракера.',
        type: 'alert',
        dismissQueue: true,
        layout: 'bottomRight',
        theme: 'defaultTheme',
        buttons: [
          {addClass: 'btn btn-primary', text: 'Да, прямо сейчас!', onClick: function($noty) {
              $noty.close();
              noty({dismissQueue: true, force: true, layout: 'bottomRight', theme: 'defaultTheme', text: 'Перенаправление на страницу регистрации...', type: 'success'});
              window.location.href = 'profile.php?mode=register';
            }
          },
          {addClass: 'btn btn-danger', text: 'Нет, спасибо', onClick: function($noty) {
              $noty.close();
              noty({dismissQueue: true, force: true, layout: 'bottomRight', theme: 'defaultTheme', text: 'Ну, не хотите, как хотите!', type: 'error'});
            }
          }
        ]
      });
});<!-- ENDIF -->
в main.css вставить
Код:
.btn-primary,
.btn-primary:hover,
.btn-danger,
.btn-danger:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}
.btn-primary.active,
.btn-danger.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
архив распаковать в корень
 

Вложения

  • 9.3 KB Просмотры: 17
S

sockrat

Гость
#9
vitalix, тут есть не значительные косяки, но это не мои а откуда выдирал, во втором часу ночи не больно хотелось всматриваться)
 

Russs

Пользователь
#10
sockrat, благодарю!
Только при нажатии кнопки "Да, прямо сейчас", перенаправления на страницу регистрации нет.
 
Сверху