Проба пера

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.


    Вы здесь » Проба пера » testing profile » Deff, про скрипт быстрой смены Аккаунтов ...


    Deff, про скрипт быстрой смены Аккаунтов ...

    Сообщений 1 страница 3 из 3

    1

    ...

    0

    2

    Скрипт быстрой смены Аккаунтов стоит в конце HTML верх:

    <!---------------------------- Быстрая смена аккаунта  ---------------------------->
    <script type="text/javascript">
      New_EXiT = '//forumstatic.ru/files/001c/1f/15/59496.png'; //Дополнительная Иконка выход;
    </script>
    <script data="2977b0"  src="//forumstatic.ru/files/0014/cc/0a/93129.js"></script>

    Иконку красным - можно поменять



    Стиль к скрипту  в конце первого окна стиля:

    Код:
    /************************* 
    Стиль для Быстрой смены аккаунтов 
    Deff 
    *************************/ 
    /*Cкрытие формы входа без клика*/ 
    #pun-navlinks a:not(.NextShow)+span.odd{ 
    display:none!important; 
    }
    /*Стиль доп-иконки Выход!*/ 
    #pun-navlinks a#New-exit {
      background: transparent!important; 
      position:absolute;
      z-index:100000!important;
      margin-top: -2px !important;
      margin-left: 43px !important;
      display:inline-block!important; 
    }
    #pun-navlinks #New-exit img{ 
    position: absolute;
    width: 23px;
    height: auto;
    transition: .63s;
    }
    #pun-navlinks #New-exit:hover img{
    transition: .63s;
     opacity: .42;
    }
    .punbb #pun-navlinks a#New-exit:before {
        content:none;
    }
    .punbb #pun-navlinks #form-login input{
    text-align: center;
    border: 1px solid #5D6755;
    text-rendering: auto; 
    color: #000000!important;  
    margin-top: 4px!important;
    margin-bottom: 3px!important;
    border-radius: 5px; 
    letter-spacing: 0.2; 
    word-spacing: normal; 
    text-transform: none; 
    text-indent: 0px; 
    text-shadow: none; 
    display: inline-block!important; 
    text-align: center;
    box-sizing: border-box;
    height:20px;
    width:67px;
    width: 110px;
    padding: 4px;
    font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
    background-color: rgba(250,255,189,.88);
    } 
    .punbb #form-login #fld1,#form-login #fld2{ 
    background-color: rgba(250,255,189,.88);
    } 
    .punbb #pun-navlinks #form-login input[type="submit"]{ 
    margin: 13px 0 2px!important;
    box-sizing: border-box;
    height:26px;
    width:67px;
    font-size: 11px!important;
    color: #ffffff !important;
    background: #903a28;
    border: 1px outset rgba(161,172,152,.8)!important;
    text-align: center;
    padding: 0 4px!important;
    border-radius: 13px;
    font-family: Verdana!important;
    font-weight: 700!important;
    transition: all 0.5s ease-in-out 0s;
    letter-spacing: 0.8;
    cursor:pointer;
    
    /*border: 2px outset #83693E!important; 
    color:#565462!important;
    font-weight:700!important; */
    } 
    .punbb #pun-navlinks #form-login input[type="submit"]:hover{
      opacity:0.6;
    }
    
    /*Стиль формы входа*/ 
    .punbb #pun-navlinks #form-login { 
    background: #EFEFEF;
    min-height:183px;
    border: 1px solid #626262;
    border-radius: 0px 0px 6px 6px;
    color: #000000;/*BCBCBC;*/
    display: block;
    font: 11px "Verdana";
    left: 0px;
    padding: 8px 12px;
    margin: 1px 0;
    position: absolute !important;
    text-align: center;
    word-spacing: normal;
    white-space: normal;
    /*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/
    text-transform: none;
    letter-spacing: 0.2px!important; 
    top: 5px;
    width: 122px;
    z-index: 100000!important;
    }
    #pun-navlinks #navlogin #form-login {
      margin-left: -30px;/*Подвижки формы влево от вход*/ 
    } 
    #pun-navlinks #navlogout #form-login { 
      margin-left: -20px;/*Подвижки формы влево от выход*/
    } 
    .ismoderator #pun-navlinks #navlogout #form-login {
      margin-left: -20px!important;/*Подвижки формы влево от выход для АМС*/
    } 
    /*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
    #pun-navlinks #form-login input[value="Войти"]+p{ 
     margin: 11px auto;
    } 
    .punbb #pun-navlinks #form-login a.Rega, 
    .punbb #pun-navlinks #form-login a.Forgot{ 
    position:relative; 
    text-transform: none!important; 
    z-index:20; 
    cursor:pointer; 
    font: normal normal 200 10px/normal Verdana!important; 
    letter-spacing: 0.4px!important; 
    display:inline;
    background: none!important;
    padding: 0 0 0 3px!important;
    color: #76333C;
    font-size: 9px!important;
    /*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
    }
    .punbb #pun-navlinks #form-login a.Rega:before, 
    .punbb #pun-navlinks #form-login a.Forgot:before{
      content:none;
    }
    /* Помечаем красным незаполненные поля!*/ 
    #form-login input.none{ 
    outline:red dashed 2px!important; 
    } 
    /*Форма слева(с Никами) */ 
    #List-UserNames { 
    position:absolute; 
    margin-top:-9px; 
    min-height:90px; 
    width:220px; 
    right:100%; 
    padding: 12px 19px 12px 17px; 
    background: #EFEFEF;
    border-color: #626262; /* Цвет границы */
    border-style: solid; /* Стиль границы */
    border-width: 1px 1px 1px 1px; /* Толщина границы */ 
    border-radius:0 0 0px 6px;
    text-align:center; 
    /*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ 
    } 
    /*Стиль контейнера под список Ников*/ 
    .punbb #List-UserNames ul{
    padding: 0;
    overflow:hidden; 
    overflow-y:auto; 
    min-height:36px; 
    max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
    } 
    .punbb #List-UserNames li {
    display: block!important;
    position: relative;
    background: #903a28;
    text-align: left;
    box-shadow: 2px 2px 1px rgb(19, 20, 15);
    padding-left: 5px!important;
    font: normal normal 700 12x/normal Verdana!important;
    letter-spacing: 0.4;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
    }
    .punbb #List-UserNames li:hover{ 
    opacity:.84; 
    /*background:#83693E!important;*/
    } 
    /*Стиль Ников*/ 
    .punbb #List-UserNames li>b{ 
    cursor: pointer;
    opacity: .9;
    color: #fffefe;;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    letter-spacing: 0.3;
    } 
    .punbb #List-UserNames li>b:hover{ 
    opacity:.93; 
    text-shadow:1px 1px 1px rgba(0,0,0,.6); 
    } 
    /*Скролл контейнера с никами*/ 
    #List-UserNames ul::-webkit-scrollbar { 
    width: 3px; 
    height: 5px; 
    } 
    #List-UserNames ul::-webkit-scrollbar-track { 
    background-color: #393A38; 
    border: 0px solid #d7d8d9; 
    box-shadow: none; 
    } 
    #List-UserNames ul::-webkit-scrollbar-thumb {
    background-color: #C0BFBD;
    border: 0px solid #d7d8d9; 
    box-shadow: none; 
    } 
    
    /*Кнопки Удалить (правее ников)*/ 
    #List-UserNames ul li>span { 
    display:inline-block; 
    padding:0 3px; 
    position:absolute; 
    
    opacity:.88; 
    cursor:pointer; 
    top:0;bottom:0; 
    right:2px; 
    color:#fff; 
    font: normal normal
     
    700 10.56px/normal Verdana; 
    text-shadow:1px 1px 1px rgba(0,0,0,.6); 
    } 
    /*Текст при отсутствии запомненных Ников!*/ 
    #List-UserNames ul:empty:before{ 
    display:inline-block; 
    content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"; 
    } 
    /*Кнопка выход-2*/ 
    #navlogin #exit-2 { 
    display:none; 
    } 
    #pun:not(.isguest) #navlogout .Rega, 
    #pun:not(.isguest) #navlogout .Forgot { 
    display:none!important; 
    } 
    /*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
    #List-UserNames ul+span{ 
    display:inline-block; 
    padding:6px 0 8px 0; 
    text-align:left; 
    font: normal normal 400 10.56px/normal Verdana;
    } 
    /*Сам инпут*/ 
    .punbb #List-UserNames input { 
    border: 1px solid #5D6755!important; 
    text-shadow: none!important; 
    color:#333!important;
    background-color: #D4D4D4;
    font: normal normal 400 11px/normal Verdana!important; 
    /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */ 
    margin-top: 9px; 
    padding: 2px !important; 
    vertical-align: middle; 
    } 
    /*Стрелочки к инпуту*/ 
    #List-UserNames ul+span b{ 
    font: normal normal 400 13px/normal Verdana; 
    padding:0 3px; 
    color: #000000;
    } 
    /*Кликалка слева, чуть выше инпута*/ 
    #List-UserNames .a1-copy{ 
    display:inline-block!important; 
    cursor:pointer; 
    float:left; 
    } 
    /*Кликалка справа*/ 
    #List-UserNames .a1-paste{ 
    cursor:pointer; 
    display:inline-block!important; 
    float:right; 
    } 
    /*Подсказки на кликалках*/ 
    .tipsy.a11 { 
    font: normal normal 400 11px/normal Verdana!important; 
    margin-top:-22px!important; 
    margin-left: 148px!important; 
    max-width:170px; 
    } 
    /************************* 
    //Конец Стиля для Быстрой смены аккаунтов 
    *************************/

    Вид:
    https://upforme.ru/uploads/001c/48/6f/2/263329.png

    Из проблем - из-за того, что Юзер-меню находится над главном меню(даже скорее на площадке главного меню, в реале оно наезжает на формочку смены акков - нун делать z-index У юзер меню на единицу меньше (ибо на странице автоматом следущий элемент за первым имеет z-index на единицу больше, размещать юзер меню на площадке с тем же фоновым цветом, что и гланое и просто площадки двух меню состыковывать через margin, тогда контент юзер меню не наползёт на формочку смены акков...

    Ну либо юзер меню мон просто перетащить выше главного

    0

    3

    Описание:
    1. Форма входа/cмены Твинков появляется по клику на Вход-Выход в Главном меню/
    Запоминает после установки скрипта все Ники-Пароли Вводимые при входе на форум и при клике на оные позволяет переходить из Аккаунта в Аккаунт(Твинка в Твинк) простым кликом на один из ников!
    2. Безопасность: Ники пароли сохраняются лишь в конкретном браузере пользователя
    3. Возможность переноса всех запомненных Акков с устройства на устройство
    Для этого в формочке быстрой смены Твинков есть форма вставки/копирования
    Вставка/Копирование происходит при нажатии на стрелочки возле copy и paste

    Удобно переносить данные Твинков с устройства на устройства(или из браузера в браузер) отправкой оных самому себе в личку(по клику на Лс в профиле, либо по клику на ЛС в своём сообщении в топике

    Внимание!! Ники в форму нужно Вводить на том же регистре, что и при регистрации!! Если Ник с Большой буквы, там и пишем большую!


    PS: Описание стоит выложить в уведомления/объявления Администрации

    +1


    Вы здесь » Проба пера » testing profile » Deff, про скрипт быстрой смены Аккаунтов ...


    Рейтинг форумов | Создать форум бесплатно