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


Изменить Цвет Шрифта Меню


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

#1 Sergey Ushakov

Sergey Ushakov

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

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

Отправлено 19 Май 2013 - 14:16

1) как изменить цвет шрифта меню-каталога?
2) Как изменить цвет фона выпадающего меню?

#2 miyako

miyako

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

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

Отправлено 19 Май 2013 - 15:42

Просмотр сообщенияSergey Ushakov (19 Май 2013 - 14:16) писал:

1) как изменить цвет шрифта меню-каталога?
2) Как изменить цвет фона выпадающего меню?

1)
Найдите код в style.css код:
.nav a {
padding: 15px 15px;
color: #fff; /*ваш цвет*/
text-transform: uppercase;
z-index: 50;
}

2)
.nav li li a {
display: block;
background: #ddd; /*фон 1*/
top: 0px;
color: #000;
width: 130px;
}

.nav li li li a {
background: #e6e6e6; /*фон 2*/
z-index: 200;
top: 0px;
color: #000;
width: 130px;
}


#3 Sergey Ushakov

Sergey Ushakov

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

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

Отправлено 19 Май 2013 - 16:06

Просмотр сообщенияmiyako (19 Май 2013 - 15:42) писал:

1)
Найдите код в style.css код:
.nav a {
padding: 15px 15px;
color: #fff; /*ваш цвет*/
text-transform: uppercase;
z-index: 50;
}

2)
.nav li li a {
display: block;
background: #ddd; /*фон 1*/
top: 0px;
color: #000;
width: 130px;
}

.nav li li li a {
background: #e6e6e6; /*фон 2*/
z-index: 200;
top: 0px;
color: #000;
width: 130px;
}
Спасибо, а как поменять цвет шрифта при наведении?

#4 Sergey Ushakov

Sergey Ushakov

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

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

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

Появилось еще пару вопросов:
1) Как уменьшить расстояние (рис1)
2) как изменить цвет кнопки поиск?
3) как уменьшить расстояние (рис2)
4) как изменить цвет кнопки в корзину?

sofidemarko.ru

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

  • zxzxzx.jpg
  • vdv.jpg


#5 miyako

miyako

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

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

Отправлено 20 Май 2013 - 09:23

Просмотр сообщенияSergey Ushakov (19 Май 2013 - 16:06) писал:

Спасибо, а как поменять цвет шрифта при наведении?

Цвет шрифта при наведении какого элемента?


Просмотр сообщенияSergey Ushakov (19 Май 2013 - 18:55) писал:

Появилось еще пару вопросов:
1) Как уменьшить расстояние (рис1)
2) как изменить цвет кнопки поиск?
3) как уменьшить расстояние (рис2)
4) как изменить цвет кнопки в корзину?

sofidemarko.ru

1)
Найдите код в style.css:
header[role="banner"] {
position: relative;
min-height: 10em;
overflow: hidden;
z-index: 10;
}
и замените на:
header[role="banner"] {
position: relative;
min-height: 9em;
overflow: hidden;
z-index: 10;
}
Найдите код:
header[role="banner"] h1 a {
height: 127px;
display: block;
font: normal 26px '';
line-height: 20px;
color: #000;
font-weight: bold;
text-align: center;
}
и замените на:
header[role="banner"] h1 a {
display: block;
font: normal 26px '';
line-height: 20px;
color: #000;
font-weight: bold;
text-align: center;
}

2)
Найдите код:
form[role="search"] input[type="submit"], input#search-submit {
position: absolute;
right: 0;
z-index: 2;
height: 2.833em;
background: #404040; /*ваш цвет*/
padding: 0 0.833em;
margin: 0;
line-height: 1;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
}

3) Найдите код:
section[role="main"] {
margin-bottom: 6em;
top: -50px;
z-index: 10;
}
и замените на:
section[role="main"] {
margin-bottom: 4em; /*отступ*/
top: -50px;
z-index: 10;
}

4)
Цвет при наведении:
Найдите код:
.buy-item button:hover {
background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #404040;
}
измените код цвета - #404040

