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


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



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


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

Kosten
Дата: Понедельник, 11.04.2016, 21:02 | Сообщение # 18
Администраторы
Сообщений:12665
Награды: 39


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



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


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

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


Kosten, это модальное окно, которое в интернете найти можно.
workman
Дата: Понедельник, 11.04.2016, 22:11 | Сообщение # 21
Vip
Сообщений:1576
Награды: 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
Kosten
Дата: Понедельник, 11.04.2016, 22:19 | Сообщение # 22
Администраторы
Сообщений:12665
Награды: 39


workman, от души, закину на главную, думаю нужно в скрипты закинуть на форуме, что это твоя прерогатива. biggrin

workman
Дата: Понедельник, 11.04.2016, 22:20 | Сообщение # 23
Vip
Сообщений:1576
Награды: 7


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

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
kredit-oformi
Дата: Понедельник, 11.04.2016, 22:26 | Сообщение # 24
Vip
Сообщений:1953
Награды: 5


workman, как всегда не пожалел wink
workman
Дата: Понедельник, 11.04.2016, 22:27 | Сообщение # 25
Vip
Сообщений:1576
Награды: 7


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

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


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Angerfist
Дата: Понедельник, 11.04.2016, 22:41 | Сообщение # 26
Vip
Сообщений:616
Награды: 18


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

No regrets
workman
Дата: Понедельник, 11.04.2016, 22:53 | Сообщение # 27
Vip
Сообщений:1576
Награды: 7


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

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
insanerad
Дата: Воскресенье, 19.06.2016, 00:17 | Сообщение # 28
Пользователи
Сообщений:4
Награды: 0


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