Страница 2 из 2«12
Форум про uCoz » Разная тематика » Оцените мой сайт » Зацените сайтик Vanna.Rem-31.ru
Зацените сайтик Vanna.Rem-31.ru
kredit-oformi
Дата: Понедельник, 11.04.2016, 20:39 | Сообщение # 16
Vip
Сообщений:1964
Награды: 5


Сайт понравился, особенно вывод формы позвонить))



wink smile
Прикрепления: 9695901.jpg(58Kb)
Страна: (RU)
Kosten
Дата: Понедельник, 11.04.2016, 21:00 | Сообщение # 17
Администраторы
Сообщений:15284
Награды: 50


kredit-oformi, привет, что то давно тебя не было, Воркман, вон какой ресурс замутил. wink
Страна: (RU)
Kosten
Дата: Понедельник, 11.04.2016, 21:02 | Сообщение # 18
Администраторы
Сообщений:15284
Награды: 50


Надеюсь, он поделиться модальным окном. biggrin

Страна: (RU)
kredit-oformi
Дата: Понедельник, 11.04.2016, 21:37 | Сообщение # 19
Vip
Сообщений:1964
Награды: 5


Цитата Kosten ()
kredit-oformi, привет, что то давно тебя не было, Воркман, вон какой ресурс замутил.

Kosten, Привет, да понимаешь работа, свои ресурсы плюс, семья дети и все такое))) а ресурс да мне нравится wink
Страна: (RU)
FeStemBer
Дата: Понедельник, 11.04.2016, 21:40 | Сообщение # 20
Проверенные
Сообщений:349
Награды: 1


Kosten, это модальное окно, которое в интернете найти можно.
Страна: (RU)
workman
Дата: Понедельник, 11.04.2016, 22:11 | Сообщение # 21
Гл. Модератор
Сообщений:1607
Награды: 7


CSS Те кто разбирается в стилях, размеры окна редактируем под себя
Код
.overlay{top:0;right:0;bottom:0;left:0;z-index:10;display:none;background-color:rgba(0,0,0,0.65);position:fixed;cursor:default}
.overlay:target{display:block}
.popup{top:-100%;right:0;left:50%;font-size:14px;z-index:20;margin:0;width:85%;min-width:320px;max-width:600px;position:fixed;padding:15px;border:1px solid #383838;background:#FEFEFE;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;font:14px/18px 'Tahoma',Arial,sans-serif;-webkit-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-moz-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-ms-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-webkit-transform:translate(-50%,-500%);-ms-transform:translate(-50%,-500%);-o-transform:translate(-50%,-500%);transform:translate(-50%,-500%);-webkit-transition:-webkit-transform .6s ease-out;-moz-transition:-moz-transform .6s ease-out;-o-transition:-o-transform .6s ease-out;transition:transform .6s ease-out}
.overlay:target+.popup{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);top:20%}
.close{top:-10px;right:-10px;width:20px;height:20px;position:absolute;padding:0;border:2px solid #CCC;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;background-color:rgba(61,61,61,0.8);-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:center;text-decoration:none;font:13px/20px 'Tahoma',Arial,sans-serif;font-weight:bold;-webkit-transition:all ease .8s;-moz-transition:all ease .8s;-ms-transition:all ease .8s;-o-transition:all ease .8s;transition:all ease .8s}
.close:before{color:rgba(255,255,255,0.9);content:"X";text-shadow:0 -1px rgba(0,0,0,0.9);font-size:12px}
.close:hover{background-color:rgba(252,20,0,0.8);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

В низ сайта
Код
<a href="#x" class="overlay" id="win1"></a><div class="popup">Здесь то, что будет в окне. Можно форму обратной связи<a class="close"title="Закрыть" href="#close"></a></div>

Эту ссылку по месту вызова
Код
<a href="#win1" rel="nofollow">Открыть окно</a>
Для тех кто хочет добавить несколько окон, то меняем ID окна и ID ссылки вызова. Например: здесь id="win1" и здесь href="#win1"


Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)

Сообщение отредактировал
workman - Понедельник, 11.04.2016, 22:19
Страна: (RU)
Kosten
Дата: Понедельник, 11.04.2016, 22:19 | Сообщение # 22
Администраторы
Сообщений:15284
Награды: 50


workman, от души, закину на главную, думаю нужно в скрипты закинуть на форуме, что это твоя прерогатива. biggrin
Страна: (RU)
workman
Дата: Понедельник, 11.04.2016, 22:20 | Сообщение # 23
Гл. Модератор
Сообщений:1607
Награды: 7


Kosten, Да нет не стоит. Просто закинь на главную и просто ссылку на Демо поставь и все.

Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)
Страна: (RU)
kredit-oformi
Дата: Понедельник, 11.04.2016, 22:26 | Сообщение # 24
Vip
Сообщений:1964
Награды: 5


workman, как всегда не пожалел wink
Страна: (RU)
workman
Дата: Понедельник, 11.04.2016, 22:27 | Сообщение # 25
Гл. Модератор
Сообщений:1607
Награды: 7


Цитата kredit-oformi ()
как всегда не пожалел

Ну когда свои старики просят, то почему бы и нет ))))))


Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)
Страна: (RU)
Angerfist
Дата: Понедельник, 11.04.2016, 22:41 | Сообщение # 26
Vip
Сообщений:761
Награды: 21


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

No regrets
Страна: (RU)
workman
Дата: Понедельник, 11.04.2016, 22:53 | Сообщение # 27
Гл. Модератор
Сообщений:1607
Награды: 7


Angerfist, Могу даже по рекомендовать это чтобы голову не ломать. Правда если шаришь то можешь переделать любую менюшку под свой диз

Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)
Страна: (RU)
insanerad
Дата: Воскресенье, 19.06.2016, 00:17 | Сообщение # 28
Пользователи
Сообщений:4
Награды: 0


по мне все нормально happy
Страна: (RU)
Форум про uCoz » Разная тематика » Оцените мой сайт » Зацените сайтик Vanna.Rem-31.ru
Страница 2 из 2«12
Поиск: