Всплывающее Окно
#1
Отправлено 29 Февраль 2016 - 16:22
#2
Отправлено 02 Март 2016 - 09:17
#3
Отправлено 02 Март 2016 - 10:10
Mamba (29 Февраль 2016 - 16:22) писал:
Здравствуйте, к сожалению, по данному вопросу бесплатная техническая поддержка не сможет Вам помочь. Но Вы можете обратиться в нашу платную техническую поддержку. Для этого напишите через форму обратной связи запрос с подписью "для платной тех.поддержки". Кнопка обратной связи находится у Вас в бекофисе в правом верхнем углу.
#4
Отправлено 13 Апрель 2016 - 15:00
Максимальный размер по высоте/ширине в пикселях для больших изображений было 1100 стало 400
И как уменьшить вот это расстояние, вроде в настройках было,не могу найти ?
#5
Отправлено 14 Апрель 2016 - 06:39
.fancybox-wrap { width: 90% !important; left: 5% !important; } .fancybox-inner { margin: 0 auto; }2. В style.css найдите:
.items figure { height: 300px; }
замените на:
.items figure { height: 120px; }
#7
Отправлено 14 Апрель 2016 - 07:49
figure.main-image div img { display: inline-block; vertical-align: middle; }
замените его на:
figure.main-image div img { display: inline-block; vertical-align: middle; max-width: 400px; max-height: 400px; }
#8
Отправлено 14 Апрель 2016 - 08:46
1) при нажатии на фото товара всплывает окно, на нем нажимаешь стрелку вправо для пролистывания всех фото,и получается так ,что он дважды показывает одну и туже фотку сначала ,а только потом переходит к другим,можно ли сделать, что бы сразу при нажатии один раз была другая фотография?
2)Можно ли сделать,что бы иконка "доступно к заказу" всегда автоматически была справа в верхнем углу рядом с товаром, а не в стороне?
3)можно ли ,что бы верхнее меню которое при наведении раскручивается вниз было не вертикальным ,а горизонтальным и можно ли в нем менять серый задний фон на другой?
#9
Отправлено 14 Апрель 2016 - 15:01
Mamba (14 Апрель 2016 - 08:46) писал:
1) при нажатии на фото товара всплывает окно, на нем нажимаешь стрелку вправо для пролистывания всех фото,и получается так ,что он дважды показывает одну и туже фотку сначала ,а только потом переходит к другим,можно ли сделать, что бы сразу при нажатии один раз была другая фотография?
2)Можно ли сделать,что бы иконка "доступно к заказу" всегда автоматически была справа в верхнем углу рядом с товаром, а не в стороне?
3)можно ли ,что бы верхнее меню которое при наведении раскручивается вниз было не вертикальным ,а горизонтальным и можно ли в нем менять серый задний фон на другой? чмы.JPG
1. найдите в шаблоне Товар код
{% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <ul class="preview_images {% IF goods_images.length=1 %}hide{% ENDIF %}" data-role="preview-images"> {% ENDIF %} <li> <a rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a> </li> {goods_images.index | is_divided("4"," ","")} {% IF goods_images.last %} </ul> {% ENDIF %} {% ENDFOR %} {% ENDIF %}замените на
{% IFNOT goods_images_empty %} <ul class="preview_images {% IF goods_images.length=1 %}hide{% ENDIF %}" data-role="preview-images"> {% FOR goods_images %} {% IFNOT goods_images.first %} <li> <a rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a> </li> {goods_images.index | is_divided("4"," ","")} {% ENDIF %} {% ENDFOR %} </ul> {% ENDIF %}
2. Данная иконка приклеивается к изображению, что бы это изменить найдите в шаблоне Товар код
<div class="goodsDataMainModificationAvailable"> <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Доступно к заказу</div> </div>и перенесите после строк
<section role="main">
#10
Отправлено 14 Апрель 2016 - 18:00
2) И подскажите как поменять цвет кнопки "поиск" ,например на красный?
3) Как скомпоновать или переместить куда иконки с достоинствами, а то на смартфоне все наезжает друг на друга?
4) как поставить иконку перед телефоном ?
#11
Отправлено 15 Апрель 2016 - 03:40
.nav li li {background: #ddd;} .nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;}
замените на:
.nav li li {background: #ddd;display:inline-block;} .nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;}и измените цветовое значение #ddd на необходимое.
далее найдите:
.nav li ul {position: absolute;left: 0; display: none;z-index:50;width: 160px;}
замените на:
.nav li ul {position: absolute;left: 0; display: none;z-index:50;width: 340px;}2. В style.css найдите:
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
в нем измените цветовое значение #404040
3. В style.css найдите:
#topsl .block { padding: 106px 0 0; text-align: center; display: block; }
замените на:
#topsl .block { padding: 106px 0 0; text-align: center; display: block; min-width: 120px; }4. В шаблоне HTML найдите:
<img src="http://st.mebel-stan.ru/7/1859/143/telephoneyellow_3564.png"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %}
замените на:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code"><img src="http://st.mebel-stan.ru/7/1859/143/telephoneyellow_3564.png">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code"><img src="http://st.mebel-stan.ru/7/1859/143/telephoneyellow_3564.png">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %}
#12
Отправлено 15 Апрель 2016 - 07:35
А как сделать по первому вопросу, поменять цвет фона раскрывающихся вниз товаров в каталоге, но что бы он был прозрачным, например меняю на красный и прозрачный?
#13
Отправлено 15 Апрель 2016 - 07:44
.nav li li a { display: block; background: #ddd; top: 0px; color: #000; width: 130px; }
замените на:
.nav li li a { display: block; background: rgba(255,20,19,0.7); top: 0px; color: #000; width: 130px; }
далее найдите:
.nav li li { background: #ddd; display: inline-block; }
замените на:
.nav li li { display: inline-block; }
#14
Отправлено 15 Апрель 2016 - 16:28
1) Как сделать основной вид иконок с достоинствами (рамки и сами картинки) не серыми , а черными?
2) как под слайдером ,во всю длину слайдера сделать, что бы люди вводили свою почту и подписывались (типа регистрации) где слева будет надпись "Подпишись на mebelstan и получай лучшие предложения и акции" а справа будет написано"адрес электронной почты"
3) как изменить основной шрифт шрифт , а то рябит в глазах и некоторые буквы наезжают друг на друга? ( пример привел под иконкой гарантия на всю мебель)
4) Перед подвалом есть надпись"интернет магазин мебель стан" у нее и отходящим в разные стороны линиям можно менять цвет ,толщину?
5) в самом подвале как убрать то что зачеркнуто ( показано в приложении на фото)а вместо них добавить "Контакты", "Каталог мебели" ? + изменить слово "статьи" на "информация"
6) как изменить 3 оранжевые полоски с названиями"кухня,спальня и учеба и работа" на прямоугольной формы?
7) как переместить всю строку " поиск по магазину вниз" а над ней переместить сверху корзину?
#15
Отправлено 15 Апрель 2016 - 17:40
Mamba (15 Апрель 2016 - 16:28) писал:
1) Как сделать основной вид иконок с достоинствами (рамки и сами картинки) не серыми , а черными?
2) как под слайдером ,во всю длину слайдера сделать, что бы люди вводили свою почту и подписывались (типа регистрации) где слева будет надпись "Подпишись на mebelstan и получай лучшие предложения и акции" а справа будет написано"адрес электронной почты"
3) как изменить основной шрифт шрифт , а то рябит в глазах и некоторые буквы наезжают друг на друга? ( пример привел под иконкой гарантия на всю мебель)
4) Перед подвалом есть надпись"интернет магазин мебель стан" у нее и отходящим в разные стороны линиям можно менять цвет ,толщину?
5) в самом подвале как убрать то что зачеркнуто ( показано в приложении на фото)а вместо них добавить "Контакты", "Каталог мебели" ? + изменить слово "статьи" на "информация"
6) как изменить 3 оранжевые полоски с названиями"кухня,спальня и учеба и работа" на прямоугольной формы?
7) как переместить всю строку " поиск по магазину вниз" а над ней переместить сверху корзину?
123456.JPG 12345.JPG 1234.JPG 123.JPG
Здравствуйте!
1) В шаблоне style.css найдите строку:
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}замените ее на:
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #000;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
Цвет изображений Вам необходимо заменить в графическом редакторе.
Найдите в разделе САЙТ-РЕДАКТОР ШАБЛОНОВ , в левой колонке раздел ИЗОБРАЖЕНИЯ, в нем найдите файл
«ico-shoppolicy.png», сохраните его себе, отредактируйте в графическом редакторе и нажав кнопку "заменить", замените старое на новое.
2) Как таковой подписки на платформе не реализовано. Могу предложить Вам разместить форму обратной связи, где будет оставлено только поле "e-mail", Вам на почту будут приходить e-mail-ы пользователей, но уже рассылку Вам придется делать самостоятельно.
3) В style.css найдите строку:
body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: 'Lato', Calibri, Arial, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }
замените ее , например, на:
body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: Arial, 'Lato', Calibri, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }
4) В конец style.css вставьте:
section header h1 {color:#000;font-weight: bold;}
Измените цвет на нужный.
5) В шаблоне html найдите блок кода:
<section> <!-- Если в тарифном плане подключен модуль новостей --> <div class="menu_main"> <h4><a href="/news?sid=1" title="Новости" style="text-decoration: none">Новости</a></h4> <ul> <!-- Все новости --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <li><a href="{news_list_all.URL}" title="Перейти к странице «{news_list_all.TITLE}»" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Все новости --> <!-- Новости магазина --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <li><a href="{news_list_shop.URL}" title="Перейти к странице «{news_list_shop.TITLE}»" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Новости магазина --> </ul> </div> </section> <section> <div class="menu_main"> <h4><a href="/news?sid=2" title="Все статьи" style="text-decoration: none">Статьи</a></h4> <ul> <!-- Статьи --> {% IFNOT news_list_articles_empty %} {% FOR news_list_articles %} <li><a href="{news_list_articles.URL}" title="Перейти к странице «{news_list_articles.TITLE}»" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Статьи --> </ul> </div> </section> <section> <div class="menu_main"> <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4> <ul> <!-- Материалы СМИ --> {% IFNOT news_list_mass_media_empty %} {% FOR news_list_mass_media %} <li><a href="{news_list_mass_media.URL}" title="Перейти к странице «{news_list_mass_media.TITLE}»" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Материалы СМИ --> </ul> </div> </section> <section class="vcard"> <h4>Информация о компании</h4> <p>Название компании ООО<br /> Зарегистрирована в России<br /> Регистрационный номер: 05968981.<br /> НДС: 00120898409</p> </section>
замените его на:
<section> <h4>Наши контакты</h4> <div class="block-contact"> {% IF SETTINGS_STORE_REGION %}<p><em class="fa fa-map-marker"> </em>{SETTINGS_STORE_REGION}</p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p><em class="fa fa-clock-o"> </em>Режим работы: {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><em class="fa fa-phone"> </em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><em class="fa fa-phone"> </em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p><em class="fa fa-fax"> </em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p><em class="fa fa-envelope"> </em>Email: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p><em class="fa fa-skype"> </em>Skype: <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %} </div> </section> <section> <div class="menu_main"> <h4><a href="/news?sid=2" title="Информация" style="text-decoration: none">Информация</a></h4> <ul> <!-- Статьи --> {% IFNOT news_list_articles_empty %} {% FOR news_list_articles %} <li><a href="{news_list_articles.URL}" title="Перейти к странице «{news_list_articles.TITLE}»" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Информация --> </ul> </div> </section> <section> <h4><a href="{catalog_full.URL}" title="Каталог" style="text-decoration: none">Каталог мебели</a></h4> </div> </section>
6) В шаблоне style.css найдите и удалите строку:
section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;}
7) Перенос корзины выполним в следующей инструкции.
#16
Отправлено 15 Апрель 2016 - 23:37
по 1 вопросу - цвет иконок поменял,а вот рамки не получается,при замене цвета у иконок в фоторедакторе рамок нет,если они должны были поменяться при смене кода, то тогда не поменялись?
по 2 вопросу - давайте попробуем сделать как вы написали, но если это можно реализовать как я написал. То есть под слайдером во всю длину,небольшой ширины, где слева будет написано про выгодные предложения,а справа ввод почты и все это в каком нибудь желто красном цвете
по 7 вопросу - а можно поиск по сайту целиком перенести под логотип и контакты, перед каталогом,и сделать длиной как черная полоса с этим же каталогом?
Как сделать тонкие рамки ко всем товарам во всех категориях , черного цвета или темного серого?
И как под слайдером переместить 4 бегущие точки, на сам слайдер в нижней левый угол?
#17
Отправлено 16 Апрель 2016 - 01:43
#topsl .block .block-title:before { position: absolute; content: ""; height: 84px; width: 84px; border: 1px solid #dfdfdf; left: 50%; top: 0px; margin-left: -43px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
замените на:
#topsl .block .block-title:before { position: absolute; content: ""; height: 84px; width: 84px; border: 1px solid #000000; left: 50%; top: 0px; margin-left: -43px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
2. В шаблоне HTML после:
<!-- Запуск слайдера --> <script type="text/javascript">// <![CDATA[ $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); // ]]></script>
вставьте:
<div id="subscription"> <span>Подпишись на mebelstan и получай лучшие предложения и акции</span> <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data"> {% IFNOT FORM_SEND_OK %} <input type="hidden" name="hash" value="{HASH}" /> {ANTISPAM_CODE} <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" type="hidden" value="Клиент" /> <input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" type="text" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/> <input type="hidden" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка на сайт"> {% ENDIF %} {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %} </form> </div>
В style.css добавьте:
#subscription { width: 100%; clear: both; padding: 5px; border-radius: 14px; border: 2px solid #FFD700; font: normal 16px 'Lobster'; } #subscription span, #subscription input, #subscription button { display: inline-block; margin: 0 0.5%; width: 31%; vertical-align: middle; }
7. В style.css найдите:
form[role="search"] { position: absolute; right: 2em; top: 2.5em; }
замените на:
form[role="search"] { position: relative; clear: both; display: block; width: 100%; }
далее найдите:
form[role="search"] div { display: block; margin: 0 auto; margin: 0 auto; position: relative; width: 30.5em; height: 2.833em; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 20; }замените на:
form[role="search"] div { display: block; margin: 0 auto; margin: 0 auto; position: relative; width: 100%; height: 2.833em; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 20; }
далее найдите:
header[role="banner"] .hgroup { position: absolute; top: 1em; left: 1em; width: 55%; }
замените на:
header[role="banner"] .hgroup { width: 55%; float: left; margin-bottom: 25px; }
8. В nyvo.css найдите:
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; }
замените на:
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; position: absolute; bottom: 45px; } .theme-default { position: relative; }
#18
Отправлено 16 Апрель 2016 - 02:29
Как сделать тонкие рамки ко всем товарам во всех категориях , черного цвета или темного серого?
И возвращаясь ко второму вопросу, можно сделать что бы текст был покрупней и пожирней и перед текстам влепить иконку с подаркам каким нибудь? + а кнопку отправить раза в 2 меньше. И в поле ввода, что нибудь фоном написать, что бы было понятно, что надо почту вводит?
А можно кнопку "отправить "сделать красной, а весь фон залить например желтым?
#19
Отправлено 16 Апрель 2016 - 02:47
.containers .items, .containers2 .items { display: inline-block; float: none !important; *display: inline; vertical-align: top; width: 170px !important; }
замените на:
.containers .items, .containers2 .items { display: inline-block; float: none !important; *display: inline; vertical-align: top; width: 170px !important; border: 1px solid #ccc; }
2. В шаблоне HTML найдите:
<div id="subscription"> <span>Подпишись на mebelstan и получай лучшие предложения и акции</span> <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data"> {% IFNOT FORM_SEND_OK %} <input type="hidden" name="hash" value="{HASH}" /> {ANTISPAM_CODE} <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" type="hidden" value="Клиент" /> <input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" type="text" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/> <input type="hidden" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка на сайт"> {% ENDIF %} {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %} </form> </div>
замените на:
<div id="subscription"> <span><img src="ссылка на картинку" alt="" />Подпишись на mebelstan и получай лучшие предложения и акции</span> <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data"> {% IFNOT FORM_SEND_OK %} <input type="hidden" name="hash" value="{HASH}" /> {ANTISPAM_CODE} <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" type="hidden" value="Клиент" /> <input id="feedback_email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" type="text" value="Введите Email" maxlength="255" class="required email input-text"/> <input type="hidden" id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка на сайт"> {% ENDIF %} {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %} </form> </div>
Текст: ссылка на картинку измените
В style.css найдите:
#subscription span, #subscription input, #subscription button { display: inline-block; margin: 0 0.5%; width: 31%; vertical-align: middle; }
замените на:
#subscription span, #subscription input, #subscription button { display: inline-block; margin: 0 0.5%; width: 40%; vertical-align: middle; } #subscription button { width: 15%; } #subscription span { font: bold 22px 'Lobster'; }
#20
Отправлено 16 Апрель 2016 - 02:55
А можно кнопку "отправить "сделать красной, а весь фон залить например желтым?
И как все эту рамку поднять чуть повыше?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных