» »

Делаем оригинальный вход на сайт в Ajax окне


Сейчас на сайте у нас вход на сайт можно только выбрать, это новый и старый. Но мы Делаем оригинальный вход на сайт в Ajax окне где будет предоставлен выбор и не каких переходов. То что было раньше, наживаем на старую версию и переходим, здесь она уже стоит по умолчанию и по верх ее социальные значки, по которым вы можете зайти как пользователь сайта или зарегистрироваться на нем. Ранее был представлен код, но его нужно после установки дорабатывать под свой дизайн, но этот безусловно нужно будет делать. Но только выставить ширину и длину окна и больше не чего, все должно быть так как должно и вписаться под все стили.
Скрипт сделал likbezz, администратор сайта Likbezz.ucoz.ru где попросил с этим кодом разобраться и предоставил только изображение и по несу создано.

Форма входа на сайт uCoz



Установка:

Если сайт ставили системы и у вас вход должен стоять на таком коде.

Код
<a href="$LOGIN_LINK$">Вход</a>


Если его нет, то просто следующий скрипт ставим там, где и будем вызывать окно, если он есть, то просто поменяйте его на этот.

Код
<a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-130,{autosize:0,closeonesc:1,resize:1,oncontent:function(){setSocial()}},{url:'/index/40'});return false;">Вход</a>


Теперь переходим к главному, что за функций будет там находиться и нужно прописать, чтоб на всех страницах они при нажатие появлялись, а это значит можно вверх сайта поставить, так как этот модуль на каждой странице.

Код
<script type="text/javascript">
function setSocial(){
  $('#frmLg555').prepend('<div align="center" style="margin-bottom:4px;"><a href="javascript://" onclick="return uSocialLogin(\'vkontakte\');" class="login-with vkontakte" title="Войти через ВКонтакте" rel="nofollow"><i></i></a><a href="javascript://" onclick="return uSocialLogin(\'ok\');" class="login-with ok" title="Войти через Одноклассники" rel="nofollow"><i></i></a><a href="javascript://" onclick="return uSocialLogin(\'facebook\');" class="login-with facebook" title="Войти через Facebook" rel="nofollow"><i></i></a><a href="javascript://" onclick="return uSocialLogin(\'yandex\');" class="login-with yandex" title="Войти через Яндекс" rel="nofollow"><i></i></a><a href="javascript://" onclick="return uSocialLogin(\'google\');" class="login-with google" title="Войти через Google+" rel="nofollow"><i></i></a><a href="javascript://" onclick="return uSocialLogin(\'twitter\');" class="login-with twitter" title="Войти через Twitter" rel="nofollow"><i></i></a></div>');
};
</script>


На этом все, так как это полностью рабочая версия.
27.10.2015 Просмотров: 509 Комментарий: (14)

Поделиться в социальных сетях

Материал разместил

Комментарий: 14
ZruBkul
ZruBkul 28.10.2015 00:141
0
Наиболее лучше смотрится, чем прошлое. Да и думаю многие согласятся, установка его очень простая, найти где поставить кнопку и прописать внизу а также здесь добавляю, вверх тоже можно и также везде будет появляться.
Kvint
Kvint 28.10.2015 00:193
0
Если написано вверх, то думаю лучше прислушаться, просто как понимаю проверен, но кто хочет также проверить, то и в низ можете основной код прописать.
Сопрано
Сопрано 28.10.2015 00:204
0
А вот куда именно ставить, в центр или на ваше усмотрение.
Kvint
Kvint 28.10.2015 00:225
0
Здесь делаю так, это когда стили ругаются, здесь их нет. С начало в самый вниз, если не чего не появляется, поднимаю выше и когда все нормально, созреванию все.
Kosten
Kosten 28.10.2015 00:3110
0
Да, здесь все как нужно стоит и не чего не нужно уже дорабатывать, ставим и пользуемся.
Kvint
Kvint 28.10.2015 00:172
0
Слишком широко сделано, и не очень смотрится, нужно уменьшить в ширине, кто не знает как, то в первом коде Ширина -250 Высота -130 и делаем как нужно. Не чего сложного нет, красиво по центру кнопки встали.
Kosten
Kosten 28.10.2015 00:3311
0
Но согласитесь, каждый будет делать для себя. Просто когда поставил, высота не та была и сразу увеличил, чтоб было нормально, но это тестовый сайт и немного по ширине перегнул,но все равно норм смотрится.
AnTron
AnTron 28.10.2015 00:256
0
На форуме на этот код и изображение поставили, что нужно обязательно в админке - пользователи - Настройки модуля и там найти запись "Вид кнопки uID авторизации:" и поставить на старый, то по локальному не появиться.
Kvint
Kvint 28.10.2015 00:267
0
AnTron, это точно, то черт знает, что в аякс будет, одни социальные кнопки.
Kosten
Kosten 28.10.2015 00:3512
0
Да, све правильно, нужно на старый переводить, возможно система обновиться и не чего не нужно делать. Хотя они вход хорошо настроили и думаю в ближайшее время по нему не будет обновлений.
Canon
Canon 28.10.2015 00:278
0
Писал по этой теме, но мне еще нормально, что можно на старую переключить и там можно по системе зайти, здесь этой кнопки нет.
AnTron
AnTron 28.10.2015 00:309
0
Canon, вы наверно не до конца скрипт поняли, для чего к примеру стоит вход на сайт для локальных пользователей, зачем там эта системная кнопка.
ZruBkul
ZruBkul 28.10.2015 15:1013
0
Не чего не вышло как хотел сделать по дизайну, а это кнопки вниз, и широкая полоса входа, чтоб разделяли эти 2 входа разных, может кто грамотный сделает.
Kosten
Kosten 28.10.2015 15:2714
0
Дизайн в этом случай на втором месте, но зачем ое входе на сайт, можно и окно поменять и сделать другим,но оно появляется на секунды и люди заходят и забывают про него как страшный сон.
avatar