Так как многие посетители проекта его посещают, но не хотят регистрироваться я решил сделать надоедливое всплывающее окно, которое не отображается для зарегистрированных пользователей.
Для всего описанного ниже Вам понадобиться АРХИВ который нужно распаковать в корень используемого шаблона.
Далее все действия, коих совсем немного, будут проводиться над файлом template.php Вашего шаблона. Для начала подключим дополнение jQuery и используемый для окна стиль, для этого перед тегом </head> вставим:
ВАШ ШАБЛОН — нужно заменить на папку используемого шаблона.
Далее в самом низу, перед тегом </body> вставляем:
Используемый мною текст можете заменить на любой другой, также не забываем заменить ВАШ ШАБЛОН на папку используемого шаблона.
Результатом всех приведенных выше действий будет всплывающее окно внизу:
Для всего описанного ниже Вам понадобиться АРХИВ который нужно распаковать в корень используемого шаблона.
Далее все действия, коих совсем немного, будут проводиться над файлом template.php Вашего шаблона. Для начала подключим дополнение jQuery и используемый для окна стиль, для этого перед тегом </head> вставим:
<script type="text/javascript" src="/templates/ВАШ ШАБЛОН/jquery.meerkat.1.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ meerkat({ close: '.close', dontShow: '.dont-show', animation: 'slide', animationSpeed: 500, dontShowExpire: 0, removeCookie: '.remove-cookie', meerkatPosition: 'bottom', background: '#2e2a22 url(/templates/ВАШ ШАБЛОН/images/meerkat-bg.png) repeat-x 0 0', height: '110px' }); }); </script>
Далее в самом низу, перед тегом </body> вставляем:
<?php if ( !$inUser->id ) { ?> <div style="position: fixed; width: 100%; height: 110px; bottom: 0pt; display: block; float: left;" id="meerkat-wrap"><div style="background: rgb(46, 42, 34) url(/templates/ВАШ ШАБЛОН/images/meerkat-bg.png) repeat-x scroll 0pt 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 110px;" id="meerkat-container"><div style="display: block;" id="meerkat"> <div id="meerkat-content-adsense" style="color: rgb(255, 255, 255);"> <p>Вы являетесь не зарегистрированным либо не авторизированным пользователем.</p> <p>Для получения полноценного доступа ко всем функциям сайта, Вам необходимо проити процедуру <a href="/registration">РЕГИСТРАЦИИ</a> либо <a href="javascript:auth()">АВТОРИЗИРОВАТЬСЯ</a> используя свой логин и пароль</p> <a style="cursor: pointer;" class="close">Close</a> </div> </div></div></div><?php } ?>
Результатом всех приведенных выше действий будет всплывающее окно внизу:
Реклама #
Hmelex 14 лет назад #
+1
qwest 14 лет назад #
wmaximum 14 лет назад #
Городок то у нас совсем маленький, всего-то 13 000...
wmaximum 14 лет назад #
Яна Прокопчук (23:10:47 1/08/2010) не-а, не знаю... я сижу только тут, всети и на мыле.
wmaximum@qip.ru (23:11:05 1/08/2010) уууу, интернет ограничен лишь социалками?
После последней мой фразы просто случился ступор.
Dublic 13 лет назад #
qwest 14 лет назад #
Приз флешка и я думаю посетителей активных прибавится.
wmaximum 14 лет назад #
Димитриус 14 лет назад #
a.close {
position: absolute;
top: 7px;
right: 3px;
background: url(/templates/_default_/images/close-btn.png) no-repeat 0 0;
display: block;
height: 26px;
width: 26px;
text-indent: -9000px;
}
a.close-meerkat {
position: absolute;
top: 5px;
right: 3px;
background: #FFF;
border: 2px solid #FFF;
text-decoration: none;
padding: 0px 4px 1px 5px;
font-weight: bold;
font-size: 1.2em;
color: #71adb1;
}
a.close-meerkat:hover {
border: 2px solid #2e2a22;
color: #2e2a22;
}
#meerkat-container {
position: relative;
}
#meerkat {
width: 100%;
display: none;
}
#meerkat-content {
width: 960px;
margin: 0 auto;
padding-top: 10px;
}
#meerkat-content h1{
color: #FFF;
font-size: 3.8em;
}
#meerkat-content p{
color: #FFF;
font-size: 1.2em;
}
#meerkat-content a.dont-show{
color: #FFF;
font-weight: bold;
}
#meerkat-content a.dont-show:hover {
color: #FFF;
text-decoration: none;
}
#meerkat-content-adsense {
width: 730px;
margin: 0 auto;
padding-top: 10px;
}
wmaximum 14 лет назад #
Anabiotick 14 лет назад #
pasplus 14 лет назад #
13 лет назад #
Николай 13 лет назад #
Александр 13 лет назад #
jquery.meerkat.1.0.js
нет
Александр 13 лет назад #
http://code.google.com/p/radiantstore/source/browse/public/javascripts/jquery.meerkat.1.0.js?spec=svn65cb07a0921fdc15a5ed32a9b6c62ac1ca36f6a4&r=65cb07a0921fdc15a5ed32a9b6c62ac1ca36f6a4
Александр 13 лет назад #