Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

6

Фон

Автор sergey84, 04 июля 2012 16:05

Назад

Авторизуйтесь для ответа в теме

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

#21 Vaccina

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

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

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

Вам необходимо изменять все изображения с синим цветом в разделе редактора тем - блок файлы. Изображения необходимо менять в графическом редакторе, после изменения изображений, необходимо изменить цвет в файле стилей main.css

Например в классе

#content .box .titlebox ul li.blue {
	background: none repeat scroll 0 0 #5195AF;
	border-radius: 4px 0 0 4px;
	float: left;
	height: 22px;
	margin: 0 20px 0 0;
}

изменить цвет #5195AF, а так же в других классах где используется данный цвет.

Наверх

#22 Spy

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

Пользователи
36 сообщений

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

Здравствуйте! Почитал я про смену фона и что то не понял (или вообще не понял)...
1 Вы говорите о main.css, а у меня это main.csstemplate?
2 Мне нужно сменить фон темы пластика на другой, будьте любезны - как это сделать?, логотип я сменил, а вот с фоном не получается.

Наверх

#23 Koderhan

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

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

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

sten56 (16 Октябрь 2012 - 05:06) писал:

Подскажите,как и где поменять голубой цвет на темно зеленый ?адрес магазина :http://zhen-chen.ru/

Если вы про ту область страницы которую я выделил то тут не все так просто.

В данном случае фоном тут является картинка с градиентом. Можно залить просто текстом но без градиента. Или сделать градиент через свойства css, в этом случае поддержка на старых браузерах градиента не гарантируется, на них будет грузится просто текст или еще как то.

Наверх

#24 miniup

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

Пользователи
59 сообщений

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

albka (07 Июль 2012 - 13:09) писал:

Почти верно.
Чтобы поменять фон, нужно загрузить новые картинки bg.jpg(верх. часть) и bgout.jpg(ниж. часть), а также поменять цвет(#adcdd7) на нужный, монотонной части сайта:

body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #adcdd7 center top no-repeat;

загрузил картинки(фон не меняется) и где этот код найти (body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #adcdd7 center top no-repeat;) или куда его вставить. При всем уважение и благодарности за помощь,тем не менее не очень понятно растолковываете,вот что это значит это и где искать,все перерыл нет такого ( а также поменять цвет(#adcdd7) на нужный, монотонной части сайта)

Наверх

#25 Koderhan

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

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

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

miniup (29 Октябрь 2012 - 04:31) писал:

загрузил картинки(фон не меняется) и где этот код найти (body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #adcdd7 center top no-repeat;) или куда его вставить. При всем уважение и благодарности за помощь,тем не менее не очень понятно растолковываете,вот что это значит это и где искать,все перерыл нет такого ( а также поменять цвет(#adcdd7) на нужный, монотонной части сайта)

картинка block-bg.jpg находится в Сайт -> Редактор тем . Среди файлов. Для того чтобы изменить фон у элементом вам достаточно скачать эту картинку изменить цвет, при этом не меняя размер картинки и расширения. Загрузит обратно на сайт,предварительно удалив старое изображение.

Наверх

#26 Vaccina

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

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

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

Вам необходимо искать стили в файле стилей main.csstemplate который находиться в разделе редактора тем.

Наверх

#27 Сергей

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

Пользователи
24 сообщений

Отправлено 07 Январь 2013 - 18:21

Помогите, пожалуйста, сменить фон

( Старые файлы bg.jpg и bgout.jpg из файлов сайта удалил, а свои загрузил, но фон не меняется. Из вышенаписанного ничего не понял. И ущё: хотел поэкспериментировать с фавиконкой и одну загрузил, но теперь хочу поменять и ничего не получается.(старый файл фавиконки уже удалил и новый загрузил, но появляется по-прежнему старая фавиконка).

Наверх

#28 Сергей

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

Пользователи
24 сообщений

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

Сергей (07 Январь 2013 - 18:21) писал:

Помогите, пожалуйста, сменить фон

( Старые файлы bg.jpg и bgout.jpg из файлов сайта удалил, а свои загрузил, но фон не меняется. Из вышенаписанного ничего не понял. И ущё: хотел поэкспериментировать с фавиконкой и одну загрузил, но теперь хочу поменять и ничего не получается.(старый файл фавиконки уже удалил и новый загрузил, но появляется по-прежнему старая фавиконка).

ой... обновил браузер и всё получилось

Наверх

#29 Сергей

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

Пользователи
24 сообщений

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

Простите меня, но я не понял,что делать с этим кодом в вопросе о том как сделать,чтобы фон оставался на месте а сайт прокручивался относительно фона.

background:url(http://img.storeland...860/Bg_BFly.jpg) #adcdd7 center center fixed;
Куда его вставить? или вместо чего?
И ещё ворпросы: Как мне сделать так, чтобы мой логотип в шапке сайта был немного повыше и чуть левее (чтобы было пропорционально красиво)?
Как изменить надпись "работает" на "принимаем заказы" и эту надпись опустить вниз к панели разделов сайта?
Простите за термины, которые я использую, они может быть не правильные и помогите, пожалуйста.
Ой, ещё вопрос... Как вставить картинки в слайдер на моём сайте?
Мой сайт amwayhome.storeland.ru

Наверх

#30 Vaccina

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

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

Отправлено 10 Январь 2013 - 22:29

Изменения необходимо делать в файле стилей main.css Почитайте данную тему полностью, изменения необходимо проводить над классом body

Найдите

body {
	background: url("/web/upload/assets/images/156/155780/bg.jpg") no-repeat scroll center top #ADCDD7;
	color: #000000;
	font: 100%/1.4 Tahoma,Geneva,sans-serif;
	margin: 0;
	padding: 0;
}

и замените на

body {
	background: url("/web/upload/assets/images/156/155780/bg.jpg") no-repeat fixed center top #ADCDD7;
	color: #000000;
	font: 100%/1.4 Tahoma,Geneva,sans-serif;
	margin: 0;
	padding: 0;
}

Данный текст вы можете заменить в шаблоне "HTML"

<li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>

Так же найдите в файле стилей main.css

#header .blocks .rght ul li.timework {
	color: #F7F9FA;
	font: bold 14px Verdana,Geneva,sans-serif;
	margin-top: 19px;
	padding-left: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	width: 225px;
}

и замените на

#header .blocks .rght ul li.timework {
	color: #F7F9FA;
	font: bold 14px Verdana,Geneva,sans-serif;
	margin-top: 105px;
	padding-left: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	width: 225px;
}

Изображения для слайдера вы можете загрузить в разделе редактора тем, или в разделе файлы. Далее вам необходимо будет заменить ссылки на изображения в вашем слайдере, а именно в теге <img> атрибута src

Наверх

#31 hust

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

Пользователи
102 сообщений

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

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

и можно ли его тоже затекстурить? (замостить) если да то как?
спасибо.

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

Наверх

#32 Koderhan

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

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

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

hust (13 Январь 2013 - 18:00) писал:

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

и можно ли его тоже затекстурить? (замостить) если да то как?
спасибо.

Изменение фона верхней панели навигации.
В файле main.css.
Найти код:

	 #panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }

Заменить:

	 #panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; background-color: rgb(214, 230, 214);/*фон в rgb*/}

Для того что бы изменить фон блока с основным текстом страницы.
В файле main.css.
Найти код:

#content .headline .main { background:url({ASSETS_IMAGES_PATH}grad-grey.jpg) bottom center repeat-x; padding:10px 12px 13px 12px; border:1px solid #dadada; border-top:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

Заменить:

#content .headline .main { padding:10px 12px 13px 12px; border:1px solid #dadada; border-top:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; background-color: #E8F5F2;}

Фон под корзиной это изображение panel-bg.png. Вы можете изменить изображение в любом графическом редакторе и загрузить на сайт измененный файл с таким же именем и с такими же размерами.

Наверх

#33 hust

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

Пользователи
102 сообщений

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

простите за назойливость
логотип сайта открывается нормально во всех браузерах кроме IE там он виден как на приложенном скрине
как увеличить высоту этой строки "1" (расширить) и можно ли изменить расстояние 2 например сделать лого ближе к верху
спасибо.

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

Наверх

#34 Koderhan

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

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

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

hust (14 Январь 2013 - 23:30) писал:

простите за назойливость
логотип сайта открывается нормально во всех браузерах кроме IE там он виден как на приложенном скрине
как увеличить высоту этой строки "1" (расширить) и можно ли изменить расстояние 2 например сделать лого ближе к верху
спасибо.

На данный момент ваш сайт в браузере IE7 отображается нормально.
Расширеть блок шапки сайта можно изменив код в файле main.csstemplate.
Найти код:

#header { width:100%; height:100px; clear:both;  }

Заменить:

#header {
width:100%;
height:100px;/*высота блока*/
clear:both;
}

Наверх

#35 hust

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

Пользователи
102 сообщений

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

спасибо за ответы по немного разбираюсь, захотел поставить icq лого статуса в панель контактов, для этого
перенес айсикъюшную строку сюда:

<li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}

получилось как я и хотел но асечный контакт расположился левее чем нужно, как ему сказать чтоб он подвинулся правее?

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

Наверх

#36 Koderhan

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

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

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

hust (15 Январь 2013 - 18:21) писал:

спасибо за ответы по немного разбираюсь, захотел поставить icq лого статуса в панель контактов, для этого
перенес айсикъюшную строку сюда:

<li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}

получилось как я и хотел но асечный контакт расположился левее чем нужно, как ему сказать чтоб он подвинулся правее?

Попробуйте этот код:

<li class="title">Контакты для связи:</li>
{% IF SETTINGS_STORE_ICQ %}<li class="padd" style="margin-left: 22px;"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq=321777285&amp;img=27" alt="Статус" style="margin-right: 8px;">{SETTINGS_STORE_ICQ}</li>{% ENDIF %}

Наверх

#37 hust

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

Пользователи
102 сообщений

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

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

Попробуйте этот код:

<li class="title">Контакты для связи:</li>
{% IF SETTINGS_STORE_ICQ %}<li class="padd" style="margin-left: 22px;"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq=321777285&amp;img=27" alt="Статус" style="margin-right: 8px;">{SETTINGS_STORE_ICQ}</li>{% ENDIF %}

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

Наверх

#38 Сергей

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

Пользователи
24 сообщений

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

Vaccina (10 Январь 2013 - 22:29) писал:

Изменения необходимо делать в файле стилей main.css Почитайте данную тему полностью, изменения необходимо проводить над классом body

Найдите

body {
background: url("/web/upload/assets/images/156/155780/bg.jpg") no-repeat scroll center top #ADCDD7;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;
}

и замените на

body {
background: url("/web/upload/assets/images/156/155780/bg.jpg") no-repeat fixed center top #ADCDD7;
color: #000000;
font: 100%/1.4 Tahoma,Geneva,sans-serif;
margin: 0;
padding: 0;
}

Данный текст вы можете заменить в шаблоне "HTML"

<li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>

Так же найдите в файле стилей main.css

#header .blocks .rght ul li.timework {
color: #F7F9FA;
font: bold 14px Verdana,Geneva,sans-serif;
margin-top: 19px;
padding-left: 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
}

и замените на

#header .blocks .rght ul li.timework {
color: #F7F9FA;
font: bold 14px Verdana,Geneva,sans-serif;
margin-top: 105px;
padding-left: 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
}

Изображения для слайдера вы можете загрузить в разделе редактора тем, или в разделе файлы. Далее вам необходимо будет заменить ссылки на изображения в вашем слайдере, а именно в теге <img> атрибута src

Спасибо за Ваши ответы.
Я сделал, как Вы посоветовали, пока вроде получается, правда до слайдера я ещё не дошёл, но теперь следующий вопрос: Сменил надпись "работает" на "принимаем заказы", но теперь эта надпись не влезает в само тело сайта

помогите, пожалуйста (хотелось бы подвинуть предложение левее, к логотипу). Спасибо!!!

Наверх

#39 hust

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

Пользователи
102 сообщений

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

может кому будет полезно - Простенький скрипт *при наведении курсора картинка меняется*

<a href="ССЫЛКА"><img src='простая картинка без наведения'
onmouseover="this.src='картинка при наведение'"
onmouseout="this.src='простая картинка без наведения'" border=0>

Наверх

#40 Vaccina

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

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

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

Найдите в файле стилей main.css раздела редактора тем следующий класс

#header .blocks .rght ul li.timework {
	color: #F7F9FA;
	font: bold 16px Verdana,Geneva,sans-serif;
	margin-top: 80px;
	padding-left: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	width: 225px;
}

и замените его на

#header .blocks .rght ul li.timework {
	color: #F7F9FA;
	font: bold 16px Verdana,Geneva,sans-serif;
	margin-top: 80px;
	padding-left: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	width: 240px;
}