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

[Svipper93]

Здравствуйте.

Подскажите пожалуйста: 1. Как поменять цвет средней, основной части сайта с белого на другой (под сиреневой полосой)?
2. Номер телефона и время работы - шрифт также поменять с черного на другой?

Заранее спасибо!

С Рождеством!

[Svipper93]

Адрес сайта забыл: http://marketkomforta.ru/

[Vaccina]

Цвет основной части вы можете заменить в файле стилей main.css а именно в классе

#wrapper {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

изменить необходимо свойство background-color

Для изменения цвета контактов - найдите

.contactInfoContent {
	height: 100px;
	vertical-align: middle;
	width: 180px;
}

и задайте необходимый цвет через свойство color, например

.contactInfoContent {
	color: #FFFFFF;
	height: 100px;
	vertical-align: middle;
	width: 180px;
}

[Svipper93]

Что то не могу найти данный блок. Он хоть где находится? В начале, в середине, или в конце?

[Svipper93]

Вроде нашел этот блок. Вставил цвет, но ничего не изменилось.

Вставляю вот так:


.contactInfoContent {
  color: #c386db
  height:100px;
  width: 180px;
  vertical-align:middle;
}
/*contactInfo*/


Может что не правильно делаю?

[support 2.0]

Svipper93 (09 Январь 2013 - 05:41) писал:

Вроде нашел этот блок. Вставил цвет, но ничего не изменилось.

Вставляю вот так:


.contactInfoContent {
  color: #c386db
  height:100px;
  width: 180px;
  vertical-align:middle;
}
/*contactInfo*/


Может что не правильно делаю?

На Вашем сайте я не нашла данного изменения в main.css файле. Возможно, Вы их не сохранили при выходе из файла. Находится этот блок примерно на 435 строке

[Koderhan]

Svipper93 (09 Январь 2013 - 05:41) писал:

Вроде нашел этот блок. Вставил цвет, но ничего не изменилось.

Вставляю вот так:


.contactInfoContent {
  color: #c386db
  height:100px;
  width: 180px;
  vertical-align:middle;
}
/*contactInfo*/


Может что не правильно делаю?

Правильно. Только забыли вставить ";". Возможно из-за этого не применялся цвет.

.contactInfoContent {
  color: #c386db;
  height:100px;
  width: 180px;
  vertical-align:middle;
}
/*contactInfo*/

[Svipper93]

Ничего не выходит.

Вставляю как Вы написали:


.contactInfoContent {
  color: #c386db;
  height:100px;
  width: 180px;
  vertical-align:middle;
}

но ничего не происходит.

[Koderhan]

Svipper93 (09 Январь 2013 - 21:44) писал:

Ничего не выходит.

Вставляю как Вы написали:


.contactInfoContent {
  color: #c386db;
  height:100px;
  width: 180px;
  vertical-align:middle;
}

но ничего не происходит.

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

.contactInfoContent {
  color: #c386db,
  height:100px;
  width: 180px;
  vertical-align:middle;
}

Заменить:

.contactInfoContent {
  color: #c386db;
  height:100px;
  width: 180px;
  vertical-align:middle;
}

[Svipper93]

У меня такой код и вставлен............

[Koderhan]

Svipper93 (10 Январь 2013 - 16:37) писал:

У меня такой код и вставлен............

Нет символа точка с запятой.

[Svipper93]

Ну как нет:

contactInfoContent {
  color: #c386db;
  height:100px;
  width: 180px;
  vertical-align:middle;
}

[Vaccina]

В данный момент у вас вставлен код

.contactInfoContent {
	color: #C386DB;
	height: 100px;
	vertical-align: middle;
	width: 180px;
}

Цвет контактов у вас применяется. Если у вас контакты отображаются в другом цвете отличном от #C386DB, то возможно у вас закэшировались стили. Попробуйте очистить кэш в вашем браузере.

[Svipper93]

Во как. А я просил изменить цвет всей нижней части сайта с белого на другой. Под сиреневой линией. http://marketkomforta.ru

[Koderhan]

Svipper93 (11 Январь 2013 - 08:01) писал:

Во как. А я просил изменить цвет всей нижней части сайта с белого на другой. Под сиреневой линией. http://marketkomforta.ru

Для измененния фона данного блока вы можете обвернуть основной блок в еще один div и задать для этого div элемента стили.
В файле HTML.
До кода:

	<div class="container" id="header">

Добавить:

<div class="fon">

После кода:

					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				</ul>
			  </div>
			</td>
		  </tr>
		</table>
	  </div>
	</div>

Добавить:

</div>

Открыть файл main.csstemplate.
Добавить код:

.fon {
	background: gray;
}

[Svipper93]

Koderhan (11 Январь 2013 - 08:18) писал:

Для измененния фона данного блока вы можете обвернуть основной блок в еще один div и задать для этого div элемента стили.
В файле HTML.
До кода:

<div class="container" id="header">

Добавить:

<div class="fon">

После кода:

					 </li>
				 {% ENDIF %}
				 {% ENDIF %}
			 </ul>
			 </div>
		 </td>
		 </tr>
	 </table>
	 </div>
</div>

Добавить:

</div>

Открыть файл main.csstemplate.
Добавить код:

.fon {
background: gray;
}

Не могу найти этот код. Он на какой строке находится примерно?

[Koderhan]

Svipper93 (11 Январь 2013 - 23:13) писал:

Не могу найти этот код. Он на какой строке находится примерно?

Просто добавьте код:

</div>

До кода:

<!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
	  <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div>
	<div class="right"><p>{COPYRIGHT_FOR_DESIGN_SHINE} {SETTINGS_STORE_REGION}</p></div>
	<div class="clr"></div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>

479 строка.

[Svipper93]

Хотелось бы еще вопрос один задать: а как сдвинуть поле с каталогом товаров вправо (см. рисунок) ? Т.е. расширить основную часть страницы?

[miyako]

Svipper93 (12 Январь 2013 - 21:56) писал:

Хотелось бы еще вопрос один задать: а как сдвинуть поле с каталогом товаров вправо (см. рисунок) ? Т.е. расширить основную часть страницы?

Прикрепите пожалуйста скриншот еще раз.

[Svipper93]

Прикрепляю:

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

•