Всплывающее Окно
#21
Отправлено 04 Апрель 2014 - 10:21
#22
Отправлено 04 Апрель 2014 - 11:30
arver (03 Апрель 2014 - 13:42) писал:
Проделал следующее вставил перед кодом
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
следующее
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
font-size: 24px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
Но добиться того,чтобы крестик был ровно по центру квадрата так и не удалось!Нужна помощь!
2)Непонятно почему,второе всплывающее окно-личный кабинет(если кликнуть на значок ключей под поиском) открывается вообще без кнопки закрыть+основной слайдер на главной становится ярче чем вся информация на сайте
MikDark (04 Апрель 2014 - 08:53) писал:
arver (04 Апрель 2014 - 09:08) писал:
#23
Отправлено 04 Апрель 2014 - 14:41
#24
Отправлено 04 Апрель 2014 - 15:59
#25
Отправлено 05 Апрель 2014 - 07:00
arver (04 Апрель 2014 - 15:59) писал:
Здравствуйте,
В файле "main.css".
Найти:
.close { background-color: rgba(0, 0, 0, 0.8) !important; border: 2px solid #ccc; height: 12px; line-height: 24px !important; position: absolute !important; right: -1px; 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: -2px; width: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
Заменить:
.close { background-color: rgba(0, 0, 0, 0.8) !important; border: 2px solid #ccc; height: 15px; line-height: 12px !important; position: absolute !important; right: 1px; 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: -2px; width: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
#26
Отправлено 05 Апрель 2014 - 12:14
p.s.насколько я понял дело было в значение line height,прочитал в http://htmlbook.ru/css/line-height
Чтобы не создавать еще тему,осталась одна проблема на сайте,отзывы не добавляются на сайт,не могу понять почему...
+Есть еще пару вопросов:
1)А почему второе всплывающее окно(личный кабинет)без кнопки закрыть?
2)Не могу понять почему вся информация на сайте кроме слайдов затемняется,это ярче всего видно когда открыто маленькое всплывающее окно личного кабинета
p.s.личный кабинет всплывает если нажать на изображение ключей под поиском..
#27
Отправлено 05 Апрель 2014 - 12:42
arver (05 Апрель 2014 - 12:14) писал:
p.s.насколько я понял дело было в значение line height,прочитал в http://htmlbook.ru/css/line-height
Чтобы не создавать еще тему,осталась одна проблема на сайте,отзывы не добавляются на сайт,не могу понять почему...
+Есть еще пару вопросов:
1)А почему второе всплывающее окно(личный кабинет)без кнопки закрыть?
2)Не могу понять почему вся информация на сайте кроме слайдов затемняется,это ярче всего видно когда открыто маленькое всплывающее окно личного кабинета
p.s.личный кабинет всплывает если нажать на изображение ключей под поиском..
Здравствуйте,
Исправление для затемнения картинок.
В файле "main.css".
Найти:
.overlay:target { visibility: visible; opacity: 1; }
Заменить:
.overlay:target { visibility: visible; opacity: 1; z-index: 9; }
Добавление кнопки закрыть после <h1>Личный кабинет</h1> (примерно 264 строка)
<a class="close" title="Закрыть" href="#close"></a>
Обновите стили для кнопки закрыть (изменены параметры height: 16px; line-height: 16px !important; width: 16px; для корректного отображения)
.close { background-color: rgba(0, 0, 0, 0.8) !important; border: 2px solid #ccc; height: 16px; line-height: 16px !important; position: absolute !important; right: 1px; 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: -2px; width: 16px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
#28
Отправлено 05 Апрель 2014 - 12:52
#29
Отправлено 05 Апрель 2014 - 12:55
arver (05 Апрель 2014 - 12:52) писал:
Кнопка добавить отзыв не работает из-за каких то проблем в шаблоне HTML. К сожалению обнаружить их пока не удалось, но если восстановить стандартный шаблон HTML то проблема устраниться.
Вероятнее всего возникли конфликты в скриптах или в не закрытых тегах
#30
Отправлено 05 Апрель 2014 - 13:00
#32
Отправлено 05 Апрель 2014 - 13:51
#33
Отправлено 05 Апрель 2014 - 16:40
arver (05 Апрель 2014 - 13:51) писал:
Проблема в версте шаблона HTML, в каком то месте не закрыты </div> или </td> или </tr> или все вместе. Точно обнаружить в каком месте не хватает данных тегов не получается так как этот процесс сильно трудоемкий (необходимо анализировать каждую строчку кода).
Проблема именно в основной части сайта + шапка.
Структура основной части + шапки должна быть примерно такой
<div id="headerWrap"> <div id="header"> </div> </div> <div id="contentWrap"> <div id="content"> <table id="contentMainTb"> <tr> <td id="leftMenuBlockWrap"> <div id="leftMenuBlock"> </div> </td> <td id="primaryContent"> {BODY} </td> </tr> </table> </div> </div >
Если у вас не получится найти ошибку, мы постараемся найти для вас решение, но оно может немного затянуться по времени
#34
Отправлено 05 Апрель 2014 - 22:46
p.s.подозреваю <div class="popup">
да действительно удалил код в html с 259 строки <div id="cartInfo"> до 318 строки и отзывы заработали...
осталось только найти где именно в этом диапазоне косяк...
#35
Отправлено 06 Апрель 2014 - 18:44
Сам я пытался это сделать так:
в блок html
<div class="popup">
</div>
строки 264-265 вставлял содержимое файла ЛК Авторизация,ну и получалось,что отображается форма авторизации как нужно,а отзывы перестают работать!(
#36
Отправлено 07 Апрель 2014 - 18:55
#37
Отправлено 08 Апрель 2014 - 03:50
#38
Отправлено 08 Апрель 2014 - 09:19
Сake (08 Апрель 2014 - 03:50) писал:
"Сам я пытался это сделать так:
в блок html
<div class="popup">
</div>
строки 264-265 вставлял содержимое файла ЛК Авторизация,ну и получалось,что отображается форма авторизации как нужно,а отзывы перестают работать!( "
Сейчас отзывы работают,но мне требуется помощь разместив форму авторизации в личный кабинет во всплывающем окне.
#39
Отправлено 08 Апрель 2014 - 11:27
#40
Отправлено 08 Апрель 2014 - 12:18
arver (08 Апрель 2014 - 09:19) писал:
"Сам я пытался это сделать так:
в блок html
<div class="popup">
</div>
строки 264-265 вставлял содержимое файла ЛК Авторизация,ну и получалось,что отображается форма авторизации как нужно,а отзывы перестают работать!( "
Сейчас отзывы работают,но мне требуется помощь разместив форму авторизации в личный кабинет во всплывающем окне.
Можно сделать ограничение для вывода окна регистрации в карточке товара (всплывающее окно не будет работать при нажатии на кнопку регистрация только в карточке товара, вместо этого будет ссылка на регистрацию).
Здравствуйте,
В шаблоне "HTML"
Находим:
<a href="#win2" id="win_pop"><img src="http://st.hozbe.ru/7/1069/467/lichnyj_kabinet.png" title="Личный кабинет"/></a> <a href="#x" class="overlay" id="win2"></a> <div class="popup"> </div>
Заменяем на:
{% IFNOT MOD_LNAME = goods %} <a href="#win2" id="win_pop"><img src="http://st.hozbe.ru/7/1069/467/lichnyj_kabinet.png" title="Личный кабинет"/></a> <a href="#x" class="overlay" id="win2"></a> <div class="popup"> <!-- Контент --> <form action="{USER_REGISTER_URL}" method="post" class="clientForm"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="from" value="{FROM}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} {% IF FORM_NOTICE %} <h3 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}red{% ENDIF %}">{FORM_NOTICE}</h3> {% ENDIF %} <table> <!-- Тело таблицы. Форма регистрации --> <tbody> <tr> <td class="ceil1"><label for="reg_name">Представьтесь, пожалуйста</label></td> <td class="ceil2"><input id="reg_name" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required cornerAll"/></td> <td class="ceil3 valignMiddle" rowspan="4"> <div class="alignCenter" style="display:none;" id="caps_lock"> <img src="{ASSETS_IMAGES_PATH}warningCapslock.png"><br /> <strong>Caps Lock включен.</strong><br /> Пароль может быть введен неверно. </div> </td> </tr> <tr> <td><label for="sites_client_phone">Телефон для связи</label></td> <td><input id="sites_client_phone" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required cornerAll"/></td> </tr> <tr> <td><label for="sites_client_mail">Укажите Email</label></td> <td><input id="sites_client_mail" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email cornerAll"/></td> </tr> <tr> <td><label for="sites_client_pass">Придумайте пароль</label></td> <td> <input id="sites_client_pass" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" class="required cornerAll" /><br /> {% IFNOT user_agent_ie %} <div class="showPassBlock"><a href="#" rel="Скрыть пароль" class="showPass">Показать пароль</a></div> {% ENDIF %} </td> </tr> </tbody> <!-- Низ таблицы. Кнопка отправки формы --> <tfoot> <tr> <td colspan="3"><input type="submit" value="Зарегистрироваться" /></td> </tr> <tr> <td colspan="3"> <a href="{USER_LOGIN_URL}">Вход с паролем</a> | <a href="{USER_RECOVERY_URL}">Восстановление пароля</a> </td> </tr> </tfoot> </table> </div> </form> <!-- end Контент --> </div> {% ELSE %} <a href="http://{NET_DOMAIN}/user/login"><img src="http://st.hozbe.ru/7/1069/467/lichnyj_kabinet.png" title="Личный кабинет"/></a> {% ENDIF %}
В файле "main.css".
Найти:
.overlay:target+.popup { top: 25%; opacity: 1; visibility: visible; }
Заменить:
.overlay:target+.popup { top: 25%; left:40%; width:500px; opacity: 1; visibility: visible; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных