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


Фон


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

#221 mamont

mamont

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • Городмосква

Отправлено 28 Февраль 2012 - 12:01

здравствуйте,помогите пожалуйста.как сделать чтоб задний фон не пркручивался с менюшкой сайта???
вот что у меня щас прописано
body {
  background: url({ASSETS_IMAGES_PATH}331.jpg);
  min-width: 960px;

и второй вопросик.как сделать прозрадный фон темный фон меню.пример yasai.ru

#222 Vaccina

Vaccina

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

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

Отправлено 28 Февраль 2012 - 18:42

Не совсем вас понимаю.
у вас сейчас заданы следующие стили для body

	background-color: #000000;
	background-image: url("images/fon1.jpg");
	background-position: center center;
	background-repeat: repeat-y;

Возможно вы хотите что бы изображение не повторялось? Для этого необходимо использовать


	background-color: #000000;
	background-image: url("images/fon1.jpg");
	background-position: top center;
	background-repeat: no-repeat;


#223 Dest12

Dest12

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

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

Отправлено 28 Февраль 2012 - 20:11

Просмотр сообщенияDest12 (27 Февраль 2012 - 18:58) писал:

После добавления общего фона по бокам, шапка пропала, ее не видно.
Как сделать видным тело сайта и подвал, вы сказали, а как шапку нет?
вот сайт, шапка пропала после добавления общего фона
___________________________________________

Вот скриншот
Блок каталог товаров не должен упираться в подвал.
Vaccina, ответьте мне пожалуйста.
Очень буду благодарен.

#224 Vaccina

Vaccina

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

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

Отправлено 29 Февраль 2012 - 20:37

В файле стилей найдите

#wrapper {
	background: url("http://img.storeland.ru/web/upload/assets/images/41/40567/Vizer1.png") repeat scroll center center transparent;
}

и замените на

body {
	background: url("http://img.storeland.ru/web/upload/assets/images/41/40567/Vizer1.png") repeat scroll center center transparent;
}


#225 Dest12

Dest12

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

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

Отправлено 29 Февраль 2012 - 20:43

Спасибо большое, с шапкой получилось)
А как сделать блок товаров так, как я ранее написал и приложил скрин?

#226 Vaccina

Vaccina

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

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

Отправлено 01 Март 2012 - 20:00

как вариант в редактор тем - main.css -
в этом блоке убрать background:
#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/41/40567/telo2.png") repeat scroll 0 80px transparent;
	padding-top: 10px;
}

и прописать его тут:
.content_body {
	vertical-align: top;
}
и тут:
.content_catalog div {
}
(этот блок мы дописываем его в файле нет)

#227 Евгений777

Евгений777

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

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

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

скажите пож.
1. как выделить блок корзина, и поиск.
2.закруглить края
3.вставить рисунок

Моя ссылка

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

  • Безымянный.jpg


#228 Dest12

Dest12

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

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

Отправлено 05 Март 2012 - 10:24

Если убирать  background:, то тело сайта вообще нет)
Оно исчезает, а каталог съезжает вниз)

#229 Vaccina

Vaccina

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

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

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

Цитата

скажите пож.
1. как выделить блок корзина, и поиск.
2.закруглить края
3.вставить рисунок

Цитата

закруглить края

Для закругления найдите в файле стилей
.content_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/14/13156/cpage-top-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
	overflow: hidden;
	padding-bottom: 2em;
}

замените на

.content_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/14/13156/cpage-top-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	overflow: hidden;
	padding-bottom: 2em;
}

Для выделения корзины используйте класс

#cartInfo {
	color: #FFFFFF;
	font-size: 13px;
	height: 20px;
	left: 380px;
	overflow: hidden;
	position: absolute;
	top: 54px;
	white-space: nowrap;
	width: 340px;
}

для поиска

#search {
	float: right;
	height: 35px;
	padding-right: 15px;
	padding-top: 45px;
	width: 245px;
}

Вставка блока решается аналогичным путем

http://forum.storela...dpost__p__14904

или

http://forum.storela...ndpost__p__5029

для передвижения блока используйте css свойства top, left, right, bottom

например залив его фоном или задав другие css стили.

Цитата

Если убирать background:, то тело сайта вообще нет)
Оно исчезает, а каталог съезжает вниз)

Из-за свойства background каталог не может съехать ровно как и вся верстка. Проверьте все ли правильно вы сделали. Возможно удалили лишний тег например закрывающую фигурную скобку и т.д

#230 Евгений777

Евгений777

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

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

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

Подскажите что мне делать, вылез вправо край каталога и блок кометария? На странице без товара все норм. добавляю товар все вправо слезает.
Может уменьшить размер фото товара.
Вот СМОТРИТЕ

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

  • Безымянный.jpg


#231 Dest12

Dest12

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

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

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

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

#232 Евгений777

Евгений777

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

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

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

Еще плюс к тому не работает кнопка в корзину. Помогите пожайлуста!!!!!!!!!!!!!
вот ссылка


Моя ссылка

#233 Vaccina

Vaccina

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

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

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

Цитата

Подскажите что мне делать, вылез вправо край каталога и блок кометария? На странице без товара все норм. добавляю товар все вправо слезает.
Может уменьшить размер фото товара.
Вот СМОТРИТЕ
тут 3 варианта:
-сделать вывод товаров по 2 шт. вместо 3х
-уменьшить размеры товарных блоков
-уменьшить блок комментариев(но, к сожалению, на данный момент он у меня не выводится(Ivalid application domain. ))
скажите какой вариант Вам больше подходит и я постараюсь Вам помочь.

Цитата

скажите пожалуйста, а как границу видимую задать на каталог, то есть рамку)
Ну вот у меня с левой стороны на теле сайта есть тоненькая полосочка, а справа нет, как ее добавить?
Данная полоска у Вас находится в сл.блоке в файле main.css:
.content_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/41/40567/polosa.jpg") no-repeat scroll 710px 68px transparent;
	overflow: hidden;
	padding-bottom: 2em;
}

Цитата

Еще плюс к тому не работает кнопка в корзину. Помогите пожайлуста!!!!!!!!!!!!!
вот ссылка
у меня данная кнопка функционирует по данной ссылке. Проверяла в мазиле.
как вариант задать тот же background сл.блоку:
.content_catalog {
	padding-top: 80px;
	vertical-align: top;
}

только 710px 68px изменить на right 70px

#234 Евгений777

Евгений777

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

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

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

Мне подходит вариант -уменьшить размеры товарных блоков.


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

#235 Евгений777

Евгений777

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

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

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

Попробовал совет про корзину. Что то не работает всё равно! или может я что  то не догоняю

#236 Евгений777

Евгений777

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

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

Отправлено 08 Март 2012 - 11:47

на странице товара не работает вообще кнопки.
Такие как:-В корзину
          -Добавить к сравнению
          -Отзывов пока не было. Вы можете !!!!!оставить его первым!!!!!
Моя ссылка

#237 Dest12

Dest12

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

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

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

Ответьте пожалуйста на вопрос)
скажите пожалуйста, а как границу видимую задать на каталог, то есть рамку)
Ну вот у меня с левой стороны на теле сайта есть тоненькая полосочка, а справа нет, как ее добавить?

#238 Vaccina

Vaccina

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

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

Отправлено 12 Март 2012 - 10:11

Цитата

на странице товара не работает вообще кнопки.
Такие как:-В корзину
-Добавить к сравнению
-Отзывов пока не было. Вы можете !!!!!оставить его первым!!!!!
Моя ссылка

Проверила ваш сайт - кнопки работают нормально. Возможно проблема в вашем браузере.

Цитата

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

Как я понимаю обводка сделана в самом изображении. Вы можете к правой стороны сделать её через стили css. Для этого необходимо в файле стилей найти

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/41/40567/telo2.png") repeat scroll 0 80px transparent;
	padding-top: 10px;
}

и заменить на
#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/41/40567/telo2.png") repeat scroll 0 80px transparent;
	border-right: 1px solid #CCCCCC;
	padding-top: 10px;
}

Так же необходимо найти

.container {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

и заменить на

.container {
	margin: 0 auto;
	position: relative;
	width: 958px;
}


#239 natalybuh

natalybuh

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

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

Отправлено 12 Март 2012 - 14:25

Здравствуйте! Все честно читала, кое-что пробовала. Ничего не получилось. В итоге переустановила тему Сияние, чтоб все осталось как было. Объясните, пжл, для особо одаренных, порядок моих действий:  :blink:
1. Загрузить картинку в файлы через редактор тем
2. В шаблоне HTML вставляю код <body style="background:url("{ASSETS_IMAGES_PATH}название картинки") repeat-xy center center;">
??? ничего не происходит.  :huh:

http://asia-beauty.ru/

Спасибо.

#240 Евгений777

Евгений777

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

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

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

Скажите пож как мне уменьшить размеры товарных блоков?А то у меня блок коментариев вылазиет!

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

  • Безымянный.jpg





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

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