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


Помогите Создать Фон В Шаблоне "Лайт"!

Автор galya.bu7, 26 янв. 2012 14:27

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

#1 galya.bu7

galya.bu7

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

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

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

ПОМОГИТЕ СОЗДАТЬ ФОН В ШАБЛОНЕ "ЛАЙТ"!!! загрузила файл. попыталась его вставить всякими способами:

В ФАЙЛЕ СТИЛЕЙ:

body                        {background-image:url("fono.png");}

.contentTable                       {background-image:url("fono.png");width:100%;}

В HTML:

<body style="background:url("fono.png") repeat-xy center center;">

ВСЕ БЕЗРЕЗУЛЬТАТНО! КАК его правильно вставить????

Помогите пожалуйста!!!

#2 galya.bu7

galya.bu7

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

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

Отправлено 26 Январь 2012 - 14:41

я все перепробовала, ничего не помогает:)  : помогите пожалуйста.

в файле стилей:

body                        {background-image:url("fono.png");}

.contentTable                       {background-image:url("fono.png");width:100%;}

А это пробовала в html:

<body style="background:url("fono.png") repeat-xy center center;">

#3 Vaccina

Vaccina

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

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

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

Вместо этого:
style="background:url("fono.png") repeat-xy center center;
Должно выглядеть так:
style="background:url("{ASSETS_IMAGES_PATH}fono.png") repeat center center;

путь прописывается 2мя способами:
1-указывать полный адрес картинки и само название картинки
2-указывать сл.переменную {ASSETS_IMAGES_PATH} далее название картинки

repeat - дублирование рисунка по горизонтали И вертикали
repeat-x  -дублирование только по горизонтали
repeat-y  -дублирование только по вертикали

#4 galya.bu7

galya.bu7

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

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

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

Просмотр сообщенияVaccina (26 Январь 2012 - 21:16) писал:

Вместо этого:
style="background:url("fono.png") repeat-xy center center;
Должно выглядеть так:
style="background:url("{ASSETS_IMAGES_PATH}fono.png") repeat center center;

путь прописывается 2мя способами:
1-указывать полный адрес картинки и само название картинки
2-указывать сл.переменную {ASSETS_IMAGES_PATH} далее название картинки

repeat - дублирование рисунка по горизонтали И вертикали
repeat-x  -дублирование только по горизонтали
repeat-y  -дублирование только по вертикали
Спасибо!

#5 zabota-mama

zabota-mama

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

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

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

Добрый день.

Пара вопросов:

     1. Чтобы немного развеселить сайт http://zabota-mama.ru/ решил изменить фон и вставил в стили:
body {
   background:#dffffd;
}
Почему фон изменился не полностью? Хочется чтобы фон изменился от шапки до подвала. Во вложении "fon.jpg" отметил стрелкой не закрашенное пространство.

    2. Можно ли отдельно изменить фон по бокам сайта? Хотелось бы его залить отдельно или вставить туда картинку. Во вложении "fon_po_bokam" отметил, что имел ввиду.

    3. Как менять размер текста при наполнении сайта? (админка -> сайт  -> страницы  -> поле "описание" любой страницы).
Есть только стиль шрифта (times, verdana...) и заголовки (абзац, заголовок 1...)

    4. Что будет если я перейду на другой шаблон? Останутся ли заведенные товары, созданные страницы и другие изменения?

    5. Если я удалил товар на сайте, можно ли его восстановить из бекапа?

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

  • fon.jpg
  • fon_po_bokam.png

#6 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 05 Февраль 2012 - 23:17

Просмотр сообщенияzabota-mama (05 Февраль 2012 - 14:59) писал:

4. Что будет если я перейду на другой шаблон? Останутся ли заведенные товары, созданные страницы и другие изменения?


По моему опыту: товар останется, шрифты останутся, но Вы потеряете изменения шапки, каталога товаров и т.п. Короче все изменения, которые вносили в шаблоне тем. У Вас вроде и так все симпатично))

#7 Vaccina

Vaccina

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

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

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

1.main.css 
#contentWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/23/22214/contentWrap_bg.jpg") repeat-x scroll left bottom transparent;
	clear: both;
}

удалите background: url("http://img.storeland...entWrap_bg.jpg") repeat-x scroll left bottom transparent;

2.для этого нужно обернуть блоки в шаблоне HTML и прописать данному блоку стили фона выровненные в одну сторону и body прописать фон выравненный в другую сторону.

3.main.css :
#primaryContent p {
	margin-right: 20px;
}
этот блок стилизует текст в основном контенте. добавьте туда необходимые шрифтовые стили

4.перейдя на другую тему(например:сияние.лайт)изменится только дизайн и все что Вы в нем переделывали, товары останутся

5.нет, там восстанавливается только структура сайт\дизайн

#8 zabota-mama

zabota-mama

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

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

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

Vaccina, Добрый вечер.

Большое спасибо за ответы.

1. Спасибо получилось.
Если не трудно поясните зачем нужна была эта строка.
И конечно не критично, но залилось и пространство ниже подвала (выделил в "pod_podvalom"). Если это не сложно, можно её убрать?

2. Какие блоки и чем нужно обвернуть? И как прописать стили выравненные и фон выравненный?
Если не трудно, можете кинуть код и куда его надо вставить?

3. Нужно как-то так сделать?
#primaryContent p {
    margin-right: 20px; 8px; 10px;
}

Я имел ввиду, можно ли менять размер шрифта при наполнении страницы (например, как в ворде). Во вложении нарисовал, что имел ввиду.

4 и 5 Понятно, спасибо!

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

  • pod_podvalom.jpg
  • razmer_shrifta.jpg

#9 desty

desty

    Новичок

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

Отправлено 08 Февраль 2012 - 15:45

всем привет , помогите пожалуйста , хочу вставить изображение фоном на сайт чтоб в каждом разделе был свой фон никак не найду куда вставлять в этом шаблоне(
мой сайт http://powderski.ru/

спасибо)

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

  • Silseth_Poster_11_12.jpg

#10 Vaccina

Vaccina

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

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

Отправлено 08 Февраль 2012 - 22:19

Цитата

1.И конечно не критично, но залилось и пространство ниже подвала (выделил в "pod_podvalom"). Если это не сложно, можно её убрать?

2. Какие блоки и чем нужно обвернуть? И как прописать стили выравненные и фон выравненный?
Если не трудно, можете кинуть код и куда его надо вставить?

3. Нужно как-то так сделать?
#primaryContent p {
margin-right: 20px; 8px; 10px;
}

Я имел ввиду, можно ли менять размер шрифта при наполнении страницы (например, как в ворде). Во вложении нарисовал, что имел ввиду.
1.Добавьте в файл стилей класс
.ui-datepicker {
 display:none;
}
2.пример:
редактор тем - html
<body>
<div class="bg_left">
...остальной стандартный код
</div>
</body>

редактор тем - main.css
body{background:url('адрес изображения') no-repeat right top;}
.bg_left{background:url('адрес изображения') no-repeat left top;}
3.пример:
#primaryContent p { 
 margin-right: 20px;
 font-size:bold 20px times new roman; 
 }
а обычный текст при наполнении страницы сайта можно менять в визуальном редакторе(заголовок 1, заголовок 2 и т.д.)


Цитата

всем привет , помогите пожалуйста , хочу вставить изображение фоном на сайт чтоб в каждом разделе был свой фон никак не найду куда вставлять в этом шаблоне(
мой сайт http://powderski.ru/
редактор тем - main.css:
body {
	color: #333333;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0;
	opacity: 0.999;
	padding-bottom: 30px;
}
сюда вставляем изображение через стиль background

по поводу каждого раздела немного не понятно, объясните поподробнее

#11 desty

desty

    Новичок

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

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

куда именно вставлять?
я вижу вот такие строчки :
   body                        {padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: verdana, arial,                                                                  helvetica, sans-serif; color: #333; font-size: 11px; opacity: .999}
    a                           {cursor:pointer;color:#286da2;text-decoration:none;}
    a:hover                     {color:#000;text-decoration:underline;}
    img                         {border:0px;}
    .floatLef

вот адресс изображения например
http://files.storela...590/Punx_14.jpg

#12 TAD-jik

TAD-jik

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

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

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

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

Для начала закачиваете вот сюда свое изображение

sdfsf.JPG

После этого как закачали изображение нажимаете на вот эту иконку

ddfd.JPG

За тем как нажали на нее перед вами открываеться мизерное окошко со сылкой

dfdffd.JPG

Копируете эту сылку.

Переходите в редактор тем, там находите файл main.csstemplate

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

body {
	color: #333333;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0;
	opacity: 0.999;
	padding-bottom: 30px;
}

Заменяете на такие стили

body {
	background: url(" тут сылка на ваше изображение ") repeat-x scroll left bottom transparent;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0;
	opacity: 0.999;
	padding-bottom: 30px;
}

И сохраняете.

Вот и все :rolleyes:

#13 desty

desty

    Новичок

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

Отправлено 09 Февраль 2012 - 16:24

спасибо :rolleyes:  наконец то разобрался)

#14 TAD-jik

TAD-jik

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

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

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

Да не зачто обращайтесь :rolleyes:

#15 zabota-mama

zabota-mama

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

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

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

Просмотр сообщенияVaccina (08 Февраль 2012 - 22:19) писал:

1.Добавьте в файл стилей класс
.ui-datepicker {
 display:none;
}
2.пример:
редактор тем - html
<body>
<div class="bg_left">
...остальной стандартный код
</div>
</body>

редактор тем - main.css
body{background:url('адрес изображения') no-repeat right top;}
.bg_left{background:url('адрес изображения') no-repeat left top;}
3.пример:
#primaryContent p { 
 margin-right: 20px;
 font-size:bold 20px times new roman; 
 }
а обычный текст при наполнении страницы сайта можно менять в визуальном редакторе(заголовок 1, заголовок 2 и т.д.)


Vaccina большое спасибо, получилось!

Вставил кубики, по-моему стало симпатичнее! http://zabota-mama.ru/

Картинка с кубиками

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

  • kubs.png

#16 zabota-mama

zabota-mama

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

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

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

Просмотр сообщенияzabota-mama (11 Февраль 2012 - 22:51) писал:

Vaccina большое спасибо, получилось!

Вставил кубики, по-моему стало симпатичнее! http://zabota-mama.ru/

Картинка с кубиками
Помогите!!!!!

На разрешениях равным или меньше 1024x кубики по бокам наезжают на каталог.
А таких визитов у меня ~15 %.

Как можно исправить?

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

  • kubiki.jpg

#17 vintageshimmer

vintageshimmer

    Новичок

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

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

*Предполагаю, что далеко не первая с таким вопросом...*
Но все же, подскажите, пожалуйста, как сменить фон?
Пробовала сначала с шаблоном Сияние, но потом переключилась на эту тему.
Не вышло ни в той, ни в другой.
Вот, что я вставляю в код:
</head>
<body style="background:url("{ASSETS_IMAGES_PATH}9af7c2888ac1.jpg") repeat center center;">
<body lang="ru">

не меняется ничего
сайт http://vintage-shimmer.storeland.ru/

#18 Vaccina

Vaccina

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

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

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

Цитата

На разрешениях равным или меньше 1024x кубики по бокам наезжают на каталог.
А таких визитов у меня ~15 %.

Как можно исправить?

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

#leftMenuBlockWrap {
	padding: 1em 0 40px;
	vertical-align: top;
	width: 170px;
}

заменить на 

#leftMenuBlockWrap {
	background: #FFFFFF;
	padding: 1em 0 40px;
	vertical-align: top;
	width: 170px;
}

далее найти 

#primaryContent {
	padding: 0 0 40px 0;
	vertical-align: top;
	width: 750px;
}

и заменить на 

#primaryContent {
	padding: 0 0 40px 0;
	vertical-align: top;
	width: 750px;
	background: #FFFFFF;
}

Цитата

*Предполагаю, что далеко не первая с таким вопросом...*
Но все же, подскажите, пожалуйста, как сменить фон?
Пробовала сначала с шаблоном Сияние, но потом переключилась на эту тему.
Не вышло ни в той, ни в другой.

Попробуйте использовать 

<body style="background:url('{ASSETS_IMAGES_PATH}9af7c2888ac1.jpg') repeat center center;">

Вам нужно удалить

<body lang="ru">

#19 kks

kks

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

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

Отправлено 03 Апрель 2012 - 15:37

Подскажите вроде все сделал,как написано но что то все смещается
Изображение

#20 Vaccina

Vaccina

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

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

Отправлено 03 Апрель 2012 - 17:46

объясните пожалуйста поподробнее, Вы имеете ввиду что все вниз смещается или что-то еще?
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лайт
  5. → Изменение общей стилистики
  6. Privacy Policy