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


Окраска Блоков Шаблона


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

#1 Пётр

Пётр

    Новичок

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

Отправлено 18 Май 2013 - 12:00

Добрый день, подскажите пожалуйста, как окрасить блоки шаблона, "каталог", "вы смотрели", "новости"  ?

#2 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Май 2013 - 12:45

Просмотр сообщенияПётр (18 Май 2013 - 12:00) писал:

Добрый день, подскажите пожалуйста, как окрасить блоки шаблона, "каталог", "вы смотрели", "новости"  ?

Найдите в main.css код:
.contentTbodyCatalog {
width: 220px;
vertical-align: top;
}
и замените на:
.contentTbodyCatalog {
width: 220px;
vertical-align: top;
background: blue; /*ваш цвет*/
}


#3 Пётр

Пётр

    Новичок

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

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

Спасибо, а как раскрасить в отдельности, каждый блок.

Подскажите пожалуйста, как блоки эти можно выделить по отдельности ? рамки допустим, цвет, оболочка. Спасибо.

#4 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Май 2013 - 13:52

Просмотр сообщенияПётр (18 Май 2013 - 13:26) писал:

Спасибо, а как раскрасить в отдельности, каждый блок.

Подскажите пожалуйста, как блоки эти можно выделить по отдельности ? рамки допустим, цвет, оболочка. Спасибо.

в зависимости от того как вам нужно раскрасить. Можете прислать скриншот?

Тело новостей можно раскрасить так:
найдите код:
.contentTbodyNews {
padding-left: 1em;
padding-right: 1em;
}
и замените на:
.contentTbodyNews {
padding-left: 1em;
padding-right: 1em;
background:blue;
}

тело Вы смотрели
найдите код:
.contentTbodyRecentlyViewed {
margin: 0 1em 0.33em 1.33em;
}
и замените на:
.contentTbodyRecentlyViewed {
margin: 0 1em 0.33em 1.33em;
background:red;
}

тело каталога:
найдите в HTML код:
{%IFNOT catalog_empty %}
			 {% FOR catalog %}
			 {% IFNOT catalog.HIDE %}
				 {% IF catalog.FIRST %}<ul>{% ENDIF %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.CURRENT %}
						 class="contentTbodyCatalogCurent"
						 {% ELSEIF catalog.CURRENT_PARENT %}
						 class="contentTbodyCatalogCurentBranch"
						 {% ENDIF %}
					 >
					 {catalog.NAME}
					 <!-- Отображение количества товаров в категории -->
					 {% IF catalog.GOODS_COUNT>0 %}
						 ({catalog.GOODS_COUNT})
					 {% ENDIF %}
					 </a>
				 {% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog.LAST %}
				 {% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
				 {% ENDIF %}
			 {% ENDIF %}
			 {% ENDFOR %}
		 {% ENDIF %}
и замените на:
{%IFNOT catalog_empty %}
			 {% FOR catalog %}
			 {% IFNOT catalog.HIDE %}
				 {% IF catalog.FIRST %}<ul style="background:green;">{% ENDIF %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.CURRENT %}
						 class="contentTbodyCatalogCurent"
						 {% ELSEIF catalog.CURRENT_PARENT %}
						 class="contentTbodyCatalogCurentBranch"
						 {% ENDIF %}
					 >
					 {catalog.NAME}
					 <!-- Отображение количества товаров в категории -->
					 {% IF catalog.GOODS_COUNT>0 %}
						 ({catalog.GOODS_COUNT})
					 {% ENDIF %}
					 </a>
				 {% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog.LAST %}
				 {% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
				 {% ENDIF %}
			 {% ENDIF %}
			 {% ENDFOR %}
		 {% ENDIF %}

о рамках - http://htmlbook.ru/css/border




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

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