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


Проблемы С Изменением Цвета Категорий Товаров

Автор magamg, 02 авг. 2013 10:10

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

#1 magamg

magamg

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

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

Отправлено 02 Август 2013 - 10:10

Добрый день. Помогите разобраться в нескольких вопросах(шаблон техника):

1- как сделать чтобы меню было всегда как при наведении курсора яркого цвета.
2- как поменять цвет и размер "каталог"
3- как изменить цвет текста названий каталога в пассивном режиме и при наведении курсора.
4- как изменить цвет текста в описании товара.
адрес сайта http://5pokupok.ru

#2 Taisia

Taisia

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

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

Отправлено 02 Август 2013 - 11:06

прежде чем делать какие то изменения сделайте бэкап вашего сайта
далее

1.  найдите в файле bootstrap-responsive.min.css

код 
.selected
{
  color: #666 !important;
}

И меняйте параметр  color: #666 на нужный вам цвет

далее в коде файла main.css  Найдите код 

.header .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#696969; text-decoration:none;padding-left:20px;text-align:left;}

так же меняйте параметр  color: #666 на нужный вам цвет

2.
добавьте в файл main. css  в конец код 

.menu_main h4 {color:red; font-size:20px;}

меняйте параметры color и  font-size на подходящие вам

3.  за цвет текста пунктов меню в пассивном режиме  отвечает код в файле Main.css 
.footer ul li a{color:#B2B2B2; text-decoration:none;text-align:left;}

Меняйте параметр color

в активном режиме

код 
.footer ul li a:hover,
.footer ul li a.active {color:#333333;}

4. Добавьте в конец файла main.css  код 

.htmlDataBlock table {color:red !important;}

меняйте параметр color

#3 magamg

magamg

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

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

Отправлено 02 Август 2013 - 15:43

по 4 пункту не получилось, цвет не изменился

#4 Taisia

Taisia

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

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

Отправлено 02 Август 2013 - 16:04

сейчас у вас описание зелёного цвета

1213Nm.jpg

очистите кэш вашего браузера

или уточните где именно не произошли изменения?

#5 magamg

magamg

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

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

Отправлено 03 Август 2013 - 08:32

Благодарю все получилось.

#6 magamg

magamg

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

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

Отправлено 06 Август 2013 - 13:36

Добрый день.
Помогите решить несколько вопросов:
1- Поменять шрифт меню на жирный.

2- Переместить меню под слайдер и сделать горизонтальным

3- Убрать выпадающее меню каталога, чтобы разворачивалось только при нажатии и вниз.

4- поменять цвет кнопки "в корзину" в активном и пассивном режиме, для главной страницы и для страниц с товаром

шаблон техника

#7 Сake

Сake

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

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

Отправлено 07 Август 2013 - 01:10

1) Найдите в вашем файле стилей main.css

.header .links li a {
	color: #000000;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
}

и замените на

.header .links li a {
	color: #000000;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: bold;
}

2) Найдите в вашем шаблоне "HTML" блок кода 

<!-- Блок навигации -->
			{% IFNOT menu_empty %}
			  <ul class="span44 links">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						  class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					  </li>
				{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			{% ENDIF %}
			<div class="clear"></div>

и переместите данный блок кода вставив его после строки 

<div class="row-fluid">

а код вашего слайдера переместите выше перемещенного кода меню.

Далее в файле стилей main.css найдите

.header .links {font-size:1.2em;}
.header .links li{display:block;float:left;width:102px; padding-bottom:6px;}
.header .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#B2B2B2; text-decoration:none;padding-left:20px;text-align:left;}
.header .links li a:hover,
.header .links li a.hover{text-decoration:none; color:#000;}
.header .links li a.catalog{background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16.png") left center no-repeat;}
.header .links li a.catalog-act {background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16_act.png") left center no-repeat;}
.header .links li a.present{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16.png") left center no-repeat;}
.header .links li a.present-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16_act.png") left center no-repeat;}
.header .links li a.briefcase{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16.png") left center no-repeat;}
.header .links li a.briefcase-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16_act.png") left center no-repeat;}
.header .links li a.key{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16.png") left center no-repeat;}
.header .links li a.key-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16_act.png") left center no-repeat;}
.header .links li a.tick{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16.png") left center no-repeat;}
.header .links li a.tick-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16_act.png") left center no-repeat;}
.header .links li a.label{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16.png") left center no-repeat;}
.header .links li a.label-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16_act.png") left center no-repeat;}
.header .links li a.heart{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16.png") left center no-repeat;}
.header .links li a.heart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16_act.png") left center no-repeat;}
.header .links li a.clipboard{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16.png") left center no-repeat;}
.header .links li a.clipboard-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16_act.png") left center no-repeat;}
.header .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16.png") left center no-repeat;}
.header .links li a.address-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16_act.png") left center no-repeat;}
.header .links li a.clock{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16.png") left center no-repeat;}
.header .links li a.clock-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16_act.png") left center no-repeat;}
.header .links li a.cart{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16.png") left center no-repeat;}
.header .links li a.cart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16_act.png") left center no-repeat;}
.header .links li a.user{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16.png") left center no-repeat;}
.header .links li a.user-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16_act.png") left center no-repeat;}
.header .links li a.document{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16.png") left center no-repeat;}
.header .links li a.document-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16_act.png") left center no-repeat;}
.header .links li a.home{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16.png") left center no-repeat;}
.header .links li a.home-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16_act.png") left center no-repeat;}

и ниже добавьте 

.row-fluid .links {font-size:1.2em;}
.row-fluid .links li{display:block;float:left;width:102px; padding-bottom:6px;}
.row-fluid .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#B2B2B2; text-decoration:none;padding-left:20px;text-align:left;}
.row-fluid .links li a:hover,
.row-fluid .links li a.hover{text-decoration:none; color:#000;}
.row-fluid .links li a.catalog{background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16.png") left center no-repeat;}
.row-fluid .links li a.catalog-act {background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16_act.png") left center no-repeat;}
.row-fluid .links li a.present{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16.png") left center no-repeat;}
.row-fluid .links li a.present-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16_act.png") left center no-repeat;}
.row-fluid .links li a.briefcase{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16.png") left center no-repeat;}
.row-fluid .links li a.briefcase-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16_act.png") left center no-repeat;}
.row-fluid .links li a.key{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16.png") left center no-repeat;}
.row-fluid .links li a.key-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16_act.png") left center no-repeat;}
.row-fluid .links li a.tick{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16.png") left center no-repeat;}
.row-fluid .links li a.tick-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16_act.png") left center no-repeat;}
.row-fluid .links li a.label{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16.png") left center no-repeat;}
.row-fluid .links li a.label-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16_act.png") left center no-repeat;}
.row-fluid .links li a.heart{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16.png") left center no-repeat;}
.row-fluid .links li a.heart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16_act.png") left center no-repeat;}
.row-fluid .links li a.clipboard{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16.png") left center no-repeat;}
.row-fluid .links li a.clipboard-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16_act.png") left center no-repeat;}
.row-fluid .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16.png") left center no-repeat;}
.row-fluid .links li a.address-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16_act.png") left center no-repeat;}
.row-fluid .links li a.clock{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16.png") left center no-repeat;}
.row-fluid .links li a.clock-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16_act.png") left center no-repeat;}
.row-fluid .links li a.cart{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16.png") left center no-repeat;}
.row-fluid .links li a.cart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16_act.png") left center no-repeat;}
.row-fluid .links li a.user{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16.png") left center no-repeat;}
.row-fluid .links li a.user-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16_act.png") left center no-repeat;}
.row-fluid .links li a.document{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16.png") left center no-repeat;}
.row-fluid .links li a.document-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16_act.png") left center no-repeat;}
.row-fluid .links li a.home{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16.png") left center no-repeat;}
.row-fluid .links li a.home-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16_act.png") left center no-repeat;}

3) Найдите и удалите в вашем файле main.js

mainMenu.find("li").bind('mouseover', mouseOver);
mainMenu.find("li").bind('mouseout', mouseOut);

4) Добавьте в ваш файл стилей main.css

.btn-success {
	background-color: #A5DCE4 !important;
	color: #FFFFFF !important;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background-color: #000000 !important;
	color: #FFFFFF !important;
}

и укажите в данных 2х классах необходимый фон кнопки.

#8 magamg

magamg

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

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

Отправлено 07 Август 2013 - 17:00

1 - Помогите сделать одинаковый промежуток между меню

2 - Не могу перенести меню под слайдер.




Цитата

4) Добавьте в ваш файл стилей main.css


.btn-success {
        background-color: #A5DCE4 !important;
        color: #FFFFFF !important;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
        background-color: #000000 !important;
        color: #FFFFFF !important;
}
и укажите в данных 2х классах необходимый фон кнопки.
цвет не меняется.


#9 magamg

magamg

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

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

Отправлено 07 Август 2013 - 19:41

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Техника
  5. → Изменение общей стилистики
  6. Privacy Policy