Цвет кнопки в Корзину:
Найдите код:
@media screen and (min-width: 860px)
.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #13AF13;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: inline-block;
text-align: center;
}
измените код цвета - #13AF13 на ваш

#6 Sergey Ushakov

Sergey Ushakov

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

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

Отправлено 20 Май 2013 - 09:58

Просмотр сообщенияmiyako (20 Май 2013 - 09:23) писал:

Цвет шрифта при наведении какого элемента?




1)
Найдите код в style.css:
header[role="banner"] {
position: relative;
min-height: 10em;
overflow: hidden;
z-index: 10;
}
и замените на:
header[role="banner"] {
position: relative;
min-height: 9em;
overflow: hidden;
z-index: 10;
}
Найдите код:
header[role="banner"] h1 a {
height: 127px;
display: block;
font: normal 26px '';
line-height: 20px;
color: #000;
font-weight: bold;
text-align: center;
}
и замените на:
header[role="banner"] h1 a {
display: block;
font: normal 26px '';
line-height: 20px;
color: #000;
font-weight: bold;
text-align: center;
}

2)
Найдите код:
form[role="search"] input[type="submit"], input#search-submit {
position: absolute;
right: 0;
z-index: 2;
height: 2.833em;
background: #404040; /*ваш цвет*/
padding: 0 0.833em;
margin: 0;
line-height: 1;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
}

3) Найдите код:
section[role="main"] {
margin-bottom: 6em;
top: -50px;
z-index: 10;
}
и замените на:
section[role="main"] {
margin-bottom: 4em; /*отступ*/
top: -50px;
z-index: 10;
}

4)
Цвет при наведении:
Найдите код:
.buy-item button:hover {
background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #404040;
}
измените код цвета - #404040

Цвет кнопки в Корзину:
Найдите код:
@media screen and (min-width: 860px)
.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #13AF13;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: inline-block;
text-align: center;
}
измените код цвета - #13AF13 на ваш

Цвет шрифта при наведении на категорию в меню, сейчас при наведении он становиться белым на белом фоне.
Все остальное отлично, спасибо!

#7 miyako

miyako

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

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

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

Найдите код в style.css:
.nav a:hover {
color: #fff; /*ваш цвет*/
text-decoration: underline;
}


#8 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 30 Август 2014 - 00:21

Здравствуйте!
Как в меню каталога, выделить жирным шрифтом и красным цветом, одну категорию каталога
Изображение

#9 Vaccina

Vaccina

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

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

Отправлено 30 Август 2014 - 00:38

В шаблоне HTML найдите:
<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
		  
замените на:
<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" style="{% IF catalog.LEVEL>0%}padding-left:{catalog.LEVEL | multiply("30")}px;{% ENDIF %}{% IF catalog.NAME=Акции %}color:red;font-weight:bold;{% ENDIF %}">{catalog.NAME}</a></li>
		  


#10 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 14 Сентябрь 2014 - 19:09

Помогите пожалуйста на странице товара реализовать следующее:
1) В разделе гарантия, необходимо увеличить шрифт, и сделать это в виде таблицы
2)Слева(зеленый участок, нужно разместить баннеры
3)При открытии товара, нужно чтобы в блоке сначала отображалось описание товара, а не отзывы о нем
4) Как поменять и увеличить шрифты в блоке описания, хар-ик, доставки
http://forum.storela...attach_id=24149 скрин

#11 Ирина345

Ирина345

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

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

Отправлено 15 Сентябрь 2014 - 11:31

Просмотр сообщенияilnarius (14 Сентябрь 2014 - 19:09) писал:

Помогите пожалуйста на странице товара реализовать следующее:
1) В разделе гарантия, необходимо увеличить шрифт, и сделать это в виде таблицы
2)Слева(зеленый участок, нужно разместить баннеры
3)При открытии товара, нужно чтобы в блоке сначала отображалось описание товара, а не отзывы о нем
4) Как поменять и увеличить шрифты в блоке описания, хар-ик, доставки
http://forum.storela...attach_id=24149 скрин
Здравствуйте,
1. Что бы увеличить шрифт зайдите в редактор страницы, выделите нужный текст и увеличите шрифт.
2. Уточните на скриншоте, где именно нужно разместить банер.
3.Найдите в шаблоне Товар код
<li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
замените на
 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>

далее найдите

        
 <li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Гарантия</a></li>
замените на
          
<li><a href="javascript:tabSwitch(5);" id="tab_5">Гарантия</a></li>
4. Описание Вы увеличиваете в редакторе описания Товара

#12 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 15 Сентябрь 2014 - 16:01

Просмотр сообщенияИрина345 (15 Сентябрь 2014 - 11:31) писал:

Здравствуйте,
1. Что бы увеличить шрифт зайдите в редактор страницы, выделите нужный текст и увеличите шрифт.
2. Уточните на скриншоте, где именно нужно разместить банер.
3.Найдите в шаблоне Товар код
<li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
замените на
<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>

далее найдите

 <li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Гарантия</a></li>
замените на
  
<li><a href="javascript:tabSwitch(5);" id="tab_5">Гарантия</a></li>
4. Описание Вы увеличиваете в редакторе описания Товара
спасибо,
в редакторах страницы товара, нет параметров изменения шрифта размеров во вкладках "гарантия" и "доставка". где они меняются7 местоположение баннера указан на скрине

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

  • 2tlaXcT-9Fk.jpg


#13 Vaccina

Vaccina

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

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

Отправлено 16 Сентябрь 2014 - 03:30

1. Сам текст вставлен у вас непосредственное в шаблон Товар. Для изменения шрифта в style.css добавьте необходимые стили, например:
#content_5 tr:first-child td {
	font-size: 14px;
	font-weight: bold;
}
#content_5 tr:nth-child(2n) {
	background: #ccc;
}

2.В шаблоне Товар расположите код баннера:
<a href="ссылка"><img src="ссылка на баннер" alt="" /></a>
после:
{% ENDFOR %}
		  </ul> 
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- END Недавно просмотренные товары -->


#14 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 16 Сентябрь 2014 - 21:45

Просмотр сообщенияVaccina (16 Сентябрь 2014 - 03:30) писал:

1. Сам текст вставлен у вас непосредственное в шаблон Товар. Для изменения шрифта в style.css добавьте необходимые стили, например:
#content_5 tr:first-child td {
font-size: 14px;
font-weight: bold;
}
#content_5 tr:nth-child(2n) {
background: #ccc;
}

2.В шаблоне Товар расположите код баннера:
<a href="ссылка"><img src="ссылка на баннер" alt="" /></a>
после:
{% ENDFOR %}
		 </ul>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- END Недавно просмотренные товары -->
Спасибо,
при входе в ЛС все шрифты становятся жирными как это исправить?

#15 Vaccina

Vaccina

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

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

Отправлено 17 Сентябрь 2014 - 03:22

Уточните пожалуйста, шрифты всего сайта?
Если только характеристик, то из кода выше уберите:
font-weight: bold;


#16 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 17 Сентябрь 2014 - 14:29

Просмотр сообщенияVaccina (17 Сентябрь 2014 - 03:22) писал:

Уточните пожалуйста, шрифты всего сайта?
Если только характеристик, то из кода выше уберите:
font-weight: bold;
Да, шрифты всего сайта

#17 Danil

Danil

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

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

Отправлено 17 Сентябрь 2014 - 16:33

Просмотр сообщенияilnarius (17 Сентябрь 2014 - 14:29) писал:

Да, шрифты всего сайта
Здравствуйте.
Уточните на скриншоте где именно нужно изменить шрифт, а так же каким браузером пользуетесь.

#18 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 17 Сентябрь 2014 - 19:34

Просмотр сообщенияDanil (17 Сентябрь 2014 - 16:33) писал:

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

#19 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 17 Сентябрь 2014 - 20:00

Просмотр сообщенияilnarius (17 Сентябрь 2014 - 19:34) писал:

Chrome, шрифты в статьях, новостях, материалах сми становятся жирными
Ошибка исправлена, виной незакрытый тэг <strong>.

#20 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 17 Сентябрь 2014 - 20:31

Просмотр сообщенияDars (17 Сентябрь 2014 - 20:00) писал:

Ошибка исправлена, виной незакрытый тэг <strong>.
спасибо




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

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