Перейти к содержанию
Авторизация  
ZARUQ

Красивая авторизация

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

Всем привет. Решил поделиться своей заменой авторизации.
- Вход стабильно работает
- Вход через вк тоже работает стабильно

Делал для себя так, что код сами перепишите как вам надо

 

5a577efbe1adf_-1.thumb.jpg.6d8aef555fd1bd093d87d81f69508db6.jpg

Авторизация.rar

  • Like 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, все работает стабильно!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
14 часов назад, ZARUQ сказал:

Всем привет. Решил поделиться своей заменой авторизации.
- Вход стабильно работает
- Вход через вк тоже работает стабильно

Делал для себя так, что код сами перепишите как вам надо

 

5a577efbe1adf_-1.thumb.jpg.6d8aef555fd1bd093d87d81f69508db6.jpg

Авторизация.rar

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, Павел Белан сказал:

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

.main-signin {
  box-shadow: 0px 10px 20px #000;
  width: 455px;
  height: 360px;
  margin: 60px auto;
}
.main-signin .main-signin__head {
  background-color: #242328;
  border-bottom: 1px solid #2d2f32;
  border-radius: 10px 10px 0 0;
  box-shadow: 0px 1px 0px #000;
  padding: 12px 0;
}
.main-signin .main-signin__head p {
  color: #586069;
  text-align: center;
}
.main-signin .main-signin__middle {
  background: #1f1e23;
  border-bottom: 1px solid #2d2f32;
  border-top: 1px solid #2d2f32;
  box-shadow: 0px 1px 0px #000;
}
.main-signin .main-signin__middle .middle__form {
  margin: 20px 0 20px 0;
}
.main-signin .main-signin__middle .middle__form ::-webkit-input-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form :-moz-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form ::-moz-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form :-ms-input-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form input[type="text"], .main-signin .main-signin__middle .middle__form input[type="password"], .main-signin .main-signin__middle .middle__form input[type="submit"] {
  background: #daf4fe;
  border-radius: 5px 5px 0 0;
  border: none;
  color: #25262a;
  display: block;
  margin: 0 20px;
  outline: none;
  padding: 15px 0;
  width: 90%;
}

.main-signin .main-signin__middle .middle__form input[type="text"], .main-signin .main-signin__middle .middle__form input[type="password"] {
  padding:15px 20px;
  width:90%;
}

