Закруглить И Чуть Отодвинуть Друг От Друга Кнопки Гл. Меню!
#1
Отправлено 23 Август 2013 - 23:31
Подскажите как закруглить и чуть чуть отодвинуть друг от друга кнопки меню!?
Спасибо!
#2
Отправлено 24 Август 2013 - 00:45
#mainNav { background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat scroll 0 0 transparent; bottom: 0; height: 35px; left: 5px; position: absolute; }
и замените на
#mainNav { bottom: 5px; height: 35px; left: 5px; position: absolute; }
далее найдите
#mainNav table { background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat scroll right bottom transparent; border-collapse: collapse; border-spacing: 0; float: left; height: 30px; margin: auto; padding: 5px 5px 0 0; }
и замените на
#mainNav table { border-collapse: collapse; border-spacing: 0; float: left; height: 30px; margin: auto; padding: 5px 5px 0 0; }
далее найдите
#mainNav table td { padding: 5px 0 0 2px; }
и замените на
#mainNav table td { padding: 5px 0 0 4px; }
далее найдите
#mainNav table td div { background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF; float: left; font-size: 1.25em; height: 30px; line-height: 1.3333em; }
и замените на
#mainNav table td div { background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF; border-radius: 6px; float: left; font-size: 1.25em; height: 30px; line-height: 1.3333em; }
далее найдите
#mainNav table td div a:link, #mainNav table td div a:visited { background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom transparent; color: #666666; display: block; height: 26px; padding: 4px 10px 0; }
и замените на
#mainNav table td div a:link, #mainNav table td div a:visited { background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom transparent; border-radius: 6px; color: #666666; display: block; height: 26px; padding: 4px 10px 0; }
#3
Отправлено 24 Август 2013 - 13:46
А как можно у основной темы углы тоже закруглить!???
А у карусели можно их закруглить!?? Спасибо! Все получилось!!!
Может есть какие то советы с проф. точки зрения!?? Я хочу запустится до конца августа!! Еще товары не заливал их более 3 000 ((((
Хочу красивый, удобный магазин!!
#4
Отправлено 24 Август 2013 - 16:31
Azamat (24 Август 2013 - 13:46) писал:
А у карусели можно их закруглить!??
Тогда в main.css надо код
#content { background: #fffece; margin: 0 auto; width: 970px; }изменить так
#content { background: #fffece; margin: 0 auto; width: 970px; border-radius: 6px; }и в carousel.css код
#wrapper .d-carousel ul li { background: none; background-color: #FFF; -webkit-box-shadow: 0px 1px 2px 0px #b7b7b7; -moz-box-shadow: 0px 1px 2px 0px #b7b7b7; box-shadow: 0px 1px 2px 0px #b7b7b7; padding: 15px; width: 175px; }надо изменить так
#wrapper .d-carousel ul li { background: none; background-color: #FFF; -webkit-box-shadow: 0px 1px 2px 0px #b7b7b7; -moz-box-shadow: 0px 1px 2px 0px #b7b7b7; box-shadow: 0px 1px 2px 0px #b7b7b7; padding: 15px; width: 175px; border-radius: 6px; }
#5
Отправлено 24 Август 2013 - 17:01
1.) Как поменять шрифт (по красивее) в разделе каталог на гл. странице (колготки, чулик и т.п.)
2) Почему у меня фон в низу страницы не полностью залита?
3) Как то можно вот это (
Вы здесь:
Главная>
Интернет магазин колготок) с главной убрать)?4) Добавить значок корзины и надпись моя корзина!
#6
Отправлено 25 Август 2013 - 12:53
#7
Отправлено 25 Август 2013 - 13:05
{% IF PAGE_NAME %} <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> > <strong>{PAGE_NAME}</strong></p> <h1>{PAGE_NAME}</h1> {% ENDIF %}И замените на -
{% IF PAGE_NAME %} {%IFNOT index_page%} <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> > <strong>{PAGE_NAME}</strong></p> <h1>{PAGE_NAME}</h1> {%ENDIF%} {% ENDIF %}
2) В main.css найдите код -
body { font-size: 75%; /* convert 16px base font size to 12px */ line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */ font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x scroll 0 0 transparent; color: #666; }И замените на
body { font-size: 75%; /* convert 16px base font size to 12px */ line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */ font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x fixed 0 0 transparent; color: #666; background-size: auto 100% }
1) В main.css найдите код
#subNavigation li a:link, #subNavigation li a:visited { padding-left: 10px; color: #666; display: block; }И замените #666 на Ваш цвет
#8
Отправлено 25 Август 2013 - 17:34
Absolem (25 Август 2013 - 13:05) писал:
{% IF PAGE_NAME %} <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> > <strong>{PAGE_NAME}</strong></p> <h1>{PAGE_NAME}</h1> {% ENDIF %}И замените на -
{% IF PAGE_NAME %} {%IFNOT index_page%} <p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> > <strong>{PAGE_NAME}</strong></p> <h1>{PAGE_NAME}</h1> {%ENDIF%} {% ENDIF %}
2) В main.css найдите код -
body { font-size: 75%; /* convert 16px base font size to 12px */ line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */ font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x scroll 0 0 transparent; color: #666; }И замените на
body { font-size: 75%; /* convert 16px base font size to 12px */ line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */ font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x fixed 0 0 transparent; color: #666; background-size: auto 100% }
1) В main.css найдите код
#subNavigation li a:link, #subNavigation li a:visited { padding-left: 10px; color: #666; display: block; }И замените #666 на Ваш цвет
Все равно низ страницы фоном не залит, выступ белый там!
#9
Отправлено 25 Август 2013 - 19:02
#10
Отправлено 25 Август 2013 - 21:15
Как сделать так чтобы основной раздел отличался от подразделов??? Шрифтом или цветом!!
2) как сделать чтобы распродажа и хиты продаж и т.п. были одинакового шрифта и цветов??? Как выбрать шрифт и цвет??
3) Выбрав (кликнуть) товар, переходишь на стр. где можно выбрать размер и цвет! Как сделать так чтобы при выборе цвета рядом появлялся или был сразу маленький квадратик с образцом цвета!?? Или вообще чтобы клиент сразу тыкал на этот квадратик с цветом при выборе размера и цвета!(так как не все знают что черный это Nero и так далее)
4) как поменять местами условия доставки и описание??
#11
Отправлено 25 Август 2013 - 22:44
#subNavigation .selected { color: #D0431D !important; }и замените его на
#subNavigation .selected { color: #D0431D !important; font-size: 17px; }
2. В шаблоне HTML найдите блок
<!-- Begin Wrapper --> <div id="wrapper"> <h1>Распродажа</h1>и замените его на
<!-- Begin Wrapper --> <div id="wrapper"> <h3>Распродажа</h3>
3. К сожалению, такое реализовать нельзя.
4.В шаблоне Товар найдите блок
<!-- Блок описания вариантов доставки --> <tr> <td class="goodsDataMainDeliveryBlock" colspan="2"> <h4>Условия доставки</h4> {% FOR goods_delivery %} <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 %} </td> </tr> </table> </div> </td> </tr> </table> </div> </form> <!-- Блок описания товара. Показываем его есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" itemprop="description">{GOODS_SEO_DESCRIPTION_SHORT}</div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->и замените его на
<!-- Блок описания вариантов доставки --> <tr> <td class="goodsDataMainDeliveryBlock" colspan="2"><!-- Блок описания товара. Показываем его есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" itemprop="description">{GOODS_SEO_DESCRIPTION_SHORT}</div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --></td> </tr> </table> </div> </td> </tr> </table> </div> </form> <div class="goodsDataMainDeliveryBlock"> <h4>Условия доставки</h4> {% FOR goods_delivery %} <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>
#13
Отправлено 25 Август 2013 - 23:22
#contentWrap { clear: both; background: url(http://gilmanovshop.storeland.net/contentWrap_bg.jpg) repeat-x left bottom; }и замените его на
#contentWrap { clear: both; }
#14
Отправлено 24 Сентябрь 2013 - 22:51
1. Как мне добавить вот этот http://bxslider.com слайдер над распродажей!!???
2. Как сделать так что если товара нет в наличии он вместо положить в корзину писал " Заказать"!
Заранее спасибо!
#15
Отправлено 25 Сентябрь 2013 - 01:48
Код слайдера вам необходимо будет вставлять в шаблон "HTML" перед кодом
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1, wrap: 'circular', auto: 3 }); }); </script> <!-- Begin Wrapper -->
2) Вы хотите просто изменить название кнопки? или же изменить её функцию - например отображение формы обратной связи. Примеры реализации подобного механизма есть на нашем форуме.
#16
Отправлено 08 Декабрь 2013 - 15:26
Хочу написать на подобии вот этого http://myacademy.ru!
Подскажите какой шаблон лучше взять и как осуществить!?
Кнопки, блоки, слайдер? Фон!?
#17
Отправлено 10 Декабрь 2013 - 04:02
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных