Record Bar

Record Bar

unleashed2000

Заблокирован
Сообщения
72
Реакции
51
Баллы
8,130
unleashed2000 добавил(а) новый ресурс:

Record Bar - Record Bar

Позволяет показывать ссылку и уведомление ваших посетителей на краю сайта, а мигающий регистр получает цвет вашей темы. Если вы хотите использовать текст и ссылки для разных целей, вы можете изменить и использовать их.



Посмотреть вложение 95819


Откройте шаблон PAGE_CONTAINER для вашей темы и добавьте его внизу.



Код:
        <xf:if is="!$xf.visitor.user_id">
<div id='divTopLeft'...

Узнать больше об этом ресурсе...
 
  • Мне нравится
Реакции: Hope
OFFTOP

Я один не понял что это и для чего оно нужно ? ?

 
Потому что он немного не русский :)
 
Объясните, что получу я в финале и зачем оно кому-то нужно?
 
ubrohack, Судя по коду. Появиться бьющаяся в конвульсиях моргающая ссылка с просьбой зарегистрироваться.

UPD.
HTML:
<xf:if is="!$xf.visitor.user_id">
    <div id='divTopLeft' class='wbb_register'>
        <p><a href="/register">{{ phrase('register') }}</a></p>
    </div>
    <script type='text/javascript'>
        var ns = (navigator.appName.indexOf("Netscape") != -1);
        var d = document;
        function JSFX_FloatDiv(id, sx, sy)
        {
            var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
            var px = document.layers ? "" : "px";
            window[id + "_obj"] = el;
            if(d.layers)el.style=el;
            el.cx = el.sx = sx;el.cy = el.sy = sy;
            el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
            el.floatIt=function(){
                var pX, pY;
                pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
                document.documentElement && document.documentElement.clientWidth ?
                    document.documentElement.clientWidth : document.body.clientWidth;
                pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
                    document.documentElement.scrollTop : document.body.scrollTop;
                if(this.sy<0)
                    pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
                        document.documentElement.clientHeight : document.body.clientHeight;
                this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
                this.sP(this.cx, this.cy);
                setTimeout(this.id + "_obj.floatIt()", 40);
            }
            return el;
        }
        JSFX_FloatDiv("divTopLeft", 0,300).floatIt();
    </script>
</xf:if>
Less:
@pulcol:rgba(232, 76, 61, 0);
.wbb_register {
    position:absolute;
    -moz-border-radius:0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
    -moz-box-shadow:0 0 25px ;
    -webkit-box-shadow:0 0 25px ;
    padding:10px;
    padding-left:15px;
    color: @xf-paletteColor4;
    background-color: @xf-paletteColor1;
    font-size:12px;
    z-index: 99999;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px @pulcol;}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px @pulcol;}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px @pulcol;}}
@keyframes pulse {to {box-shadow: 0 0 0 45px @pulcol;}}
В этом варианте, будет поддержка мультиязычности
 
Последнее редактирование:
BINGO_SHARK, я думаю никого, потому что не кто даже пробовать ставить не будет.
 
Последнее редактирование модератором:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу