Вход • Регистрация

Всего найдено: 1235

  • 09 июля 2015 г.
  • Делал тут http://vyazma-rmat.ru/index.php/en/ вот так

    1. Подключаем куки http://vyazma-rmat.ru/templates/inspiration-et/js/jquery.cookie.js
    2. там есть 2 типа кнопки:
    Код
    <div id="font_size">

    <div id="size_01" class="size_01">Обычная версия</div>
    <div id="size_03" class="size_03 size_a">Версия для слабовидящих</div><!--По умолчанию показываем что эта кнопка видна-->
    </div>

    3. Скрипт:
    Код

    $(document).ready(function() {

    var cookieName = 'level';
    var cookieOptions = {expires: 7, path: '/'};

    $(".size_01").click(function(){
    $("#font_size div").removeClass("size_a");
    $(".size_03").addClass("size_a");
    $.cookie(cookieName, $(this).attr("id"), cookieOptions);
    $("body").removeClass("slabo");
    });

    $(".size_03").click(function(){
    $("#font_size div").removeClass("size_a");
    $(".size_01").addClass("size_a");
    $.cookie(cookieName, $(this).attr("id"), cookieOptions);
    $("body").addClass("slabo");
    });

    /*Считываем куки при перезагрузке*/

    this_cookies = $.cookie(cookieName);

    if(this_cookies == 'size_01')
    {
    $("body").removeClass("slabo");
    }


    if(this_cookies == 'size_03')
    {
    $("body").addClass("slabo");
    }



    });


    Немного скорректировал код, который на сайте был.
  • 29 июня 2015 г.
  • HTML
    Код

    <a href="#" class="lk_btn">Вход в личный кабинет</a>


    <div id="lk_fly">
    <div><a href="#" class="lk_close">Закрыть</a></div>
    <insert name="show_login" module="registration">
    </div>


    CSS
    Код
    #lk_fly {background:#FFF; width:500px; z-index:50; position:fixed; top:70px; left:50%; margin-left:-250px; display:none;}


    JS
    Код
    $(document).ready(function() {

    $(".lk_btn").click(function(){
    $("#lk_fly").fadeIn("fast");
    return false;
    });
    $(".lk_close").click(function(){
    $("#lk_fly").fadeOut("fast");
    return false;
    })


    });
  • 02 июля 2015 г.
  • а в том слайдре там надо еще вот этот файл подкрепить http://www.komfort-son.ru/custom/komfortika/js/jquery.timers.js

    и стили вроде бы вот эти:

    Код


    .slider-wrap { /* Оболочка слайдера и кнопок */
    width:160px;
    height:150px;
    position:relative;
    z-index:1;
    }
    .slider-wrap .slider{ /* Оболочка слайдера */
    width:160px;
    height:150px;
    position:relative;}
    .slider-wrap .slide{ /* Слайд */
    width:160px;
    height:150px;
    overflow:hidden;
    }
    .sli-links{ /* Кнопки смены слайдов */
    margin-top:10px;
    text-align:center;
    display:none !important;}

    .slider-wrap .slide img {min-width:160px; height:auto; min-height:150px; display:block; padding:0 !important; margin:0 !important; width:160px;}

    .sli-links .control-slide{
    margin:2px;
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(radioBg.png) center bottom no-repeat;}
    .sli-links .control-slide:hover{
    cursor:pointer;
    background-position:center center;}
    .sli-links .control-slide.active{
    background-position:center top;}



    .prewbutton {background:url(../images/arrow_left_small.png) left center no-repeat; width:70px; height:150px; position:absolute; top:0px; left:-1px; z-index:3; cursor:pointer; text-indent:-500px; display:none;overflow:hidden;}
    .nextbutton {background:url(../images/arrow_right_small.png) right center no-repeat; width:70px; height:150px; position:absolute; top:0px; right:-1px; z-index:3; cursor:pointer; text-indent:-500px; display:none; overflow:hidden;}

    .slider-wrap .prewbutton:hover, .nextbutton:hover{
    opacity:1;}

    .caption {
    display:none;}

    .shop_arrow_left {background:#FFf url(../images/arrow_left_small.jpg) 0px 9px no-repeat; width:14px; height:28px; border-radius:0 14px 14px 0; position:absolute; top:61px; left:-1px; z-index:2; cursor:pointer;}
    .shop_arrow_right {background:#FFf url(../images/arrow_right_small.jpg) 7px 9px no-repeat; width:14px; height:28px; border-radius:14px 0 0 14px; position:absolute; top:61px; right:-1px; z-index:2; cursor:pointer;}
  • 02 июля 2015 г.
  • Это основные рабочие элементы

    Код
    <div id="black" title="Закрыть"></div> <!--Затемнение фона. Так как оно используется и в Купить в один клик и заказать звонок и еще где-то. То было решено вынести его просто в шаблон-->
    <insert name="show_login" module="registration" template="fly"> <!--Сама форма-->
    <insert name="show_login" module="registration" template="btn"> <!--Это меню. Чтобы если пользователь авторизовался у него там свои кнопки были, типа выход и прочее-->

    Саму форму я обычно вставляю после BODY, а Меню формы туда, куда необходимо.
    Сам скрипт
    Код
    <script>
    $(document).ready(function() {
    $(".enter").click(function(){
    $("#enter").fadeIn("2000");
    $("#black").fadeIn("1000");
    return false;
    });
    $(".fly .fa-close, #black").click(function(){
    $(".fly, #black").fadeOut("slow");
    });

    });
    </script>

    Стили (основные рабочие)
    Код
    <style>
    #black {position:fixed; top:0; left:0; z-index:50000; background:#000; height:100%; width:100%; opacity:0.8; display:none;}
    .fly {width:360px; position:fixed; top:50px; left:50%; margin-left:-180px; z-index:50001; display:none;}
    .fly .fa-close {color:#FFF; position:absolute; top:25px; right:-20px; cursor:pointer;}
    </style>


    Файлы прикрепил

    Вроде бы ничего не забыл
Показывать по:

Новости

  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 

Форум