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


Как Изменить Цвет Текста


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

#1 alimovich

alimovich

    Пользователь

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

Отправлено 05 Март 2012 - 20:39

как изменить цвет текста на главной?
здесь
вы видите "Мы рады видеть Вас" написано серым шрифтом как изменить на другой цвет так как
серый очень плохо читаем
Спасибо!!!

#2 Vaccina

Vaccina

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

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

Отправлено 06 Март 2012 - 20:41

Вы имеете ввиду текст в навигационной линии?
тогда нужно зайти в редактор тем - main.css - в самом низу дописать
#site-path p{color:Ваше значение;}

Если же Вы имеете ввиду обычный текст, то найдите в том же файле блок:
p {
	color: #666666;
	font: 12px/20px Tahoma,Geneva,sans-serif;
	margin: 10px 0;
}
и измените значение color

#3 alimovich

alimovich

    Пользователь

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

Отправлено 08 Март 2012 - 09:16

Просмотр сообщенияVaccina (06 Март 2012 - 20:41) писал:

Вы имеете ввиду текст в навигационной линии?
тогда нужно зайти в редактор тем - main.css - в самом низу дописать
#site-path p{color:Ваше значение;}

Если же Вы имеете ввиду обычный текст, то найдите в том же файле блок:
p {
	color: #666666;
	font: 12px/20px Tahoma,Geneva,sans-serif;
	margin: 10px 0;
}
и измените значение color

Спасибо !!!!

#4 rjevsky

rjevsky

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

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

Отправлено 14 Март 2012 - 10:51

Цитата

и измените значение color
Будьте так добры, подскажите, пожалуйста, как отождествляются цвета с кодами подобными #666666 и пр.
Вот если я, например, хочу сделать синий цвет пункта меню, как мне его закодировать?
И если я хочу, чтобы цвет выделенного пункта при этом остался белым? Я смотрю - каждый раз по поводу конкретного цвета даются конкретные ответы, а как самому научиться кодировать цвет, чтобы не задавать лишних вопросов?

#5 Vaccina

Vaccina

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

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

Отправлено 15 Март 2012 - 10:20

Подобрать необходимый код цвета вы можете тут http://www.w3schools...html_colors.asp или тут http://html-color-codes.info/

#6 rjevsky

rjevsky

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

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

Отправлено 15 Март 2012 - 15:06

Спасибо, только что-то я не понял и не так сделал.
Сделал цвет главного меню, как нашел на этом форуме:
/*menu*/
  /*main menu*/
  #top-menu {height: 40px;overflow: hidden; margin-top:80px; }
  #mainmenu li, #langmenu li  { display:inline;}
  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #555;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
меню черное на белом фоне.
http://html-color-codes.info/ - здесь код 555 показывает белый угол.
А мне хотелось бы цвет меню синий на белом фоне, а выделенный пункт - наоборот.
Подскажите, пожалуйста, как это сделать.

#7 Vaccina

Vaccina

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

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

Отправлено 15 Март 2012 - 22:17

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

#8 rjevsky

rjevsky

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

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

Отправлено 21 Март 2012 - 10:47

Цитата

Пожалуйста, сообщите ваш адрес магазина.
megavoda.ru
Жду Вашей помощи :)

#9 Vaccina

Vaccina

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

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

Отправлено 21 Март 2012 - 14:26

Вам необходимо в файле стилей main.css найти

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/60/59059/tm_link_border.gif") no-repeat scroll right top transparent;
	color: #555555;
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

и заменить для примера на

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/60/59059/tm_link_border.gif") repeat scroll left bottom transparent;
	color: #555555;
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

т.е мы изменили background

Далее найдем

#mainmenu li a:hover {
	background: url("http://img.storeland.ru/web/upload/assets/images/60/59059/tm_link_border.gif") repeat-x scroll center bottom transparent;
}

и заменим на

#mainmenu li a:hover {
	background: none;
}


#10 rjevsky

rjevsky

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

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

Отправлено 21 Март 2012 - 15:37

Цитата

Вам необходимо в файле стилей main.css найти


#mainmenu li a {
    background: url("http://img.storeland...ink_border.gif") no-repeat
Этой строки вообще не было, а как только я ее вставил, текущий пункт меню перестал выделяться цветом.

#11 Vaccina

Vaccina

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

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

Отправлено 22 Март 2012 - 22:16

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

#mainmenu li a:hover {
  background: url("http://img.storeland.ru/web/upload/assets/images/60/59059/tm_link_border.gif") repeat -x scroll center bottom transparent; }

Заметна синтаксическая ошибка в repeat -x должно быть без пробела.

Так же не заметны предложенные изменения.

#12 rjevsky

rjevsky

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

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

Отправлено 26 Март 2012 - 20:43

Спасибо за Ваши советы, но мы заменили шапку, в результате получилось полное безобразие с главным меню - гляньте, пожалуйста.
#mainmenu li a{
background: url("http://img.storeland.ru/web/upload/assets/images/60/59059/tm_link_border.gif") no-repeat scroll left  bottom transparent;}   
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #555555;
Какой только цвет ни ставил - и FFFFFF, и 666666, и 000000 - эффекта никакого, меню на фоне картинки не видно. Хотелось бы заменить цвет букв на белый или желтый, а вертикальные разделители убрать вообще. Подскажите, пожалуйста, как это сделать?
megavoda.ru

#13 Vaccina

Vaccina

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

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

Отправлено 27 Март 2012 - 19:59

Попробуйте добавить !important т.е в файле стилей найти

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/60/59059/tm_link_border.gif") no-repeat scroll left bottom transparent;
}

заменить на

#mainmenu li a {
	color: #FFFFFF !important;
}

Если изменений не будет наблюдаться - то очистите кэш в вашем браузере.

#14 rjevsky

rjevsky

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

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

Отправлено 29 Март 2012 - 08:16

Цитата

Попробуйте добавить !important
Спасибо, меню приобрело вменяемый вид, теперь хорошо бы раздвинуть пункты, хотя, наверное, вопрос не по этой теме уже... Кстати, и шапка почему-то разъехалась, хотя размер картинки такой же, как на исходном шаблоне "сияние".

#15 Vaccina

Vaccina

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

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

Отправлено 29 Март 2012 - 20:41

Для того чтобы сделать отступ - необходимо в файле стилей найти класс

#mainmenu li, #langmenu li {
	display: inline;
}

и заменить его например на

#mainmenu li, #langmenu li {
	display: inline;
	margin: 0 10px;
}

Проблема с шапкой может быть связано с не верным заданием стиля, а именно допущением синтаксической ошибки (двойная кавычка)

<body style="background:url("http://img.storeland.ru/web/upload/assets/images/60/59059/дождь1.jpg") repeat-xy center center;">

Необходимо заменить на

<body style="background:url('http://img.storeland.ru/web/upload/assets/images/60/59059/дождь1.jpg') repeat center top;">

или на

<body style="background:url('http://img.storeland.ru/web/upload/assets/images/60/59059/дождь1.jpg') repeat left top;">


#16 rjevsky

rjevsky

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

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

Отправлено 29 Март 2012 - 21:21

Уважаемая Vaccina, благодаря Вашей помощи наш сайт megavoda.ru приобретает приемлемый вид, спасибо за заботу :).
Проблема с шапкой связана с файлом header_page.png - почему-то он показывается лишь частично, даже если окно развернуть на полный экран. Зачем нужен файл дождь.jpg, я вообще не понимаю - видимо, его вставил мой компаньон, который еще более далек от программирования, чем я :). Давайте уж добьем вопрос с внешним оформлением, потом я перейду в другую тему.

#17 Vaccina

Vaccina

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

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

Отправлено 30 Март 2012 - 20:18

Спасибо за приятные слова :)
На счет добъем тему не понятно)
есть какие-то еще вопросы в данной ветке форума? :)

Цитата

Проблема с шапкой связана с файлом header_page.png - почему-то он показывается лишь частично, даже если окно развернуть на полный экран
на данный момент код прописан к шапке правильно, тут нужно картинку саму редактировать, чтобы при минимальном разрешении выводилась в картинке необходимая часть.

#18 rjevsky

rjevsky

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

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

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

Цитата

есть какие-то еще вопросы в данной ветке форума?
В данной ветке мои вопросы исчерпаны, спасибо за помощь, а тему настройки шапки продолжаю здесь: http://forum.storela...dpost__p__18816

#19 nosorog.net

nosorog.net

    Новичок

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

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

Как и где поменять размер, толщину, цвет, наклон и рисунок шрифта у элементов по схеме в прикрепленном изображении:
1) Ариал без курсива другим цветом и другим размером?
2) Ариал другим размером и как убрать палочку вертикальную между ссылками?
3) Ариал прописными без курсива?
4) Ариал болд другим размером и цветом?
5) Ариал другим цветом конец "крошек" и начало?
6) Ариал другим цветом и размером?
7) Другим цветом и размером?
8) Поиск ариалом другим размером?
9) Название страницы другим цветом и размером и шрифтом?
10) Убрать "Условия доставки". Поменять местами картинку, блок с ценой и описанием товара (под ценой описание а не о доставке)?
И как сделать картинку фоновую выше (на всю страницу)?
Спасибо за ликбез!

Р.S. Возник еще вопрос. http://circlelenses.ru/ На главной странице "Интересные предложения" ограничены 20-ю товарами?, можно ли весь каталог отметить как "Товары на главной" в панели управления товарами? Где элемент с характеристиками на шрифт фразы "Интересные предложения"?

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

  • faq1.jpg

Сообщение отредактировал nosorog.net: 06 Апрель 2012 - 12:47


#20 Vaccina

Vaccina

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

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

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

Все изменения с шрифтом делаются в файле стилей main.css который находиться в разделе редактора тем. Для поиска необходимого класса вам необходимо воспользоваться браузером firefox с плагином firebug. Далее можете найти информацию по использованию этого плагина как селектора. т.е в итоге у вас получиться следующий план - наводите на элемент получаете имя его класса и далее в файле main.css находите этот класс и меняете ему необходимы атрибут, в данном случае шрифт (font)

Цитата

как сделать картинку фоновую выше (на всю страницу)?

Не совсем вас понимаю. Пожалуйста, объясните подробнее.

Цитата

На главной странице "Интересные предложения" ограничены 20-ю товарами?, можно ли весь каталог отметить как "Товары на главной" в панели управления товарами?

К сожалению это реализовать нельзя.




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

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