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


Перекрасить Немного Тему Техника


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

#1 cenmark

cenmark

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

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

Отправлено 07 Октябрь 2012 - 17:06

Здравствуйте, Помогите перекрасить все слова в теме техника
Сайт

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

  • пример.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 08 Октябрь 2012 - 10:39

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

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

и замените на

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

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

.nav li a {
	color: #CDCDCD;
	font-weight: bold;
	line-height: normal;
	padding: 0;
}

и замените на

.nav li a {
	color: #000;
	font-weight: bold;
	line-height: normal;
	padding: 0;
}

далее найдите
.footer ul li a {
	color: #B2B2B2;
	text-decoration: none;
}

и замените на

.footer ul li a {
	color: #000;
	text-decoration: none;
}


#3 cenmark

cenmark

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

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

Отправлено 08 Октябрь 2012 - 13:31

Спасибо! Все перекрасилось кроме самого каталога. Как это можно исправить? Как сделать, чтобы все значки всегда были цветными, а не только когда на них наводишь курсор?

#4 Vaccina

Vaccina

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

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

Отправлено 09 Октябрь 2012 - 20:20

1)

Цитата

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

.nav li a {
    color: #CDCDCD;
    font-weight: bold;
    line-height: normal;
    padding: 0;
}


и замените на

.nav li a {
    color: #000;
    font-weight: bold;
    line-height: normal;
    padding: 0;
}

проверила при данном изменении сменяется цвет у категорий.

2)тут повыделываться придется, в том же шаблоне нужно находить примерно сл.строки:
находим и удаляем:
.header .links li a.present { 
background: url("http://test-storeland.storeland.ru/web/upload/assets/images/10/9976/menu_icon_present_16.png") 0% 50% no-repeat transparent;
}
далее находим:
.header .links li a.present-act { 
background: url("http://test-storeland.storeland.ru/web/upload/assets/images/10/9976/menu_icon_present_16_act.png") 0% 50% no-repeat transparent;
}
и меняем на:
.header .links li a.present { 
background: url("http://test-storeland.storeland.ru/web/upload/assets/images/10/9976/menu_icon_present_16_act.png") 0% 50% no-repeat transparent;
}

то есть в строках с классом present-act мы меняем данный класс на present, а строки с present удаляем.
их много.

#5 pasiki

pasiki

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

  • Пользователи
  • PipPipPipPip
  • 231 сообщений
  • ГородСанкт-Петербург

Отправлено 15 Октябрь 2012 - 09:25

начал изучать новый шаблон - интересный.

вопрос по перекраске: а как серый фон с правой стороны поменять на другой цвет? и для фона справа, и для фона страниц?

#6 Vaccina

Vaccina

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

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

Отправлено 16 Октябрь 2012 - 08:08

Производить изменения необходимо в разделе Сайт - Редактор тем - main.css:
за серый фон отвечает строка:
body { background:url("{ASSETS_IMAGES_PATH}site_bg.gif") center top;}

за белый фон:
.wrapper {}
Нужно изменить\добавить значение background, подробнее об этом стиле вы можете узнать здесь: http://htmlbook.ru/css/background

#7 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 27 Январь 2013 - 12:44

Сделал как рекомендовал(а) уважаемый(ая)

Vaccina

прошу подсказать, как сделать так, чтобы
1)цвет букв изменился и в названии подкатегорий, которые появляются при наведении курсора на категорию
2)изменился цвет в строках "Каталог" и "Разделы сайта"

буквы.JPG

#8 Koderhan

Koderhan

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

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

Отправлено 27 Январь 2013 - 13:01

В файл "main.csstemplate".
Добавить код:
.hidden-phone {
	color: green;
}

Найти код:
.footer ul li a.active {color:#333333;}
Заменить:
.footer ul li a.active {color: #DFAB4F;}


#9 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 27 Январь 2013 - 13:06

Прошу прощения за мою тупость, но куда именно в файл "main.csstemplate" нужно вставить код

.hidden-phone {
		color: green;
}


#10 Koderhan

Koderhan

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

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

Отправлено 27 Январь 2013 - 13:14

В конец файла "main.csstemplate".
green -  цвет разделов.

#11 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 27 Январь 2013 - 13:17

При наведении на разделы в меню цвет букв стал меняться, спасибо!
интересует, можно ли сделать так, чтобы изменился цвет букв вот тут
буквы1.JPG
и чтобы цвет букв в двух строчках всегда был например зеленым (например таким)
буквы.JPG

Просмотр сообщенияKoderhan (27 Январь 2013 - 13:14) писал:

В конец файла "main.csstemplate".
green -  цвет разделов.

понял, сделал

отчитываюсь: стало так
буквы3.JPG

спасибо огромное!

#12 Koderhan

Koderhan

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

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

Отправлено 27 Январь 2013 - 13:25

В файл "main.csstemplate".
Добавить:
.menu_main li a,
.menu_main li ul a:hover {
	color: green;/*цвет текста*/
}


#13 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 27 Январь 2013 - 13:52

Сделал, при наведении на появляющуюся подкатегорию цвет стал меняться на зеленый
А выпадающим менюшкам, в которых подкатегории написаны, можно рамочку прилепить?

(вот в раж вошел с вопросами своими.... :) )

#14 Koderhan

Koderhan

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

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

Отправлено 27 Январь 2013 - 16:16

Можно частично выделить рамкой.
В файл "main.csstemplate".
Добавить:
.menu_main li ul li {
	border-left: 1px solid green;
	border-right: 1px solid green;
}


#15 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 27 Январь 2013 - 17:05

спасибо за терпение, которое Вы проявляете к неучам вроде меня!

#16 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 28 Январь 2013 - 13:58

Здравствуйте!
Поменял фон на страницах при помощи замены файла site_bg.gif
получилось так:
вопросы.JPG
Новый день и новые вопросы:
1) как подвинуть?
2) как сделать цвет рамки такой же, как основной фон или произвольно изменить?
3) как убрать в низ страницы?

#17 Koderhan

Koderhan

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

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

Отправлено 28 Январь 2013 - 14:14

В файле "bootstrap-responsive.min.css".

Найти код:
@media(min-width:980px){
body { background: url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 38.5% 0;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width: 980px;}
.span8{ width:742px;}
.span4{width:228px;margin-bottom: -30000px;padding-bottom: 30000px;height: 100%;}
.row-fluid .span3{width:33%;*width:31.570740134569924%}
.span44{width:228px; padding-top: 15px;}
.span7{width:800px;}
}
Заменить:
@media(min-width:980px){
body { background: url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 38.5% 0;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width: 984px;}
.span8{ width:742px;height: 100em;margin-bottom: 0px !important;}
.span4{width:228px;margin-bottom: -30000px;padding-bottom: 30000px;height: 100%;padding-left: 4px;}
.row-fluid .span3{width:33%;*width:31.570740134569924%}
.span44{width:228px; padding-top: 15px;}
.span7{width:800px;}
}


#18 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 28 Январь 2013 - 15:57

заменил.
стало вот так:
лесенка.JPG

#19 Koderhan

Koderhan

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

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

Отправлено 28 Январь 2013 - 17:55

Попробуйте чуть другой код:
@media(min-width:980px){
body { background: url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 38.5% 0;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width: 980px;}
.span8{ width:742px;height: 100em;margin-bottom: 0px !important;}
.span4{width:228px;margin-bottom: -30000px;padding-bottom: 30000px;height: 100%;padding-left: 4px;}
.row-fluid .span3{width:33%;*width:31.570740134569924%}
.span44{width:228px; padding-top: 15px;}
.span7{width:800px;}
}


#20 Ламер Эникеев

Ламер Эникеев

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

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

Отправлено 28 Январь 2013 - 19:51

не, то же самое




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

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