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

[3aiac]

Vaccina (02 Август 2011 - 21:19) писал:

Для изменения положения блока с контактами можно воспользоваться следующим css классом

#contactInfo {
	font-size: 1.1em;
	left: 170px;
	position: absolute;
	top: 10px;
}

находиться он в вашем файле стилей main.css

вам нужно менять значения left и top

Для управления блоком с верхним меню можно воспользоваться классом

#top-menu {
	height: 40px;
	overflow: hidden;
}

далее управлять положением через свойство margin

например

#top-menu {
	height: 40px;
	overflow: hidden;
	margin-top:10px;
}

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

Большое спасибо! Будем пробовать)

[uka]

Здравствуйте. Читала все что было описано выше но ничего не поняла. Хочу изменить фон с белого на черный пробовала ничего не получилось. Скажите особенно (Умным)   как все-таки изменить. может напишите более подробно.  пошагово. а лучше весь код и куда ставить.   заранее благодарна.

[Vaccina]

Хм. почитайте данную тему http://forum.storela...ch__1#entry1194
Она довольно таки обширная

[uka]

Vaccina (03 Август 2011 - 19:00) писал:

Хм. почитайте данную тему http://forum.storela...ch__1#entry1194
Она довольно таки обширная

Спасибо конечно за ответ. Но ваш ответ мне не особо помог .Изменила цвет как было написано. Но у меня не весь сайт стал нужного  цвета.   Моя ссылкаПолучилась непонятная заплатка ни к селу не к городу. что с этим делать? помогите пожалуйста.

[velena168]

uka (04 Август 2011 - 14:35) писал:

Спасибо конечно за ответ. Но ваш ответ мне не особо помог .Изменила цвет как было написано. Но у меня не весь сайт стал нужного  цвета.   Моя ссылкаПолучилась непонятная заплатка ни к селу не к городу. что с этим делать? помогите пожалуйста.

Ну и зачем Вам этот траурный цвет? Очень устают глаза и хочется скорей уйти с сайта.

[uka]

velena168 (04 Август 2011 - 14:58) писал:

Ну и зачем Вам этот траурный цвет? Очень устают глаза и хочется скорей уйти с сайта.

спасибо за совет  

[feeena]

support (01 Март 2011 - 16:41) писал:

Сейчас вижу у этого магазина шаблон "мокко"... для него фон меняется изменением в редакторе тем файла main.csstemplate, изменением стилей:

Для шапки сайта:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}

Для тела сайта:

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

Для подвала сайта:

#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Для понимания как это работает я бы советовал Вам прочитать вот эту информацию о свойстве background
Либо можно поступить проще и заменить файлы в том же редакторе тем, в блоке файлы:
Для шапки сайта:
header_bg.jpg

Для тела сайта снизу:
contentWrap_bg.jpg

Для подвала сайта:
botfade.jpg

Под заменой я имею ввиду - удалить в редакторе тем старый файл и закачать вместо него новый с тем же названием чтобы не править лишний раз css файлы

А всё таки подскажите пожалуйста для "сияния" эти файлы! В заранее спасибо (для шапки, для тела, для подвала)

[feeena]

Ребята подскажите какой файл отвечает за "тело" фона и как его и где менять!( на картинке выделил красным что хочется поменять) В заранее благодарен!
p/s/ если не сложно подскажите размер тела для фоновой картинки.

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

• 

[Vaccina]

А всё таки подскажите пожалуйста для "сияния" эти файлы! В заранее спасибо (для шапки, для тела, для подвала)

Данные стили будут выглядеть так

.b_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/header_page.png") no-repeat scroll center top transparent;
}

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

#footer {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/footer_bg.jpg") no-repeat scroll center top transparent;
	height: 60px;
	margin: 0 auto;
	padding: 10px;
	width: 940px;
}

Цитата

Ребята подскажите какой файл отвечает за "тело" фона и как его и где менять!( на картинке выделил красным что хочется поменять) В заранее благодарен!
p/s/ если не сложно подскажите размер тела для фоновой картинки.

По идее для этого нужно менять стили в файле main.css

#wrapper {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

body {
	background-color: #212121;
	min-width: 960px;
}

Изображение должно быть не большого размера, для того что бы быстро подгружаться, в общем все зависит от того какое изображение вы выберите.

[feeena]

Vaccina (25 Август 2011 - 09:59) писал:

А всё таки подскажите пожалуйста для "сияния" эти файлы! В заранее спасибо (для шапки, для тела, для подвала)

Данные стили будут выглядеть так

.b_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/header_page.png") no-repeat scroll center top transparent;
}

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

#footer {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/footer_bg.jpg") no-repeat scroll center top transparent;
	height: 60px;
	margin: 0 auto;
	padding: 10px;
	width: 940px;
}

По идее для этого нужно менять стили в файле main.css

#wrapper {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

body {
	background-color: #212121;
	min-width: 960px;
}

Изображение должно быть не большого размера, для того что бы быстро подгружаться, в общем все зависит от того какое изображение вы выберите.

СПАСИБО большое за инфу

[Barmalei]

Мой вопрос похож на предыдущий, но всё-же подскажите пожалуйста, как мне закрасить только бока страницы - а центральную часть оставить белой? А точнее не закрасить бока - а подгрузить туда изображение.

изменение стиля вот тут:

#wrapper {
    background-color: #FFFFFF;
    padding-bottom: 10px;
}

body {
    background-color: #212121;
    min-width: 960px;
}

- закрасило и бока страницы и фон писанины.


Для наглядности, также, высылаю скрин где красным зарисовал место куда нужно вставить картинку:

[Vaccina]

Можно использовать те классы что вы привели, а для заливки центральной части использовать следующий класс

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/17/16234/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

т.е его можно залить белым цветом

[Barmalei]

Vaccina (30 Август 2011 - 22:40) писал:

Можно использовать те классы что вы привели, а для заливки центральной части использовать следующий класс

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/17/16234/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

т.е его можно залить белым цветом

Что-не помогло...

Когда я сделал так:

body {
  background-color: #212121;
  min-width: 960px;
}
#wrapper {
  background: url(http://files.storeland.ru/web/upload/sitefiles/1/36/35033/11111.jpeg) repeat center center;
  padding-bottom: 10px;
}
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top;}

У меня закрасилась вообще вся страница, в том числе и шапка....


Может есть другие способы вставить картинку на места, где зачёркнуто красным?


Нужно вставить картинку только на место боковых белых полосок - и всё! Всё остальное должно остаться как было!

[Vaccina]

Думаю что можно только через

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/17/16234/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

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

[pit1664]

Сделал как написано, но ничего не поменялось, вот скриншот

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

• 

[Barmalei]

Что вот здесь не так?

#wrapper {
  background-image: url('{ASSETS_IMAGES_PATH}img.jpg') repeat center center; 
  padding-bottom: 10px;
}

Вместо картинки фон становится серым!



А если делаю вот так:

#wrapper {
  background: url('{ASSETS_IMAGES_PATH}img.jpg') repeat center center; 
  padding-bottom: 10px;
}

То картинка появляется - но исчезает шапка! Как мне вернуть шапку?!

Сообщение отредактировал Barmalei: 04 Сентябрь 2011 - 19:07

[Vaccina]

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

Я вам предлагала использовать класс

#cpages

[gjktoerb]

Vaccina (23 Июнь 2011 - 18:14) писал:

Хм. у вас путь к изображению указан с пробелом

<body style="background:url("http://img.storeland.ru/web/upload/assets/images/12/11966/ 5.jpg") repeat-xy center center;">

ошибка именно из-за этого.

Здравствуйте, хочу изменить фон, тема Лайт, поставил вот так:
</head>
  <body style="background:url("http://img.storeland...s/images/8.png") repeat-xy center center;">
  <div class="content">
    <table class="contentTable" >
      <thead>
фон не поменялся, что делать?

gjktoerb (03 Сентябрь 2011 - 08:53) писал:

Здравствуйте, хочу изменить фон, тема Лайт, поставил вот так:
</head>
  <body style="background:url("http://img.storeland...s/images/8.png") repeat-xy center center;">
  <div class="content">
    <table class="contentTable" >
      <thead>
фон не поменялся, что делать?

сделал так:
</head>
  <body style="background:url("http://allo-alenka.r...67de7ebbab.png") repeat-xy center center;">
  <div class="content">
    <table class="contentTable" >
тоже никаких изменений

[velena168]

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

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

• 

[Vaccina]

Цитата

Здравствуйте, хочу изменить фон, тема Лайт, поставил вот так:
</head>
<body style="background:url("http://img.storeland...s/images/8.png") repeat-xy center center;">
<div class="content">
<table class="contentTable" >
<thead>
фон не поменялся, что делать?

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

Цитата

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

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