Фон Размеры Идр
#161
Отправлено 22 Сентябрь 2014 - 22:54
1) Удлинить поисковую форму до середины синей полосы категорий(снизу)
2) Разместить Справа от поисковой формы 3 Кнопки: заказать звонок, техподдержка,скайп
#162
Отправлено 23 Сентябрь 2014 - 01:02
form[role="search"] input[type="search"], input#search-field, .search { border: medium none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset; color: #8a8a8a; font-size: 1.167em; height: 2.429em; margin: 0; padding: 0 0.417em; position: absolute; vertical-align: middle; width: 81% !important; z-index: 1; }замените его на:
form[role="search"] input[type="search"], input#search-field, .search { border: medium none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset; color: #8a8a8a; font-size: 1.167em; height: 2.429em; left: 0; margin: 0; padding: 0 0.417em; position: absolute; vertical-align: middle; width: 81% !important; z-index: 1; }
далее найдите:
form[role="search"] div, header form div { background: none repeat scroll 0 0 transparent; border-radius: 2px; display: block; height: 2.833em; margin: 0 auto; position: relative; width: 30.5em; z-index: 20; }замените на:
form[role="search"] div, header form div { background: none repeat scroll 0 0 transparent; border-radius: 2px; display: block; height: 2.833em; margin: 0 auto; position: relative; width: 35.5em; z-index: 20; }
далее найдите:
form[role="search"] { position: absolute; right: 38em; top: 1.3em; }замените на:
form[role="search"] { position: absolute; right: 45em; top: 1.3em; }
2. В style.css найдите:
header[role="banner"] .hgroup { left: 1em; position: absolute; top: 1em; width: 39.8773%; }замените на:
header[role="banner"] .hgroup { left: 1em; position: absolute; top: 1em; width: 100%; }далее в шаблоне HTML найдите:
<div class="hgroup">после него вставьте:
<div class="right_contacts"> <div> <a href="ссылка куда ведет кнопка"><img src="ссылка на иконку" alt="" />текст<br/>вторая строка текста</a> </div> <div> <a href="ссылка куда ведет кнопка"><img src="ссылка на иконку" alt="" />текст<br/>вторая строка текста</a> </div> <div> <a href="ссылка куда ведет кнопка"><img src="ссылка на иконку" alt="" />текст<br/>вторая строка текста</a> </div> </div>
и в style.css добавьте:
.right_contacts{float:right;} .right_contacts > div{display:inline-block; width:150px;} .right_contacts img{display:inline-block;}
не забудьте вставить свои данные(текст и ссылки)
#163
Отправлено 23 Сентябрь 2014 - 14:28
Vaccina (23 Сентябрь 2014 - 01:02) писал:
form[role="search"] input[type="search"], input#search-field, .search { border: medium none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset; color: #8a8a8a; font-size: 1.167em; height: 2.429em; margin: 0; padding: 0 0.417em; position: absolute; vertical-align: middle; width: 81% !important; z-index: 1; }замените его на:
form[role="search"] input[type="search"], input#search-field, .search { border: medium none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset; color: #8a8a8a; font-size: 1.167em; height: 2.429em; left: 0; margin: 0; padding: 0 0.417em; position: absolute; vertical-align: middle; width: 81% !important; z-index: 1; }
далее найдите:
form[role="search"] div, header form div { background: none repeat scroll 0 0 transparent; border-radius: 2px; display: block; height: 2.833em; margin: 0 auto; position: relative; width: 30.5em; z-index: 20; }замените на:
form[role="search"] div, header form div { background: none repeat scroll 0 0 transparent; border-radius: 2px; display: block; height: 2.833em; margin: 0 auto; position: relative; width: 35.5em; z-index: 20; }
далее найдите:
form[role="search"] { position: absolute; right: 38em; top: 1.3em; }замените на:
form[role="search"] { position: absolute; right: 45em; top: 1.3em; }
2. В style.css найдите:
header[role="banner"] .hgroup { left: 1em; position: absolute; top: 1em; width: 39.8773%; }замените на:
header[role="banner"] .hgroup { left: 1em; position: absolute; top: 1em; width: 100%; }далее в шаблоне HTML найдите:
<div class="hgroup">после него вставьте:
<div class="right_contacts"> <div> <a href="ссылка куда ведет кнопка"><img src="ссылка на иконку" alt="" />текст<br/>вторая строка текста</a> </div> <div> <a href="ссылка куда ведет кнопка"><img src="ссылка на иконку" alt="" />текст<br/>вторая строка текста</a> </div> <div> <a href="ссылка куда ведет кнопка"><img src="ссылка на иконку" alt="" />текст<br/>вторая строка текста</a> </div> </div>
и в style.css добавьте:
.right_contacts{float:right;} .right_contacts > div{display:inline-block; width:150px;} .right_contacts img{display:inline-block;}
не забудьте вставить свои данные(текст и ссылки)
И сместить поисковую форму к логотипу?
#164
Отправлено 23 Сентябрь 2014 - 14:31
ilnarius (23 Сентябрь 2014 - 14:28) писал:
И сместить поисковую форму к логотипу?
В style.css найдите строку:
.right_contacts img{display:inline-block;}
и замените её на:
.right_contacts img{display:inline-block;float:left;}
а код:
form[role="search"] { position: absolute; right: 45em; top: 1.3em; }
замените на:
form[role="search"] { position: absolute; top: 1.3em; left: 15em; }
#165
Отправлено 23 Сентябрь 2014 - 14:44
Dars (23 Сентябрь 2014 - 14:31) писал:
В style.css найдите строку:
.right_contacts img{display:inline-block;}
и замените её на:
.right_contacts img{display:inline-block;float:left;}
а код:
form[role="search"] { position: absolute; right: 45em; top: 1.3em; }
замените на:
form[role="search"] { position: absolute; top: 1.3em; left: 15em; }
Как меняются шрифты и цвета текста на этих кнопках?
#166
Отправлено 23 Сентябрь 2014 - 14:52
ilnarius (23 Сентябрь 2014 - 14:44) писал:
Как меняются шрифты и цвета текста на этих кнопках?
.right_contacts a { color: red; font-family: Arial; }color: red; цвет
font-family: Arial; семейство шрифтов.
#167
Отправлено 23 Сентябрь 2014 - 20:39
AnnaM (23 Сентябрь 2014 - 14:52) писал:
.right_contacts a { color: red; font-family: Arial; }color: red; цвет
font-family: Arial; семейство шрифтов.
Вот код кнопок на верхней части сайта "Заказать звоно, техпод и тд"
<div> <a href="ссылка куда ведет кнопка"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D1%82%D0%B5%D0%BB.jpg?6230" alt="" />Заказать звонок<br/>+7 (967) 366-86-86</a> </div> <div> <a href="ссылка куда ведет кнопка"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D0%BF%D0%BE%D1%87%D1%82%D0%B0.jpg?6230" alt="" />Техподдержка<br/>support@myebuy.ru</a> </div> <div> <a href="ссылка куда ведет кнопка"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D1%81%D0%BA%D0%B0%D0%B9%D0%BF.jpg?6230" alt="" />Skype<br/>MYEBUY.RU</a> </div> </div>Вот код кнопки заказа обратного звонка, который выходит всплывающим окном
<a class="zvonoc" href="#">Заказать звонок </a>Как совместить код заказа обратного звонка с этим кодом
<div> <a href="ссылка куда ведет кнопка"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D1%82%D0%B5%D0%BB.jpg?6230" alt="" />Заказать звонок<br/>+7 (967) 366-86-86</a> </div>Как сделать так, чтобы при нажатии на текст "Заказать звонок" и на иконку телефона, выходила всплывающая форма заказа звонка.
Форму заказа звонка, материалы яваскрипт я уже добавил на сайт, форма работает. Просто нужно реализовать то, что сказано выше.
#168
Отправлено 24 Сентябрь 2014 - 00:05
<div> <a href="ссылка куда ведет кнопка"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D1%82%D0%B5%D0%BB.jpg?6230" alt="" />Заказать звонок<br/>+7 (967) 366-86-86</a> </div>замените на:
<div> <a class="zvonoc" href="#"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D1%82%D0%B5%D0%BB.jpg?6230" alt="" />Заказать звонок<br/>+7 (967) 366-86-86</a> </div>
#169
Отправлено 24 Сентябрь 2014 - 09:52
Vaccina (24 Сентябрь 2014 - 00:05) писал:
<div> <a href="ссылка куда ведет кнопка"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D1%82%D0%B5%D0%BB.jpg?6230" alt="" />Заказать звонок<br/>+7 (967) 366-86-86</a> </div>замените на:
<div> <a class="zvonoc" href="#"><img src="http://design.myebuy.ru/%D0%A8%D0%90%D0%9F%D0%9A%D0%90%D1%82%D0%B5%D0%BB.jpg?6230" alt="" />Заказать звонок<br/>+7 (967) 366-86-86</a> </div>
#170
Отправлено 24 Сентябрь 2014 - 10:20
ilnarius (24 Сентябрь 2014 - 09:52) писал:
Это ошибка стороннего скрипта messi.js, к сожалению, с ним помочь не можем, но если у Вас все работает исправно, можете на эту ошибку не обращать внимание, она показывается только администратору сайта.
#172
Отправлено 24 Сентябрь 2014 - 13:00
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td><span style="font-size:16px;"><span style="font-family:verdana,geneva,sans-serif;">Вариант доставки</span></span></td> <td><span style="font-size:16px;">Время доставки</span></td> <td><span style="font-size:16px;">Стоимость доставки</span></td> <td><span style="font-size:16px;">Особые условия</span></td> </tr> <tr> <td><span style="font-size:16px;">EMS</span></td> <td><span style="font-size:16px;">7-10 дней</span></td> <td><span style="font-size:16px;">900р</span></td> <td><span style="font-size:16px;">При заказе более 9000р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Зарегистрированное воздушное письмо с номером отслеживания</span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">90р</span></td> <td><span style="font-size:16px;">При заказе более 500р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Нез<span style="line-height: 18.2000007629395px;">арегистрированное воздушное письмо без номера отслеживания</span></span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">бесплатно</span></td> <td><span style="font-size:16px;">Не предусмотрены</span></td> </tr> </tbody> </table>
#173
Отправлено 24 Сентябрь 2014 - 13:12
ilnarius (24 Сентябрь 2014 - 13:00) писал:
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td><span style="font-size:16px;"><span style="font-family:verdana,geneva,sans-serif;">Вариант доставки</span></span></td> <td><span style="font-size:16px;">Время доставки</span></td> <td><span style="font-size:16px;">Стоимость доставки</span></td> <td><span style="font-size:16px;">Особые условия</span></td> </tr> <tr> <td><span style="font-size:16px;">EMS</span></td> <td><span style="font-size:16px;">7-10 дней</span></td> <td><span style="font-size:16px;">900р</span></td> <td><span style="font-size:16px;">При заказе более 9000р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Зарегистрированное воздушное письмо с номером отслеживания</span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">90р</span></td> <td><span style="font-size:16px;">При заказе более 500р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Нез<span style="line-height: 18.2000007629395px;">арегистрированное воздушное письмо без номера отслеживания</span></span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">бесплатно</span></td> <td><span style="font-size:16px;">Не предусмотрены</span></td> </tr> </tbody> </table>
Если вы хотите поменять на присланный вами и что б выводилась в таблице, то у вас не будет выводиться автоматически условия доставки.
#176
Отправлено 24 Сентябрь 2014 - 23:38
<h3>Условия доставки</h3> {% FOR goods_delivery %} <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <div class="goodsDataMainDeliveryItem" > <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} Стоимость доставки: {goods_delivery.PRICE | money_format} {% ELSE %} <div class="goodsDataMainDeliveryItemRules"> <table> <thead> <tr> <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td> </tr> <tr> <td>Для заказов больше</td> <td>Стоимость доставки</td> </tr> </thead> <tbody class="num"> {% FOR rules %} <tr> <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td> <td>{goods_delivery.rules.PRICE | money_format}</td> </tr> {% ENDFOR %} <tr> <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td> <td>{goods_delivery.PRICE | money_format}</td> </tr> </tbody> </table> </div> {% ENDIF %} </div> {% ENDFOR %}
и замените его на свой код
#177
Отправлено 25 Сентябрь 2014 - 12:29
Vaccina (24 Сентябрь 2014 - 23:38) писал:
<h3>Условия доставки</h3> {% FOR goods_delivery %} <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <div class="goodsDataMainDeliveryItem" > <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} Стоимость доставки: {goods_delivery.PRICE | money_format} {% ELSE %} <div class="goodsDataMainDeliveryItemRules"> <table> <thead> <tr> <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td> </tr> <tr> <td>Для заказов больше</td> <td>Стоимость доставки</td> </tr> </thead> <tbody class="num"> {% FOR rules %} <tr> <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td> <td>{goods_delivery.rules.PRICE | money_format}</td> </tr> {% ENDFOR %} <tr> <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td> <td>{goods_delivery.PRICE | money_format}</td> </tr> </tbody> </table> </div> {% ENDIF %} </div> {% ENDFOR %}
и замените его на свой код
#178
Отправлено 25 Сентябрь 2014 - 12:37
ilnarius (25 Сентябрь 2014 - 12:29) писал:
{% IFNOT goods_delivery_empty %} <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li> {% ENDIF %}
и замените его на:
<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
далее код:
{% IFNOT goods_delivery_empty %} <div id="content_3" class="content"> <!-- Блок описания вариантов доставки --> <h3>Условия доставки</h3> {% FOR goods_delivery %} <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <div class="goodsDataMainDeliveryItem" > <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} Стоимость доставки: {goods_delivery.PRICE | money_format} {% ELSE %} <div class="goodsDataMainDeliveryItemRules"> <table> <thead> <tr> <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td> </tr> <tr> <td>Для заказов больше</td> <td>Стоимость доставки</td> </tr> </thead> <tbody class="num"> {% FOR rules %} <tr> <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td> <td>{goods_delivery.rules.PRICE | money_format}</td> </tr> {% ENDFOR %} <tr> <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td> <td>{goods_delivery.PRICE | money_format}</td> </tr> </tbody> </table> </div> {% ENDIF %} </div> {% ENDFOR %} </div> {% ENDIF %}
замените на:
<div id="content_3" class="content"> <!-- Блок описания вариантов доставки --> <table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td><span style="font-size:16px;"><span style="font-family:verdana,geneva,sans-serif;">Вариант доставки</span></span></td> <td><span style="font-size:16px;">Время доставки</span></td> <td><span style="font-size:16px;">Стоимость доставки</span></td> <td><span style="font-size:16px;">Особые условия</span></td> </tr> <tr> <td><span style="font-size:16px;">EMS</span></td> <td><span style="font-size:16px;">7-10 дней</span></td> <td><span style="font-size:16px;">900р</span></td> <td><span style="font-size:16px;">При заказе более 9000р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Зарегистрированное воздушное письмо с номером отслеживания</span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">90р</span></td> <td><span style="font-size:16px;">При заказе более 500р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Нез<span style="line-height: 18.2000007629395px;">арегистрированное воздушное письмо без номера отслеживания</span></span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">бесплатно</span></td> <td><span style="font-size:16px;">Не предусмотрены</span></td> </tr> </tbody> </table>
#179
Отправлено 25 Сентябрь 2014 - 14:40
Dars (25 Сентябрь 2014 - 12:37) писал:
{% IFNOT goods_delivery_empty %} <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li> {% ENDIF %}
и замените его на:
<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
далее код:
{% IFNOT goods_delivery_empty %} <div id="content_3" class="content"> <!-- Блок описания вариантов доставки --> <h3>Условия доставки</h3> {% FOR goods_delivery %} <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <div class="goodsDataMainDeliveryItem" > <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} Стоимость доставки: {goods_delivery.PRICE | money_format} {% ELSE %} <div class="goodsDataMainDeliveryItemRules"> <table> <thead> <tr> <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td> </tr> <tr> <td>Для заказов больше</td> <td>Стоимость доставки</td> </tr> </thead> <tbody class="num"> {% FOR rules %} <tr> <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td> <td>{goods_delivery.rules.PRICE | money_format}</td> </tr> {% ENDFOR %} <tr> <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td> <td>{goods_delivery.PRICE | money_format}</td> </tr> </tbody> </table> </div> {% ENDIF %} </div> {% ENDFOR %} </div> {% ENDIF %}
замените на:
<div id="content_3" class="content"> <!-- Блок описания вариантов доставки --> <table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td><span style="font-size:16px;"><span style="font-family:verdana,geneva,sans-serif;">Вариант доставки</span></span></td> <td><span style="font-size:16px;">Время доставки</span></td> <td><span style="font-size:16px;">Стоимость доставки</span></td> <td><span style="font-size:16px;">Особые условия</span></td> </tr> <tr> <td><span style="font-size:16px;">EMS</span></td> <td><span style="font-size:16px;">7-10 дней</span></td> <td><span style="font-size:16px;">900р</span></td> <td><span style="font-size:16px;">При заказе более 9000р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Зарегистрированное воздушное письмо с номером отслеживания</span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">90р</span></td> <td><span style="font-size:16px;">При заказе более 500р — бесплатно</span></td> </tr> <tr> <td><span style="font-size:16px;">Нез<span style="line-height: 18.2000007629395px;">арегистрированное воздушное письмо без номера отслеживания</span></span></td> <td><span style="font-size:16px;">15-30 дней</span></td> <td><span style="font-size:16px;">бесплатно</span></td> <td><span style="font-size:16px;">Не предусмотрены</span></td> </tr> </tbody> </table>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных