Перейти к содержанию
View in the app

A better way to browse. Learn more.

Форум VAOZ.RU

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Боковое меню авторизации как на uCoz

Featured Replies

Опубликовано

Давно приглянулось боковое меню авторизации как на uCoz. Решил сделать себе точно такое же. Просто собрал рабочий скрипт с сайта uCoz. 

Очень долго мучился с адаптивностью данного скрипта, ибо в стилях CSS очень сильно намудрили. Пришлось исправлять отступы и настраивать все по новому, но в любом случае получилось очень даже не плохо. 

Сразу хочу сказать что меню не много переделал, добавил логотип, и вместо кнопки UID сделал кнопку регистрации. 

Главная особенность скрипта в том, что минимальное количество файлов (упаковал все стили в один файл), легкая установка и практичность, адаптивный дизайн. 

Установка : 

1. Загружаем папку menulog к себе на сайт. 

2. В верхнюю часть сайта (после /header как на сайте uCoz) вставляем код : 

<?if($USER_LOGGED_IN$)?><?else?>  
<section class="user-side pushy2 pushy-right">  
  <div class="log-form">  
  <span class="close hairline menu-btn2"></span>  
  <img src="/menulog/img/uLogo.png" width="128" height="128">  
  <h3>Вход в учетную запись</h3>  
  <p>Авторизация в системе uCoz осуществляется через учетные данные uID</p>  
  <div class="uid-login">  
  <a class="uid-btn" href="/register">Регистрация</a>  
  </div>  
  <div class="fast-reg">  
  <p class="title">Войдите пожалуйста через:</p>  
  <center>$LOG_FORM$</center>  
  </div>  
  <span class="reg-comment">Если вы хотите привязать уже существующий uID аккаунт к аккаунту социальной сети, то сначала войдите через uID, а затем выполните привязку.</span>  
  </div>  
  </section><?endif?>

3. В нижнюю часть сайта : 

<script type="text/javascript" src="/menulog/js/sidemenu.js"></script>


4. Устанавливаем стили (В верхнюю часть сайта) : 

<link href="/menulog/css/style.css" type="text/css" rel="stylesheet">


5. Устанавливаем кнопку вызова : 

<?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$">Выход</a><?else?><a class="menu-btn2" href="javascript://">Вход</a><?endif?>

 

Для публикации сообщений создайте учётную запись или авторизуйтесь

https://vaoz.ru/topic/4213-bokovoe-menyu-avtorizacii-kak-na-ucoz/
Рейтинг@Mail.ru Яндекс.Метрика

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.