36pro

36pro (03 Март 2014 - 13:34) писал:

Здравствуйте, работать будем в браузере Google Chrome.Для того , чтобы узнать какие же стили нужно прописывать для блоков быстрого заказа , вам нужно:

1)Открыть данное окно:


2) Нажимаем правой кнопкой на нужный нам участок.


3)далее находим тэг, отвечающий за данный участок. На экране , когда мы будем водить по коду расположенному внизу блоки будут подсвечиваться. Например объясню на блоке с заголовком:


4)далее нажимаем плюсик справа, и дописываем между фигруных скобок например параметры нужные вам(padding - внутренние отступы блока, border - рамка вокруг блока , background - фон , font-size - размер шрифта , color - цвет текста.


5)Далее нажимаем на inspector-stylesheet , вам откроется код в нормальном формате, который вы написали.Его нужно скопировать в ваш шаблон main.css


6. Аналогично вам нужно поступить с другими элементами.

Необходимые изменения я Вам проделала. Вы можете увидеть код для вывода Меню 2 в шаблоне HTML в блоке

<!--Меню 2-->
  <div class="block">
  <div class="blocktitle bluesmall"><a href="#">Меню 2</a></div>
	<div class="blockmain navigation fnt12n">
		  <ul>
			{% FOR menu %}
			  {% FOR ege %}
				{% FOR links %}
				  <li {% IF menu.ege.links.first %}class="main"{% ENDIF %}><a href="{menu.ege.links.URL}" {% IF menu.ege.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.ege.links.TITLE %}title="{menu.ege.links.TITLE}"{% ENDIF %}>{menu.ege.links.NAME}</a></li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		</div>
		<div class="blockbottom"></div>
</div>
<!-- END Меню 2-->

Проверьте, пожалуйста, на своем сайте.

В main.css найдите:

#content .box .tabproduct .buttons {
	background: url("http://36pro.storeland.net/haeder-bg.png") no-repeat scroll -90px -38px rgba(0, 0, 0, 0);
	border-radius: 8px;
	clear: both;
	height: 22px;
	padding: 0 0 8px;
}

замените на:

#content .box .tabproduct .buttons {
	background: url("http://36pro.storeland.net/haeder-bg.png") no-repeat scroll -90px 0 rgba(0, 0, 0, 0);
	border-radius: 8px;
	clear: both;
	height: 62px;
	padding: 0 0 8px;
}

Далее в шаблоне Товары найдите:

{% IF TARIFF_FEATURE_GOODS_COMPARE %}
																  <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
																  {% IFNOT SETTINGS_COMPARE_DISABLE %}
																				<a class="goodsCatalogDataCompareButton add whtgray" {% IF goods.IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{goods.NAME}&raquo; к списку сравнения с другими товарами" href="#" >Сравнить товар</a>
																				<a class="goodsCatalogDataCompareButton delete whtgray" {% IFNOT goods.IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами" href="#" >Не сравнивать</a>
																  {% ENDIF %}
																{% ENDIF %}

замените на:

{% IF TARIFF_FEATURE_GOODS_COMPARE %}
																  <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
																  {% IFNOT SETTINGS_COMPARE_DISABLE %}
																				<a class="goodsCatalogDataCompareButton add whtgreen" {% IF goods.IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{goods.NAME}&raquo; к списку сравнения с другими товарами" href="#" >Сравнить товар</a>
																				<a class="goodsCatalogDataCompareButton delete whtgreen" {% IFNOT goods.IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами" href="#" >Не сравнивать</a>
																  {% ENDIF %}
																{% ENDIF %}

Ошибся, тот стиль, который в предыдущем сообщении отправлял, в одном месте исправляет, а в другом все портит. Удалите его.
найдите в css код

#content .box .tabproduct .buttons a.blgreen { padding: 4px 20px 2px 20px; }

и замените его на

#content .box .tabproduct .buttons a.blgreen { padding: 4px 20px 2px 20px; margin-bottom: 6px;}