Сообщество World Web Info

Рейтинг топика
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
12 ответ(ов) в теме
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
1
03:56

Доброго времени суток.
Когда-то давно видела симпатичное модальное окошко.
Заготовка для авторизации или регистрации пользователя.
Может есть у кого, поделитесь пожалуйста.

0
Prime Yworld PRO
Игорь
Домовой 
За положительный вклад в сообщество
Приз зрительских симпатий
Авторитет сообщества
За активность на форуме
За активную помощь сообществу
1 862
   
На сайте с 30.11.2016
Администратор
Тем 73
Сообщения 810
Для заказов:
Свободен

Объявление 

Создание и продвижение сайтов. Мы хотим, чтобы работа с нашей компанией приносила вам дополнительных клиентов и посетителей сайта. Мы стремимся найти индивидуальный подход, обеспечить развитие бизнеса наших клиентов и вкладываем весь свой опыт в работу. Весь спектр услуг.
Закрыть
Подарок автору
2
04:56

Я бы простое окошко для регистрации сделал, его видят один раз и забывают.

Вы не можете просматривать опубликованные ссылки
0
SEO - весь спектр
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
3
12:55

Игорь сказал(а)
Я бы простое окошко для регистрации сделал, его видят один раз и забывают.

Вы не можете просматривать опубликованные ссылки

Дело в том, что у меня на страничке всего одна кнопка "Авторизация" и по замыслу хочется, что-бы при нажатии на эту кнопку появлялось модальное окно, в котором находится 3 вкладки: Авторизация, Регистрация, Вспомнить пароль.

Вот такое вот модальное окошко есть у кого нибудь? 🙂

0
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
4
13:13

Ну раз нет ничего такого, то я вот так вот пока сделала:

echo '<div class="dropdown">';
echo '<a class="tickets_btn" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">';
echo 'Авторизация';
echo '</a>';
echo '<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
echo '<a class="dropdown-item" href="#">Авторизоваться с помощью данных</a>';
echo '<a class="dropdown-item" href="#">Зарегистрироваться в системе</a>';
echo '<a class="dropdown-item" href="#">Восстановить пароль</a>';
echo '</div>';
echo '</div>';

Но дело в том, что теперь менюшка за экран прячется. Смотрела класс dropdown-menu, но там вроде нет никаких привязок.
Посмотри пожалуйста в правый верхний угол:

Вы не можете просматривать опубликованные ссылки

...

П.С.: на страничкой не смейся плз, я только учусь =)

0
Игорь
Домовой 
За положительный вклад в сообщество
Приз зрительских симпатий
Авторитет сообщества
За активность на форуме
За активную помощь сообществу
1 862
   
На сайте с 30.11.2016
Администратор
Тем 73
Сообщения 810
Для заказов:
Свободен

Объявление 

Создание и продвижение сайтов. Мы хотим, чтобы работа с нашей компанией приносила вам дополнительных клиентов и посетителей сайта. Мы стремимся найти индивидуальный подход, обеспечить развитие бизнеса наших клиентов и вкладываем весь свой опыт в работу. Весь спектр услуг.
Закрыть
Подарок автору
5
17:32

Сорри, не был на месте и так понимаю уже справились)

Редакции сообщения
24.01.2019 17:32ИгорьПричина: не указано
0
SEO - весь спектр
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
6
19:58

Сорри, не был на месте и так понимаю уже справились)

К сожалению не нравится мне вот такое вот решение... Но другого пока не нашла...
А еще я вот ищу снипет формы с ББкодами для форума или формы обратной связи... Где-то попадался, а вот где... столько ресурсов просмотрела, и найти не могу.

0
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
7
20:05

Вроде как нашла форму для регистрации и авторизации...

Вы не можете просматривать опубликованные ссылки

.
Остается придумать, как эту форму в модальное окно разместить.

0
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
8
20:20

Нашла снип для форума...

Вы не можете просматривать опубликованные ссылки

Пока ничего лучшего не нашла =)

2
Игорь
Домовой 
За положительный вклад в сообщество
Приз зрительских симпатий
Авторитет сообщества
За активность на форуме
За активную помощь сообществу
1 862
   
На сайте с 30.11.2016
Администратор
Тем 73
Сообщения 810
Для заказов:
Свободен

Объявление 

Создание и продвижение сайтов. Мы хотим, чтобы работа с нашей компанией приносила вам дополнительных клиентов и посетителей сайта. Мы стремимся найти индивидуальный подход, обеспечить развитие бизнеса наших клиентов и вкладываем весь свой опыт в работу. Весь спектр услуг.
Закрыть
Подарок автору
9
18:22

Вот тут можно искать, в поиск вбивай нужное

Вы не можете просматривать опубликованные ссылки

Что-то тут

Вы не можете просматривать опубликованные ссылки
0
SEO - весь спектр
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
10
03:41

Борюсь вот с шаблоном.
Имеется в папке Ява скрипт, который нигде не упоминается, но когда скачивала шаблон, в описании было написано, что внутри есть скрипт обратного отсчета. Как им воспользоваться? Я его в шапке прицепила, а вот как запустить и отобразить, никак не соображу. Поможешь?. (

Вы не можете просматривать опубликованные ссылки

)

0
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
11
07:18

Что-то еще и с модальным окошком ничего не выходит.

Захотелось вот такое модальное окошко:

Вот подробное описание, как должно работать:

Вы не можете просматривать опубликованные ссылки

;
А это демонстрация: ссылка

Вы не можете просматривать опубликованные ссылки

;

Я установила на кнопку "Авторизация":

Но когда нажимаешь на нее, появляется модальное окно, а основное окошко немного смещается вправо. А так-же на модальном окошке почему-то некорректно отображается "Заголовок модального окна" и крестик не там расположен =(

плз, помоги исправить...

Вот куда я установила:

Вы не можете просматривать опубликованные ссылки
0
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 4
Сообщения 15
Для заказов:
Свободна
12
12:05

Не получается модальное окно установить =(
Подскажите пожалуйста, как?

Вот страничка:

Вы не можете просматривать опубликованные ссылки

На ней есть кнопочка: Демо Модалька
Вот открывается модальное окно №1, когда нажимаю открыть модальное окно №2, то окно №1 не закрывается...

Вот такой вот простой код:

<!-- Button trigger modal -->
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal4">
     Демо Модалька
    </button>
     
    <!-- Modal 1 -->
    <div class="modal fade" id="exampleModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
     <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
           <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
		   <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">×</span>
           </button>
		   
         </div>
             <div class="modal-body">
			 <h6 class="typo-list"><a href="#" class="badge badge-light">Открыто модальное окно №1</a> / <a href="#exampleModal5" class="badge badge-primary" data-toggle="modal">Открыть модальное окно №2</a></h6>
			     <h1 class="typo-list">Открыто модальное окно №1</h1>
			</div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary">Save changes</button>
         </div>
       </div>
     </div>
    </div>
	
	<!-- Modal 2 <a href="#exampleModal" class="tickets_btn" data-toggle="modal">Авторизация</a>-->
    <div class="modal fade" id="exampleModal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
     <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
           <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
		   <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">×</span>
           </button>
		   
         </div>
             <div class="modal-body">
			 <h6 class="typo-list"><a href="#exampleModal4" class="badge badge-primary" data-toggle="modal">Открыть модальное окно №1</a> / <a href="#" class="badge badge-light">Открыто модальное окно №2</a></h6>
			     <h1 class="typo-list">Открыто модальное окно №2</h1>
			</div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary">Save changes</button>
         </div>
       </div>
     </div>
    </div>

0
Вы не имеете права на публикацию сообщений в этой теме
Необходимое и интересное. Присоединяйтесь!
Авторизация
*
*
Регистрация
*
*
*
Пароль не введен
*
Генерация пароля