Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

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.

Вопрос по Loginza, окно авторизации некорректно работает

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

Всем привет!

Установил авторизацию через сервис Loginza 1.0.2, но окно работает в моём стиле некорректно. Ниже скрин. Через дефолтный стиль всё нормально, но через стиль по умолчанию конкретная проблема, кнопка перекрыта полем для имени. Как можно исправить, в CSS размер окна выставить или в самом шаблоне? Подскажите, если можно подробней, что, где и как.

post-57067-0-44692200-1472635652_thumb.jpg

Изменено пользователем Alex222

Рекомендованные сообщения

Опубликовано:
  • Автор

Извиняюсь, вопрос снят, всё глючит, с мобильного шаблона вообще выкидывает соединение с инетом. Буду удалять. Может кто посоветует какой нибудь другой плагин авторизации, кроме uLogin, эту муть давно уже пробовал, учётные записи на форуме не создаются с ним.

 

Восстановил, вроде глюки исчезли, вопрос остаётся в силе, как в Логинзе (скрин выше) окно отрегулировать?

Изменено пользователем Alex222

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

Как можно исправить, в CSS размер окна выставить или в самом шаблоне?

http://ipbskins.ru/forum/topic10082.html#entry65695

 

 

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

http://forums.ibresource.ru/files/file/1093-plagin-dlia-avtorizatcii-na-forume-cherez-servis-loginza/

http://ipbskins.ru/forum/topic9910.html

Опубликовано:
  • Автор

Спасибо, но я и сам догадывался что в CSS, только нифига не пойму, какой класс и т.д., иначе и не открывал бы эту тему. 1.0.3 тоже пробовал, такая же ерунда, проблема в окне.

Ладно, видно не судьба.

Изменено пользователем Alex222

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

Спасибо, но я и сам догадывался что в CSS, только нифига не пойму, какой класс и т.д

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

Опубликовано:
  • Автор

Да я пробовал через оперу как там рекомендуется проинспектировать, ну когда далёк от этого, то понять трудно. Вопрос возник, а если проинспектировать когда это самое глючное оконце авторизации открыто?

Изменено пользователем Alex222

Опубликовано:
  • Автор

Вот с ipb_styles.css этот кусок кода, по моему он за это отвечает. Только не пойму, что конкретно по px нужно регулировать для модального окна.

 

 

/* NEW FORMS */

.ipsField .ipsField_title { 
font-weight: bold;
font-size: 15px;
}

.ipsForm_required {
color: #ab1f39;
font-weight: bold;
}

.ipsForm_horizontal .ipsField_title {
float: left;
width: 185px;
padding-right: 15px;
text-align: right;
line-height: 1.8;
}

.ipsForm_horizontal .ipsField { margin-bottom: 15px; }
.ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; }
.ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; }
.ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; }

.ipsForm_vertical .ipsField { margin-bottom: 10px; }
.ipsForm_vertical .ipsField_content { margin-top: 3px; }

.ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }
.ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }

.ipsField_primary input { font-size: 18px; }

.ipsForm_submit {
background: #e4e4e4;
background: -moz-linear-gradient(top, #e4e4e4 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#cccccc));
padding: 5px 10px;
text-align: right;
border-top: 1px solid #cccccc;
margin-top: 25px;
}

.ipsForm_right { text-align: right; }
.ipsForm_left { text-align: left; }
.ipsForm_center { text-align: center; }

 

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

@Alex222, не нужно гадать, а нужно открыть инспектор элементов в браузере выделить нужный элемент и посмотреть какие стили к нему применяются. По неизвестной портянки кода никто вам ничего не скажет. Мало того, изменив что-то в стандартных стилях эти изменения могут затронуть весь форум и потом где-то в другом месте не будет правильно отображаться, возможно эту кнопку потребуется сверстать отдельно. Это нужно смотреть непосредственно на странице в браузере какая верстка и стили там применяются.

Опубликовано:
  • Автор

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

А вот такая портянка годится? В общем выделил я это окно и проинспектировал. Коды ниже, класс выделился при инспектировании clearfix

post-57067-0-17574200-1472650807_thumb.jpg

 

<!DOCTYPE html>
<html lang="en">
<head>
<body id="ipboard_body">
<p id="content_jump" class="hide">
<div id="ipbwrapper">
<!-- ::: TOP BAR: Sign in / register or user drop down and notification alerts ::: -->
<div id="header_bar" class="clearfix">
<!-- ::: BRANDING STRIP: Logo and search box ::: -->
<div id="branding">
<!-- ::: APPLICATION TABS ::: -->
<div id="content_main">
<br/>
<!-- ::: MAIN CONTENT AREA ::: -->
<div id="content" class="clearfix">
<!-- ::: FOOTER (Change skin, language, mark as read, etc) ::: -->
<div id="footer_utilities" class="main_width clearfix clear">
<div>
<script type="text/javascript">
<div id="inline_login_form" style="display:none">
</div>
<script type="text/javascript">
<div id="more_apps_menucontent" class="submenu_container clearfix boxShadow" style="display: none; z-index: 9999; position: absolute;">ev
</body>
</html>

 

#content { 
background: #E9E9E9;
border-radius: 10px 10px 0px 0px;
border-top: 1px solid #B7B7B7;
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.506);
line-height: 120%;
margin-top: -5px;
padding: 8px;
}
index.php:164
#content, .main_width { 
margin: 0px auto 0px;
min-width: 960px;
width: 87% !important;
}
index.php:150
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin: 0px;
padding: 0px;
}
таблица стилей user agent
div { 
display: block;
}
Наследован от body
index.php:150
body { 
font: 13px "helvetica", "arial", sans-serif;
}

Изменено пользователем Alex222

Опубликовано:
  • Автор

Может кто понимающий зайдёт на сайт,и попробует войти через вк, остальные не работают, если не в тягость, посмотрит сам, проинспектирует, да чего посоветует. Входить необязательно, мне не нужна рега, просто, чтобы посмотреть на окно авторизации и проинспектировать. У меня такое ощущение, что я что то не так делаю. Потому что css, то что здесь выложил выше, найти в ipb_styles.css не могу, его там просто нет или он идёт при инспектировании кусками с разных мест css. Ссылку на сайт могу скинуть в личку.

Изменено пользователем Alex222

Опубликовано:
Может кто понимающий зайдёт на сайт,и попробует войти через вк

ссылку

Опубликовано:
  • Автор

Скинул в личку.

Опубликовано:
  • Автор

Может кто сталкивался и как решил проблему. В общем через Loginza невозможно например авторизоваться через гугл, нажимаешь "Готово", но так и остаётся всё, авторизации нет. Через яндекс открывается белая страница и в левом углу сообщение "CREATION FAIL2". Через твиттер "Удаленный сервер или файл не найден

Вы попытались получить доступ к адресу http://site.ru/interface/loginza/index.php, который сейчас недоступен. Убедитесь, что веб-адрес (URL) введён правильно, и попытайтесь перезагрузить страницу".

Через ВК нормально, через Facebook тоже нормуль.

 

Можно ли как то решить и в чём эта проблема?

Опубликовано:
Скинул в личку.

Адрес форума нужно заполнять в профиле. Зачем его удалили оттуда?

Опубликовано:
  • Автор

Да не хочется светить сайтом.

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

Читайте правила форума.

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

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.