#1
Отправлено 30 Ноябрь 2012 - 11:18
1. как выделить в меню строку "КАК СДЕЛАТЬ ЗАКАЗ" , надо выделить желтым .
2. Так же надо серым выделить вход в бэк-офис
3. Так же надо серый фон заменить например на переливающийся зеленый или вставить логотип, так чтоб левая колонка с меню осталась белого цвета.
4. Подскажите еще пожалуйста, как сделать меню в виде кнопок (пример на фото)
БлагоДарю.
#2
Отправлено 30 Ноябрь 2012 - 11:30
1. Как расширить левый блок?!
2. Поменять цвет логотипа корзины
3. Меню товаров , сделать кнопками (выделить)
Ещё раз благодарю!
#3
Отправлено 30 Ноябрь 2012 - 12:33
emin808 (30 Ноябрь 2012 - 11:18) писал:
1. как выделить в меню строку "КАК СДЕЛАТЬ ЗАКАЗ" , надо выделить желтым .
2. Так же надо серым выделить вход в бэк-офис
3. Так же надо серый фон заменить например на переливающийся зеленый или вставить логотип, так чтоб левая колонка с меню осталась белого цвета.
4. Подскажите еще пожалуйста, как сделать меню в виде кнопок (пример на фото)
БлагоДарю.
Закрасить отдельный пункт меню можно только прописав условие которое будет проверять равно ли текущее выводимое значение такому то названию меню.
В файле HTML (Сайт-> Редактор тем).
Найти код:
{% IF catalog_full.FIRST %}<ul>{% ENDIF %} <li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > {% IF catalog_full.NAME = Главная %} <a href="{catalog_full.URL}" style="color:red;"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {%ELSE%} <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% ENDIF %}Заменить на:
{% IF catalog_full.FIRST %}<ul>{% ENDIF %} <li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > {% IF catalog_full.NAME = Главная %} <a href="{catalog_full.URL}" style="color:red;"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% ELSEIF catalog_full.NAME = КАК СДЕЛАТЬ ЗАКАЗ %} <a style="color:#BEDB25;" href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% ELSEIF catalog_full.NAME = Вход в бэк-офис %} <a style="color#646663;" href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {%ELSE%} <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% ENDIF %}Цвет текста зависит от значение color.
http://htmlbook.ru/css/color
Фон. Не совсем вас понял.
Фон поменять можно изменив картинку http://asfn.storelan...295/site_bg.gif
Картинка site_bg.gif есть в каталоге файлов в редакторе тем, загрузить себе на компьютер и отредактировать в любом графическом редакторе.
Затем удалить старую картинку из Редактора тем, и загрузить новую отредактированную картинку.
Про смену фона много писалось на форуме.
http://htmlbook.ru/css/background
#4
Отправлено 30 Ноябрь 2012 - 12:47
emin808 (30 Ноябрь 2012 - 11:30) писал:
1. Как расширить левый блок?!
2. Поменять цвет логотипа корзины
3. Меню товаров , сделать кнопками (выделить)
Ещё раз благодарю!
Выделение категорий.
В файле main.csstemplate (Сайт->Редактор тем).
Добавить код:
.nav li.parent { background-color: rgb(102, 148, 91);/*фон выделения*/ margin-top: 2px;/*отступ сверху , между пунктами.*/ padding-left: 10px;/*отступ слева*/ }http://htmlbook.ru/css/background
http://htmlbook.ru/css/padding
http://htmlbook.ru/css/margin
Блок с меню нельзя расширить не сузив блок с контентом или можно увеличить основной блок.
Но, основной блок не рекомендуется увеличивать. Так как это приводит к значительным изменениям в шаблоне.
Можно попробовать так.
В файле main.csstemplate добавить код:
.page { width: 1010px; } .site-left-col{width: 240px;}
#5
Отправлено 30 Ноябрь 2012 - 13:13
#7
Отправлено 30 Ноябрь 2012 - 15:47
и меняю коды, ничего не меняется((
#8
Отправлено 30 Ноябрь 2012 - 16:10
Можно начиная с кода:
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </div> <!-- /Каталог товаров --> </div> </div>Меню отображается нормально.
#9
Отправлено 30 Ноябрь 2012 - 16:26
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</div>
<!-- /Каталог товаров -->
</div>
</div>
<div class="footer-container">
<div class="footer">
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div class="menuCompare">
{% IF COMPARE_GOODS_COUNT=0 %}
<em>Ваш список сравнения пуст</em>
{% ELSE %}
<em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br />
{% ENDIF %}
</div><br /><br />
<div class="clear"></div>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
<!-- Если в тарифном плане подключен модуль новостей -->
{% IF TARIFF_FEATURE_NEWS %}
<ul>
<!-- Все новости -->
{% IFNOT news_list_all_empty %}
{% FOR news_list_all %}
<li><a href="{news_list_all.URL}" title="Перейти к странице «{news_list_all.TITLE}»">{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}»">{news_list_shop.TITLE}</a></li>
{% ENDFOR %}
{% ENDIF %}
<!-- /Новости магазина -->
<!-- Статьи -->
{% IFNOT news_list_articles_empty %}
{% FOR news_list_articles %}
<li><a href="{news_list_articles.URL}" title="Перейти к странице «{news_list_articles.TITLE}»">{news_list_articles.TITLE}</a></li>
{% ENDFOR %}
{% ENDIF %}
<!-- /Статьи -->
<!-- Материалы СМИ -->
{% 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}»">{news_list_mass_media.TITLE}</a></li>
{% ENDFOR %}
{% ENDIF %}
<!-- /Материалы СМИ -->
</ul>
<!-- Отступ в случае если в блоке есть хотя бы одна новость -->
{% IF news_list_all_empty!=0 %}
<br /><br />
{% ELSEIF news_list_shop_empty!=0 %}
<br /><br />
{% ELSEIF news_list_articles_empty!=0 %}
<br /><br />
{% ELSEIF news_list_mass_media_empty=0 %}
<br /><br />
{% ENDIF %}
<!-- /Отступ в случае если в блоке есть хотя бы одна новость -->
{% ENDIF %}
<!-- / Если в тарифном плане подключен модуль новостей -->
<div class="clear"></div>
<ul>
{% FOR menu %}
{% FOR footer %}
{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>{% IFNOT menu_empty %}<br /><br />{% ENDIF %}
<div class="clear"></div>
{% IF SETTINGS_STORE_ICQ %}
<img class="valignMiddle" src="http://wwp.icq.com/s...DIGITS}&img=27" alt="Статус" width="16" height="16" />
<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
{% ENDIF %}
<div class="payment-sistems">
<table>
<tr>
<td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_pe.png" alt="ПЕ" title="Мы принимаем к оплате Персональные Единицы" /></a></td>
</tr>
</table>
</div>
<div class="clear"></div>
<p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}
<span>Все права защищены</span>
{COPYRIGHT_FOR_DESIGN_TECH}
<span>{SETTINGS_STORE_REGION}</span><br />
{SETTINGS_STORE_HTML_CODE}<br />
</p>
</div>
</div>
</div>
<!-- /Левая колока меню и навигации -->
<!-- Правый блок. Контент сайта -->
<div class="main-container col1-layout">
<div class="main">
<!-- Главная страница -->
{% IF index_page %}
<div class="cms-index-index">
<div class="col-main" style="background:0; padding:0;">
<div class="std">
<div class="clear"></div>
<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<ul class="products-grid">
{% FOR index_page_goods %}
<li class="item {index_page_goods.index0 | is_divided("3","first","")} {index_page_goods.index | is_divided("3","last","")}">
<div class="product-box">
<table class="product-image">
<tr>
<td>
<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_goods.NAME}" class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</td>
</tr>
</table>
<div class="quick-shop">
<div class="bg-quick-shop">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<a onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ"> </a>
</div>
</form>
</div>
</div>
<h2 class="product-name"><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_goods.NAME}</a></h2>
<button onclick="document.location='{index_page_goods.URL_MIN_PRICE_NOW | url_amp}';return false;" class="button btn-cart" title="Узнать подробнее о «{index_page_goods.NAME}»" type="button"><span><span>Подробнее</span></span></button>
</div>
</li>
{% ENDFOR index_page_goods %}
</ul>
{% ENDIF %}
<!-- /Список товаров на главной -->
</div>
</div>
</div>
{% ENDIF %}
<!-- /Главная страница -->
{BODY}
</div>
</div>
</div>
</div>
<script type="text/javascript">
var reformalOptions = {
project_id: 86661,
project_host: "asfnstoreland.reformal.ru",
tab_orientation: "right",
tab_indent: "70%",
tab_bg_color: "#d9c334",
tab_border_color: "#FFFFFF",
tab_image_url: "http://tab.reformal....ight/1/tab.png",
tab_border_width: 2
};
(function() {
var script = document.createElement('script');
script.type = 'text/javascript'; script.async = true;
script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'media.reformal.ru/widgets/v3/reformal.js';
document.getElementsByTagName('head')[0].appendChild(script);
})();
</script><noscript><a href="http://reformal.ru"><img src="http://media.reforma...u/reformal.png" /></a><a href="http://asfnstoreland...rmal.ru">Oтзывы и предложения для Первый краудфандинговый проект</a></noscript>
Я убрал просто этот код, поэтому меню нормально стало показывать, фото приложил, думал достаточно
#10
Отправлено 30 Ноябрь 2012 - 17:48
Найти код:
<ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>{% IFNOT menu_empty %}<br /><br />{% ENDIF %} <div class="clear"></div>Заменить на:
<ul> {% FOR menu %} {% FOR footer %} {% FOR links %} {% IF menu.footer.links.NAME = КАК СДЕЛАТЬ ЗАКАЗ %} <li><a href="{menu.footer.links.URL}" style="color:#BEDB25;" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li> {% ELSEIF menu.footer.links.NAME = Вход в бэк-офис %} <li><a href="{menu.footer.links.URL}" style="#646663;" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li> {% ELSE %} <li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>{% IFNOT menu_empty %}<br /><br />{% ENDIF %} <div class="clear"></div>
#12
Отправлено 09 Март 2013 - 13:07
маргарита (09 Март 2013 - 12:59) писал:
1. чуть чуть расширить подложку под левым меню и просто сделать отступ от края. всего текста левого блока, и сделать подложку полупразрачной под текстом меню.
2. как сделать полупразрачным контент .
#13
Отправлено 09 Март 2013 - 13:26
#14
Отправлено 09 Март 2013 - 13:46
В файле "main.csstemplate".
Добавить код:
.row .span4 .row { padding: 10px; }
Для того чтобы изменить цвет основного контента.
В файле "".
Найти код:
.span8{ background: #EDEDED; padding-top: 10px; padding-left:1%;}Заменить:
.span8 { padding-top: 10px; }
#15
Отправлено 09 Март 2013 - 13:51
padding: 10px;
}
#17
Отправлено 09 Март 2013 - 13:58
А ЭТО В КАКОЙ ФАЙЛ, В МАЙН КСС Я ИСКАЛА ЭТУ СТРОЧКУ И НЕНАШЛА
#18
Отправлено 09 Март 2013 - 14:17
Добавить код:
.row-fluid .span7{ border-radius: 4px; }
В файле "bootstrap-responsive.min.css".
Найти код:
.span8{ background: #EDEDED; padding-top: 10px; padding-left:1%;}Заменить:
.span8{ }Если сделать полупрозрачным основной блок.
В файле "main.csstemplate".
В начало.
Добавить:
.row-fluid .span7{ opacity: 0.8; }
#19
Отправлено 09 Март 2013 - 14:32
Темы с аналогичным тегами меню фон, техника, цвет, выд
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Весна →
Изменение общей стилистики →
Изменить Цвет ФонаАвтор Гость_Olivka_* , 14 июня 2018 главная, фон, цвет |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Ночь →
Цвет Шрифтов И Цвета КнопкиАвтор Гость_Viola777_* , 15 янв. 2018 шрифт дизайн, цвет |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Изменение общей стилистики →
Изменить Дизайн КнопокАвтор Гость_hunaland_* , 09 янв. 2018 Цвет, Кнопки |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Изменение общей стилистики →
Как Поменять Цвет Шапки И Отдельной Части Контейнера.Автор Гость_SOGOOD_* , 08 нояб. 2017 цвет, шапка, главная |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Город →
Изменения Цветовой Гаммы Сайта + Мелкие ПравкиАвтор Гость_5034317_* , 22 дек. 2016 цвет |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных