Вопрос По Сайту ? ---Фриг---
#1
Отправлено 12 Март 2016 - 10:10
бытовые сплит-системы
заголовок страницы Бытовые сплит-системы расположенный под горизонтальным меню
над блоком заголовка есть блок размером в 10px n/t над заголовком есть лишний блок <div class="container" id="cpages">
вопрос почему в нем ничего нет и как его убрать не повредив остальную верстку других страниц
#2
Отправлено 12 Март 2016 - 11:55
sibulba (12 Март 2016 - 10:10) писал:
бытовые сплит-системы
заголовок страницы Бытовые сплит-системы расположенный под горизонтальным меню
над блоком заголовка есть блок размером в 10px n/t над заголовком есть лишний блок <div class="container" id="cpages">
вопрос почему в нем ничего нет и как его убрать не повредив остальную верстку других страниц
В шаблоне html найдите код
<!-- Товары на главной --> <div class="container" id="cpages"> <div class="content_page"> <table> <tr> <td class="content_body cont700"> <!-- Всевозможные списки товаров --> {% IF index_page %}и замените на
<!-- Товары на главной --> {% IF index_page %} <div class="container" id="cpages"> <div class="content_page"> <table> <tr> <td class="content_body cont700"> <!-- Всевозможные списки товаров -->Так же найдите
{% ENDIF %} <!-- END Всевозможные списки товаров --> </td> </tr> </table> </div> </div> <!-- end Товары на главной -->и замените на
<!-- END Всевозможные списки товаров --> </td> </tr> </table> </div> </div> {% ENDIF %} <!-- end Товары на главной -->
#3
Отправлено 12 Март 2016 - 11:58
#5
Отправлено 29 Май 2017 - 11:17
http://skrinshoter.r...290517/4107257W
вот ссылка на то как нужно сделать
http://frigus-don.ru/ вот ссылка на страннице на которой нужно сделать
блок с мощностями сплит-систем нужно сделать вместо картинок цифры и оформить блок так же.
подскажите как реализовать?
#6
Отправлено 29 Май 2017 - 11:42
#7
Отправлено 30 Май 2017 - 12:50
подскажите как сделать так чтобы пункты меню были по центру голубого блока.
#8
Отправлено 31 Май 2017 - 05:13
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.menu-top-box { width: 960px; height: 30px; background-color: #09C; border-radius: 0px 0px 6px 6px; }
замените на:
.menu-top-box { width: 960px; height: 30px; background-color: #09C; border-radius: 0px 0px 6px 6px; text-align: center; }
#9
Отправлено 31 Май 2017 - 11:37
еще вопрос
как реализовать следующее?
http://skrinshoter.r...310517/gw3uFqgP
хочу такой блок вставить в середине страницы
#10
Отправлено 31 Май 2017 - 14:36
sibulba (31 Май 2017 - 11:37) писал:
еще вопрос
как реализовать следующее?
http://skrinshoter.r...310517/gw3uFqgP
хочу такой блок вставить в середине страницы
#11
Отправлено 01 Июнь 2017 - 10:05
Ирина345 (31 Май 2017 - 14:36) писал:
#12
Отправлено 01 Июнь 2017 - 14:38
в этот блок нужно вставить аналогичную формы заказа звонка как и в приложеном скриншщоте
#13
Отправлено 02 Июнь 2017 - 11:03
#14
Отправлено 03 Июнь 2017 - 07:10
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Меню сайта (По типу мощности) --> {% IF index_page %} <div class="btu_menu_title">Сплит-системы по площади охлаждения</div>
перед ним вставьте:
<!-- Мы вам перезвоним --> {% IF index_page %} <div id="callback"> <div><div class="left"> <h3>Мы вам перезвоним!</h3> <p>Отправьте нам ваш телефон</p> </div> <div class="right"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> {ANTISPAM_CODE} <table class="callbackTable"> <tr> <td><input id="callback_phone" type="text" placeholder="Ваш телефон" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="50" class="required input-text"/></td> <td><input id="callback_person" type="text" placeholder="Ваше имя" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/></td> {% IFNOT FORM_SEND_OK %}<td><div class="callback_buttons"><button type="submit" title="Отправить!" class="button">Отправить!</button></div></td>{% ENDIF %} </tr> </table> </form> </div> <div class="clear"></div></div> </div> {% ENDIF %} <!-- Мы вам перезвоним -->
Далее зайдите в main.css - найдите:
/* Меню сайта (По типу мощности) */ .btu_menu_title {width:940px; margin: 0 auto; padding:10px 0 0 0; text-align: center; color: #a8a8a8; font: 18px Calibri,Tahoma,Arial,Verdana,sans-serif; text-transform:uppercase}
перед ним вставьте:
/* Мы вам перезвоним */ #callback{width: 100%;padding:20px 0;background: #0099CC;} #callback > div{width: 940px;margin: 0 auto;} #callback .left h3, #callback .left p{color:#fff;} #callback .right{line-height: 60px;} #callback .right input{margin: 0 5px;} #callback .right .button{background: none;border: 1px solid #fff;border-radius: 0;margin-left: 5px;} #callback .clear{clear: both;}
#15
Отправлено 03 Июнь 2017 - 12:32
Vaccina (03 Июнь 2017 - 07:10) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Меню сайта (По типу мощности) --> {% IF index_page %} <div class="btu_menu_title">Сплит-системы по площади охлаждения</div>
перед ним вставьте:
<!-- Мы вам перезвоним --> {% IF index_page %} <div id="callback"> <div><div class="left"> <h3>Мы вам перезвоним!</h3> <p>Отправьте нам ваш телефон</p> </div> <div class="right"> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> {ANTISPAM_CODE} <table class="callbackTable"> <tr> <td><input id="callback_phone" type="text" placeholder="Ваш телефон" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="50" class="required input-text"/></td> <td><input id="callback_person" type="text" placeholder="Ваше имя" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/></td> {% IFNOT FORM_SEND_OK %}<td><div class="callback_buttons"><button type="submit" title="Отправить!" class="button">Отправить!</button></div></td>{% ENDIF %} </tr> </table> </form> </div> <div class="clear"></div></div> </div> {% ENDIF %} <!-- Мы вам перезвоним -->
Далее зайдите в main.css - найдите:
/* Меню сайта (По типу мощности) */ .btu_menu_title {width:940px; margin: 0 auto; padding:10px 0 0 0; text-align: center; color: #a8a8a8; font: 18px Calibri,Tahoma,Arial,Verdana,sans-serif; text-transform:uppercase}
перед ним вставьте:
/* Мы вам перезвоним */ #callback{width: 100%;padding:20px 0;background: #0099CC;} #callback > div{width: 940px;margin: 0 auto;} #callback .left h3, #callback .left p{color:#fff;} #callback .right{line-height: 60px;} #callback .right input{margin: 0 5px;} #callback .right .button{background: none;border: 1px solid #fff;border-radius: 0;margin-left: 5px;} #callback .clear{clear: both;}
FireShot 03 - 06 -11 - 09.png
супер! спасибо. сам уже поправлю все! как всегда все круто
#16
Отправлено 10 Июнь 2017 - 12:42
нужно под телефонным номером сделать надпись заказать звонок и вся та же самая механика как и на втором сайте
спасибо
#17
Отправлено 10 Июнь 2017 - 13:38
sibulba (10 Июнь 2017 - 12:42) писал:
нужно под телефонным номером сделать надпись заказать звонок и вся та же самая механика как и на втором сайте
спасибо
Здравствуйте.
В шаблоне main.css добавил код:
/* Форма Заказа звонка в шапке сайта */ .callbackContent {} .callbackForm {width: 300px; height: 220px;} .callbackTable {width: 100%;text-align: center;} .callback_buttons {text-align:center;padding-top: 5px;} .callback_buttons button {font: bold 18px Calibri,Tahoma,Geneva,sans-serif; color:#FFF; text-transform:uppercase; cursor: pointer; background-color:#FFAA00; border-radius:6px; width:100%; height: 30px; border:0px;} form.callbackForm h1 {font: 22px Calibri,Tahoma,Arial,Verdana,sans-serif; text-transform:uppercase; color: #666; text-align:center;margin-bottom: 10px} form.callbackForm td {} form.callbackForm tr {} form.callbackForm input {font: 16px Calibri,Tahoma, Geneva, sans-serif; width: 280px; height: 30px;margin-bottom: 10px;}
А так же в шаблоне HTML код:
<!-- Обратный звонок --> <tr> <td class="WorkTime"> <div id="callbacklink"> <a href="http://{NET_DOMAIN}/callback?only_body=1" class="callbacklink fancybox.ajax">Заказать обратный звонок</a> </div> </td> </tr> <!-- end Обратный звонок -->
И код:
<script>$(document).ready(function() {$(".callbacklink").fancybox({maxWidth : 320,maxHeight : 350,fitToView : false,width : '75%',height : '75%',autoSize : false,closeClick : false,openEffect : 'none',closeEffect : 'none'});});</script>
Проверьте результат, пожалуйста
#18
Отправлено 10 Июнь 2017 - 21:10
Firefly (10 Июнь 2017 - 13:38) писал:
В шаблоне main.css добавил код:
/* Форма Заказа звонка в шапке сайта */ .callbackContent {} .callbackForm {width: 300px; height: 220px;} .callbackTable {width: 100%;text-align: center;} .callback_buttons {text-align:center;padding-top: 5px;} .callback_buttons button {font: bold 18px Calibri,Tahoma,Geneva,sans-serif; color:#FFF; text-transform:uppercase; cursor: pointer; background-color:#FFAA00; border-radius:6px; width:100%; height: 30px; border:0px;} form.callbackForm h1 {font: 22px Calibri,Tahoma,Arial,Verdana,sans-serif; text-transform:uppercase; color: #666; text-align:center;margin-bottom: 10px} form.callbackForm td {} form.callbackForm tr {} form.callbackForm input {font: 16px Calibri,Tahoma, Geneva, sans-serif; width: 280px; height: 30px;margin-bottom: 10px;}
А так же в шаблоне HTML код:
<!-- Обратный звонок --> <tr> <td class="WorkTime"> <div id="callbacklink"> <a href="http://{NET_DOMAIN}/callback?only_body=1" class="callbacklink fancybox.ajax">Заказать обратный звонок</a> </div> </td> </tr> <!-- end Обратный звонок -->
И код:
<script>$(document).ready(function() {$(".callbacklink").fancybox({maxWidth : 320,maxHeight : 350,fitToView : false,width : '75%',height : '75%',autoSize : false,closeClick : false,openEffect : 'none',closeEffect : 'none'});});</script>
Проверьте результат, пожалуйста
на главной странице поехали формы заказа звонка
#19
Отправлено 13 Июнь 2017 - 14:19
#20
Отправлено 13 Июнь 2017 - 15:16
sibulba (10 Июнь 2017 - 21:10) писал:
Здравствуйте.
Внес Вам изменения заново, но чтобы не было конфликта стилей с формой в подвале добавил в main.css код:
/* Форма Заказа звонка в шапке сайта */ .callbackFormTop {width: 300px; height: 220px;} .callbackTableTop {width: 100%;text-align: center;} .callback_buttonsTop {text-align:center;padding-top: 5px;} .callback_buttonsTop button {font: bold 18px Calibri,Tahoma,Geneva,sans-serif; color:#FFF; text-transform:uppercase; cursor: pointer; background-color:#FFAA00; border-radius:6px; width:100%; height: 30px; border:0px;} form.callbackFormTop h1 {font: 22px Calibri,Tahoma,Arial,Verdana,sans-serif; text-transform:uppercase; color: #666; text-align:center;margin-bottom: 10px} form.callbackFormTop input {font: 16px Calibri,Tahoma, Geneva, sans-serif; width: 280px; height: 30px;margin-bottom: 10px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных