Вот Так Хочу!
#1
Отправлено 06 Февраль 2013 - 19:13
А также оформить дизайн.
Пример на фото!
#2
Отправлено 06 Февраль 2013 - 19:27
desbest (06 Февраль 2013 - 19:13) писал:
А также оформить дизайн.
Пример на фото!
#3
Отправлено 06 Февраль 2013 - 19:42
Mikola (06 Февраль 2013 - 19:27) писал:
Я работаю уже год и почти на каждый свой вопрос слышу что "Такого сервиса у нас нет", но на практике если захотеть можно реализовать что угодно, поэтому вопрос актуальный!
#4
Отправлено 07 Февраль 2013 - 12:28
desbest (06 Февраль 2013 - 19:42) писал:
Пока я не могу сказать как можно сделать так, чтобы это всплывающее окно выводилось Вашим клиентам только при первом заходи на сайт. Дело в том, что большинству пользователям интернет сети выдается динамический ip адрес. Это означает, что при каждой новой установке соединения, будет выдаваться другой ip адрес. Сделать такое всплывающее окно не трудно, но вот появляться оно скорее всего будет все при каждом заходе на Ваш сайт
#5
Отправлено 07 Февраль 2013 - 13:19
support 2.0 (07 Февраль 2013 - 12:28) писал:
Все это необходимо объеденить и сделать окошко всплывающим.
хотябы по ip, ведь у всех сайтов так, если почисть историю или соединиться с интернетом снова, то окошко выводиться опять.
Итак вопрос, как это сделать?)
#6
Отправлено 07 Февраль 2013 - 14:11
desbest (07 Февраль 2013 - 13:19) писал:
Все это необходимо объеденить и сделать окошко всплывающим.
хотябы по ip, ведь у всех сайтов так, если почисть историю или соединиться с интернетом снова, то окошко выводиться опять.
Итак вопрос, как это сделать?)
Итак, смотрите, данная реализация есть здесь. Но все зависит от того, что за скрипт у Вас для этой формы используется. Получается, что почта, которую будет вводить Ваш клиент, должна куда-то отправляться Вам, если Вы знаете как это будет реализовано, тогда Вам осталось только все это создать согласно той инструкции выше. Можно также поставить счетчик, чтобы это всплывающее окно выводилось через некоторое время присутствия на странице.
#7
Отправлено 07 Февраль 2013 - 14:20
support 2.0 (07 Февраль 2013 - 14:11) писал:
Структура такая: код картинки, далее код счетчика, (все имеется) что за чем вставить? если использовать код отсюда
Прям можно так и написать этот код сюда, этот сюда))
Спасибо за столь скорый ответ!!!
#8
Отправлено 07 Февраль 2013 - 16:08
desbest (07 Февраль 2013 - 14:20) писал:
Структура такая: код картинки, далее код счетчика, (все имеется) что за чем вставить? если использовать код отсюда
Прям можно так и написать этот код сюда, этот сюда))
Спасибо за столь скорый ответ!!!
Сначала в файл main.css вставляете стили:
/*Всплывающее окно*/ #parent_popup { background-color: rgba(0, 0, 0, 0.8); display: none; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; } #popup { background: #fff; width: 500px; /*Ширина окна*/ margin: 10% auto; padding: 5px 20px 13px 20px; border: 10px solid #ddd; position: relative; /*--CSS3 CSS3 Тени для Блока--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Закругленные углы--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #popup h1{ font:28px Monotype Corsiva, Arial; font-weight: bold; text-align: center; color: red; text-shadow: 0 1px 3px rgba(0,0,0,.3); } #popup h2{ font:24px Monotype Corsiva, Arial; color: #1985b4; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.3); } #popup h3{ font:18px Monotype Corsiva, Arial; color: #1985b4; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.3); } /* кнопка закрытия */ .close { background-color: rgba(0, 0, 0, 0.8) !important; border: 2px solid #ccc; height: 24px; line-height: 24px !important; position: absolute !important; right: -24px; cursor: pointer !important; font-family: Times !important; font-weight: bold !important; text-align: center !important; text-decoration: none !important; color: rgba(255, 255, 255, 0.9) !important; font-size: 14px !important; text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important; top: -24px; width: 24px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background-color: rgba(0, 122, 200, 0.8) !important; }
далее заходите в раздел Сайт -> Страницы -> Главная страница и в описании нажимаете кнопку html. Здесь можете писать любой текст, т.е. вставляете и изображение и код счетчика так, как Вам нужно. В конце добавить там нужно будет обязательно
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div> </div> <script type="text/javascript">// <![CDATA[ var delay_popup = 3000; /*время задержки примерно 3 секунды*/ setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup); // ]]></script>
Сохранить. У Вашего кода счетчика наверняка есть библиотека, которую нужно будет подключить. Для этого зайдите в раздел Сайт -> Редактор тем -> шаблон HTML и найдите строчку
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
после нее вставьте
<script type="text/javascript" src="{ASSETS_JS_PATH}название_файла.js"></script>и вместо название_файла.js вставьте название библиотеки, которую перед этим нужно было загрузить на сайт (Сайт -> Редактор тем -> файлы)
Такое всплывающее окно неудобно тем, что при каждом заходе на главную страницу сайта будет выскакивать это окошко
#9
Отправлено 07 Февраль 2013 - 19:53
support 2.0 (07 Февраль 2013 - 16:08) писал:
/*Всплывающее окно*/ #parent_popup { background-color: rgba(0, 0, 0, 0.8); display: none; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; } #popup { background: #fff; width: 500px; /*Ширина окна*/ margin: 10% auto; padding: 5px 20px 13px 20px; border: 10px solid #ddd; position: relative; /*--CSS3 CSS3 Тени для Блока--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Закругленные углы--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #popup h1{ font:28px Monotype Corsiva, Arial; font-weight: bold; text-align: center; color: red; text-shadow: 0 1px 3px rgba(0,0,0,.3); } #popup h2{ font:24px Monotype Corsiva, Arial; color: #1985b4; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.3); } #popup h3{ font:18px Monotype Corsiva, Arial; color: #1985b4; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.3); } /* кнопка закрытия */ .close { background-color: rgba(0, 0, 0, 0.8) !important; border: 2px solid #ccc; height: 24px; line-height: 24px !important; position: absolute !important; right: -24px; cursor: pointer !important; font-family: Times !important; font-weight: bold !important; text-align: center !important; text-decoration: none !important; color: rgba(255, 255, 255, 0.9) !important; font-size: 14px !important; text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important; top: -24px; width: 24px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background-color: rgba(0, 122, 200, 0.8) !important; }
далее заходите в раздел Сайт -> Страницы -> Главная страница и в описании нажимаете кнопку html. Здесь можете писать любой текст, т.е. вставляете и изображение и код счетчика так, как Вам нужно. В конце добавить там нужно будет обязательно
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div> </div> <script type="text/javascript">// <![CDATA[ var delay_popup = 3000; /*время задержки примерно 3 секунды*/ setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup); // ]]></script>
Сохранить. У Вашего кода счетчика наверняка есть библиотека, которую нужно будет подключить. Для этого зайдите в раздел Сайт -> Редактор тем -> шаблон HTML и найдите строчку
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
после нее вставьте
<script type="text/javascript" src="{ASSETS_JS_PATH}название_файла.js"></script>и вместо название_файла.js вставьте название библиотеки, которую перед этим нужно было загрузить на сайт (Сайт -> Редактор тем -> файлы)
Такое всплывающее окно неудобно тем, что при каждом заходе на главную страницу сайта будет выскакивать это окошко
#10
Отправлено 07 Февраль 2013 - 22:29
#11
Отправлено 01 Март 2013 - 09:39
Vaccina (07 Февраль 2013 - 22:29) писал:
На других сайтах это как-то же реализованно...
#12
Отправлено 01 Сентябрь 2013 - 19:12
#14
Отправлено 02 Сентябрь 2013 - 10:03
Panerai (01 Сентябрь 2013 - 19:12) писал:
Если есть код этой всплывающей формы и там не надо будет использовать php, то можно.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных