Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Выделить Меню, Заменить Фон

Автор emin808, 30 нояб. 2012 11:18

меню фон техника цвет выд

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 26

#1 emin808

Активный участник

Пользователи
538 сообщений

Отправлено 30 Ноябрь 2012 - 11:18

Добрый день, подскажите пжлст :
   1. как выделить в меню строку "КАК СДЕЛАТЬ ЗАКАЗ" , надо выделить желтым .
   2. Так же надо серым выделить вход в бэк-офис
   3. Так же надо серый фон заменить например на переливающийся зеленый или вставить логотип, так чтоб левая колонка с меню осталась белого цвета.

  4. Подскажите еще пожалуйста, как сделать меню в виде кнопок (пример на фото)

БлагоДарю.

Наверх

#2 emin808

Активный участник

Пользователи
538 сообщений

Отправлено 30 Ноябрь 2012 - 11:30

Да и еще 3 вопросика пожалуйста:
  1. Как расширить левый блок?!
  2. Поменять цвет логотипа корзины
  3. Меню товаров , сделать кнопками (выделить)

Ещё раз благодарю!

Наверх

#3 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 30 Ноябрь 2012 - 12:33

emin808 (30 Ноябрь 2012 - 11:18) писал:

БлагоДарю.

Закрасить отдельный пункт меню можно только прописав условие которое будет проверять равно ли текущее выводимое значение такому то названию меню.
В файле 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 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 30 Ноябрь 2012 - 12:47

emin808 (30 Ноябрь 2012 - 11:30) писал:

Выделение категорий.
В файле 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 emin808

Активный участник

Пользователи
538 сообщений

Отправлено 30 Ноябрь 2012 - 13:13

Спасибо, но ставлю, вот что пишет и привожу пример как есть изначально

Наверх

#6 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 30 Ноябрь 2012 - 14:13

emin808 (30 Ноябрь 2012 - 13:13) писал:

Спасибо, но ставлю, вот что пишет и привожу пример как есть изначально

Пишет что цикл FOR не закрыт.
Написать:
{%ENDFOR%}

Наверх

#7 emin808

Активный участник

Пользователи
538 сообщений

Отправлено 30 Ноябрь 2012 - 15:47

Сделал, код сохранился, но верхние категории стали такими:
и меняю коды, ничего не меняется((

Наверх

#8 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 30 Ноябрь 2012 - 16:10

Пожалуйста, не могли бы выложить свой HTML файл на форум.
Можно начиная с кода:

				 {% 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 emin808

Активный участник

Пользователи
538 сообщений

Отправлено 30 Ноябрь 2012 - 16:26

{% 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>

        <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 %}
            

            
            {% 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 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 30 Ноябрь 2012 - 17:48

В файле HTML.
Найти код:

<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>

Наверх

#11 маргарита

Пользователь

Пользователи
49 сообщений

Отправлено 09 Март 2013 - 12:59

Здравствуйте подскажите как можно:

1. чуть чуть расширить подложку под левым меню и просто сделать отступ от края. всего текста левого блока, и сделать подложку полупразрачной под текстом меню.
2. как сделать полупразрачным контент .

Прикрепленные изображения

Наверх

#12 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 09 Март 2013 - 13:07

маргарита (09 Март 2013 - 12:59) писал:

К вашему номеру аккаунту привязан сайт с другим дизайном. Пожалуйста, сообщите номер или адрес этого сайта.

Наверх

#13 маргарита

Пользователь

Пользователи
49 сообщений

Отправлено 09 Март 2013 - 13:26

SL-184907

Наверх

#14 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 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 маргарита

Пользователь

Пользователи
49 сообщений

Отправлено 09 Март 2013 - 13:51

А ПОСЛЕ ЧЕГО ДОБАВЛЯТЬ? .row .span4 .row {
padding: 10px;
}

Наверх

#16 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 09 Март 2013 - 13:53

маргарита (09 Март 2013 - 13:51) писал:

А ПОСЛЕ ЧЕГО ДОБАВЛЯТЬ? .row .span4 .row {
padding: 10px;
}

В конец файла.

Наверх

#17 маргарита

Пользователь

Пользователи
49 сообщений

Отправлено 09 Март 2013 - 13:58

.span8{ background: #EDEDED; padding-top: 10px; padding-left:1%;}

А ЭТО В КАКОЙ ФАЙЛ, В МАЙН КСС Я ИСКАЛА ЭТУ СТРОЧКУ И НЕНАШЛА

Наверх

#18 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 09 Март 2013 - 14:17

В начало файла "main.csstemplate".
Добавить код:

.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 маргарита

Пользователь

Пользователи
49 сообщений

Отправлено 09 Март 2013 - 14:32

А ПРОСТО ФОН ПОД ТЕКСТОМ НЕЛЬЗЯ ПОЛУПРОЗРАЧНЫМ СДЕЛАТЬ ИЛИ ПРОСТО СМЕНИТЬ ЦВЕТ.

Наверх

#20 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 09 Март 2013 - 17:50

маргарита (09 Март 2013 - 14:32) писал:

А ПРОСТО ФОН ПОД ТЕКСТОМ НЕЛЬЗЯ ПОЛУПРОЗРАЧНЫМ СДЕЛАТЬ ИЛИ ПРОСТО СМЕНИТЬ ЦВЕТ.

Про какой фон Вы говорите? Можете уточнить?

Наверх

Вперед

Обратно в Изменение общей стилистики

Темы с аналогичным тегами меню фон, техника, цвет, выд

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Изменение общей стилистики → Изменить Цвет Фона Автор Гость_Olivka_* , 14 июня 2018 главная, фон, цвет	1 Ответ 1 929 Просмотров	Vaccina 15 июня 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Ночь → Цвет Шрифтов И Цвета Кнопки Автор Гость_Viola777_* , 15 янв. 2018 шрифт дизайн, цвет	1 Ответ 2 307 Просмотров	metry 15 янв. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Изменение общей стилистики → Изменить Дизайн Кнопок Автор Гость_hunaland_* , 09 янв. 2018 Цвет, Кнопки	Популярная тема 15 Ответов 3 824 Просмотров	dmz55 27 мая 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Изменение общей стилистики → Как Поменять Цвет Шапки И Отдельной Части Контейнера. Автор Гость_SOGOOD_* , 08 нояб. 2017 цвет, шапка, главная	8 Ответов 3 630 Просмотров	metry 12 нояб. 2017
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Город → Изменения Цветовой Гаммы Сайта + Мелкие Правки Автор Гость_5034317_* , 22 дек. 2016 цвет	6 Ответов 7 692 Просмотров	Ирина345 26 дек. 2016

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Выделить Меню, Заменить Фон

Прикрепленные изображения

Темы с аналогичным тегами меню фон, техника, цвет, выд

Количество пользователей, читающих эту тему: 0

Войти

Google поиск