Перейти к содержимому


Как Поменять Цвет Шрифта В Каталоге


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 13

#1 dalulka

dalulka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 99 сообщений

Отправлено 04 Апрель 2012 - 00:15

как изменить цвет шрифта в каталоге? и цвет наименования продукта и цвет краткого описания? http://ecofuel.storeland.ru/catalog

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Апрель 2012 - 19:37

Цитата

цвет шрифта в каталоге
main.css:
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #999999;
	display: block;
	font: 13px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding: 5px 10px;
	text-decoration: none;
}
замените значение color

Цитата

цвет наименования продукта
main.css - в самом низу допишите:
.contm h3 a{}
в нем пропишите необходимые стили

Цитата

цвет краткого описания
main.css - в самом низу допишите:
.contm h3 p{}
в нем пропишите необходимые стили

#3 dalulka

dalulka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 99 сообщений

Отправлено 04 Апрель 2012 - 23:15

Просмотр сообщенияVaccina (04 Апрель 2012 - 19:37) писал:

main.css:
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #999999;
	display: block;
	font: 13px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding: 5px 10px;
	text-decoration: none;
}
замените значение color

main.css - в самом низу допишите:
.contm h3 a{}
в нем пропишите необходимые стили

main.css - в самом низу допишите:
.contm h3 p{}
в нем пропишите необходимые стили
А ПРО СТИЛИ МОЖНО ПОПОДРОБНЕЕ? КАК ОНИ ПРОПИСЫВАЮТСЯ? КАКИЕ МОГУТ БЫТЬ ВАРИАНТЫ?

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Апрель 2012 - 20:53

Это довольно обширная тема. Вам необходимо почитать соответствующую литературу по данному вопросу. Хорошо изложена информация например на сайте
http://htmlbook.ru/samcss
и справочник http://htmlbook.ru/css

#5 dalulka

dalulka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 99 сообщений

Отправлено 06 Апрель 2012 - 00:55

Просмотр сообщенияVaccina (05 Апрель 2012 - 20:53) писал:

Это довольно обширная тема. Вам необходимо почитать соответствующую литературу по данному вопросу. Хорошо изложена информация например на сайте
http://htmlbook.ru/samcss
и справочник http://htmlbook.ru/css
стили прописала - в первом случае (название товара в каталоге) все сработало, во втором случае (шрифт краткого описания товара)- не получается ну никак. вроде бы все правильно пишу?
.contm h3 a {
  font: 17px Verdana, Geneva, sans-serif;
  font-style: oblique;
  color: #df0c13;
  height: 40px;
  width: 280px;
}
.contm h3 p {
  font: 12px Verdana, Geneva, sans-serif;
  color: #080707;
  }

#6 kristina0801

kristina0801

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 06 Апрель 2012 - 11:46

Помогите пожалуйста!

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

  • 1.jpg


#7 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Апрель 2012 - 20:48

цвет категорий: редактор тем - main.css - в самом низу пропишите:
.leftmenu li a{color:Ваше значение;}

строка навигации: редактор тем - Товары
 <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> 
	  
	  <!-- Если отображаем полный каталог товаров, без указания категории -->
	  {% IF IS_FULL_CATALOG %}
		 » <span class="current">Каталог товаров</span>
	  <!-- Если отображаем товары в категории -->
	  {% ELSE %}
		» <a href="{CATALOG_URL}" >Каталог товаров</a> 
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
	  
	</p>
  </div>
  <!-- end Строка пути -->

изменить на:
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %}<span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  
	</p>
  </div>
  <!-- end Строка пути -->

цвет цены: редактор тем - main.css
.goodsListItemBlock a span span {
	color: #339900;
	font-size: 17px;
	font-weight: bold;
}


#8 ais-83

ais-83

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 165 сообщений

Отправлено 10 Апрель 2012 - 13:55

Добрый день. Как сделать так, чтоб название товара умещалось фиксировано в 2 строчки (выравнивание по ширине, может), а то у меня оно по центру выравнивается и пишется в 3-4 строки, хотя, если бы было не по центру выравнивание, оно бы уместилось в 2 строки. Спасибо.

#9 ais-83

ais-83

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 165 сообщений

Отправлено 10 Апрель 2012 - 14:06

И еще вопрос. Когда захожу на страницу товара, если название длинное, но частично его закрывает фотография товара, как можно ее сдвинуть вниз? Спасибо.

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Апрель 2012 - 21:09

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

#11 ais-83

ais-83

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 165 сообщений

Отправлено 11 Апрель 2012 - 09:40

играриум.рф

#12 ais-83

ais-83

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 165 сообщений

Отправлено 11 Апрель 2012 - 09:47

В разделе "наборы для покера" такая ситуация... Спасибо.

#13 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Апрель 2012 - 21:19

Попробуйте уменьшить немного шрифт. В файле стилей найдите

.goodsListItemName a {
	color: #435767;
	font: italic 14px/1.2em Georgia,"Times New Roman",Times,serif;
	margin: 0;
	padding: 0;
}

и замените на

.goodsListItemName a {
	color: #435767;
	font: italic 12px/1.2em Georgia,"Times New Roman",Times,serif;
	margin: 0;
	padding: 0;
}

так же найдите

#site-path {
	clear: both;
	height: 30px;
	margin: 10px 0 0;
	width: 650px;
}

и замените на

#site-path {
	clear: both;
	height: 50px;
	margin: 10px 0 0;
	width: 650px;
}


#14 ais-83

ais-83

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 165 сообщений

Отправлено 12 Апрель 2012 - 11:39

СПАСИБО.ПОМОГЛО.




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

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