.main-signin .main-signin__middle .middle__form input[type="password"] {
  border-top: 1px solid #acabab;
  border-radius: 0 0 5px 5px;
}
.main-signin .main-signin__middle .middle__form input[type="submit"] {
  background: #00aeef;
  border-radius: 5px;
  border-bottom: 1px solid #000;
  border-top: 1px solid #80d6f7;
  color: #fff;
  font-size: 18px;
  margin-top: 15px;
  cursor:pointer;
  text-transform: uppercase;
}
.main-signin .main-signin__middle .middle__form input[type="submit"]:active {
  background: #80d6f7;
}
.main-signin .main-signin__foot {
  background: #242328;
  border-top: 1px solid #2d2f32;
  border-radius: 0 0 10px 10px;
  float: left;
  padding: 12px 0;
  width: 100%;
}
.main-signin .main-signin__foot .foot__left {
  float: left;
  padding: 0 0 0 6%;
  width: 56%;
}
.main-signin .main-signin__foot .foot__left p {
  color: #586069;
  margin: 0;
  padding: 16px 0 0 0;
  text-transform: uppercase;
}
.main-signin .main-signin__foot .foot__right {
  float: left;
  width: 38%;
}
.main-signin .main-signin__foot .foot__right .vk {
  float: right;
}
.main-signin .main-signin__foot .foot__right .vk a {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  margin: -12px 0;
  text-indent: -999em;
  width: 85px;
  height: 77px;
}
.main-signin .main-signin__foot .foot__right .vk a:hover {
  background-color: #2d2f32;
}
.main-signin .main-signin__foot .foot__right .vk a {
  background: url(../images/vk.png) no-repeat center;
  border-radius: 0 0 10px 0;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, ZARUQ сказал:
.main-signin {
  box-shadow: 0px 10px 20px #000;
  width: 455px;
  height: 360px;
  margin: 60px auto;
}
.main-signin .main-signin__head {
  background-color: #242328;
  border-bottom: 1px solid #2d2f32;
  border-radius: 10px 10px 0 0;
  box-shadow: 0px 1px 0px #000;
  padding: 12px 0;
}
.main-signin .main-signin__head p {
  color: #586069;
  text-align: center;
}
.main-signin .main-signin__middle {
  background: #1f1e23;
  border-bottom: 1px solid #2d2f32;
  border-top: 1px solid #2d2f32;
  box-shadow: 0px 1px 0px #000;
}
.main-signin .main-signin__middle .middle__form {
  margin: 20px 0 20px 0;
}
.main-signin .main-signin__middle .middle__form ::-webkit-input-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form :-moz-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form ::-moz-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form :-ms-input-placeholder {
  color: #25262a;
}
.main-signin .main-signin__middle .middle__form input[type="text"], .main-signin .main-signin__middle .middle__form input[type="password"], .main-signin .main-signin__middle .middle__form input[type="submit"] {
  background: #daf4fe;
  border-radius: 5px 5px 0 0;
  border: none;
  color: #25262a;
  display: block;
  margin: 0 20px;
  outline: none;
  padding: 15px 0;
  width: 90%;
}

.main-signin .main-signin__middle .middle__form input[type="text"], .main-signin .main-signin__middle .middle__form input[type="password"] {
  padding:15px 20px;
  width:90%;
}

.main-signin .main-signin__middle .middle__form input[type="password"] {
  border-top: 1px solid #acabab;
  border-radius: 0 0 5px 5px;
}
.main-signin .main-signin__middle .middle__form input[type="submit"] {
  background: #00aeef;
  border-radius: 5px;
  border-bottom: 1px solid #000;
  border-top: 1px solid #80d6f7;
  color: #fff;
  font-size: 18px;
  margin-top: 15px;
  cursor:pointer;
  text-transform: uppercase;
}
.main-signin .main-signin__middle .middle__form input[type="submit"]:active {
  background: #80d6f7;
}
.main-signin .main-signin__foot {
  background: #242328;
  border-top: 1px solid #2d2f32;
  border-radius: 0 0 10px 10px;
  float: left;
  padding: 12px 0;
  width: 100%;
}
.main-signin .main-signin__foot .foot__left {
  float: left;
  padding: 0 0 0 6%;
  width: 56%;
}
.main-signin .main-signin__foot .foot__left p {
  color: #586069;
  margin: 0;
  padding: 16px 0 0 0;
  text-transform: uppercase;
}
.main-signin .main-signin__foot .foot__right {
  float: left;
  width: 38%;
}
.main-signin .main-signin__foot .foot__right .vk {
  float: right;
}
.main-signin .main-signin__foot .foot__right .vk a {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  margin: -12px 0;
  text-indent: -999em;
  width: 85px;
  height: 77px;
}
.main-signin .main-signin__foot .foot__right .vk a:hover {
  background-color: #2d2f32;
}
.main-signin .main-signin__foot .foot__right .vk a {
  background: url(../images/vk.png) no-repeat center;
  border-radius: 0 0 10px 0;
}

 

а на что заменять то его или в каком блоке хотябы?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, Павел Белан сказал:

а на что заменять то его или в каком блоке хотябы?

Просто добавь его в style.min.css

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, ZARUQ сказал:

Просто добавь его в style.min.css

спасибо заработало! слушай можешь помочь вот такая беда? когда нажимаешь на профиль пишет что такой страницы не существует и аватары не отоброжаются image.thumb.png.637a5ff3def066b06a34894d59234125.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, Павел Белан сказал:

спасибо заработало! слушай можешь помочь вот такая беда? когда нажимаешь на профиль пишет что такой страницы не существует и аватары не отоброжаются image.thumb.png.637a5ff3def066b06a34894d59234125.png

Немного нашалил ты с заменой авторизации)
Теперь нельзя зарегаться

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, ZARUQ сказал:

Немного нашалил ты с заменой авторизации)
Теперь нельзя зарегаться

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, ZARUQ сказал:

Немного нашалил ты с заменой авторизации)
Теперь нельзя зарегаться

а что по поводу аватарок и профиля,поможешь устранить косяк?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
14 минут назад, Павел Белан сказал:

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

в register надо часть когда заменить на авторизацию)
а с аватарками сейчас скажу

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, ZARUQ сказал:

в register надо часть когда заменить на авторизацию)
а с аватарками сейчас скажу

давайка в лс а то смысла флудить тут нету хД

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×