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


Фон

Автор shreg1, 28 янв. 2011 12:03

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

#301 Vaccina

Vaccina

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

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

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

Лучше не удалять файлы, а изменить стиль, убрав использование изображения. Например в файле стилей main.css найти 

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

и заменить на 

#cpages {
	padding-top: 10px;
}

#302 Асель

Асель

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

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

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

Здравствуйте,как растянуть фон тут на всю страницу?Чтобы он не шёл отрезками.Как убрать сбоку белую полосу между каталогом?Как в самом верху добавить логотип и значок корзины если нет шапки?И как контакты переместить в право?

#303 Koderhan

Koderhan

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

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

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

Просмотр сообщенияАсель (25 Октябрь 2012 - 00:17) писал:

Здравствуйте,как растянуть фон тут на всю страницу?Чтобы он не шёл отрезками.Как убрать сбоку белую полосу между каталогом?Как в самом верху добавить логотип и значок корзины если нет шапки?И как контакты переместить в право?
Не забывайте делать резервные копии шаблонов(Сайт-> Редактор тем, внизу страницы "Резервное копирование" , добавить резервную копию).
Как растянуть фон?
Это можно сделать в файле main.csstemplate.
Зайти Сайт->Редактор тем, открыть файл main.csstemplate, внизу файла прописать следующий код:
  html {
	   background: url(http://famboutique.ru/web/upload/assets/images/129/128127/Bankoboev.Ru_nezhnyi_sirenevo_rozovyi_fon.jpg?2535) no-repeat center center fixed;
	   -webkit-background-size: cover;
	   -moz-background-size: cover;
	   -o-background-size: cover;
	   background-size: cover;
}
Еще советую вам удалить оттуда теги "<style>,</style>", это лишнее.

Открыть файл "HTML"
Найти код похожий на это :
<body style="background:url('/web/upload/assets/images/129/128127/Bankoboev.Ru_nezhnyi_sirenevo_rozovyi_fon.jpg?2535')repeat center center;">
Удалить эту часть: 
style="background:url('/web/upload/assets/images/129/128127/Bankoboev.Ru_nezhnyi_sirenevo_rozovyi_fon.jpg?2535')repeat center center;"

Как удалить белую полоску?
В этом же файле main.csstemplate найти код:
.content_page {
  background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 230px 68px;
  overflow:hidden;  
  padding-bottom: 2em;
}
Заменить на :
.content_page {
  overflow:hidden;  
  padding-bottom: 2em;
}

Как добавить иконку корзины?
Это обсуждалось на форуме http://forum.storela...ка-для-корзины/
Если вы хотите что то другое то опишите вопрос подробней, желательно с скриншотами.

Как переместить контакты вправо ?
Для этого, можно изменить код в файле main.csstemplate:
#contactInfo {
  position:absolute;
  font-size:1.1em;
  top: 10px;/*Отступ сверху страницы, значения указываются в пикселях*/
  left: 170px;/*Отступ слева страницы*/
}
можете увеличить значение "left" для смещения вправо.

Удачи!

#304 Асель

Асель

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

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

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

Спасибо огромнейшее за ответ получилось,есть следующие вопросы

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

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

#305 Koderhan

Koderhan

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

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

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

Просмотр сообщенияАсель (25 Октябрь 2012 - 12:13) писал:

Спасибо огромнейшее за ответ получилось,есть следующие вопросы

Я рад что у вас получилось.
Цвет меню можно поменять в редакторе тем. (Сайт -> Редактор тем) открыть файл main.csstemplate.
Найти код:
 
#mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FF1493;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/web/upload/assets/images/129/128127/tm_link_border.gif) no-repeat right top; 
}
Заменить на :
#mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: black;/*цвет текста меню*/
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/web/upload/assets/images/129/128127/tm_link_border.gif) no-repeat right top; }

Текст "Добро пожаловать" можно удалить в панели администратора.
Пройти по Сайт -> Страница .
тут список страниц, в том числе и страница на главной , найдите ее и отредактируйте.

Изменение расположение корзины. В файле main.csstemplate найти код:
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;
  left: 380px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}

Заменить на : 
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 190px;/*отступ сверху*/
  left: 672px;/*отступ слева*/
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}

#306 Асель

Асель

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

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

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

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

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

  • allfons.ru-15831.jpg
  • allfons.ru-15831.jpg

#307 Koderhan

Koderhan

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

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

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

Странно. Корзина не поменялась. Вы вставили код css в main.csstemplate?
Должно поменяться.
Какое левый столбик удалить ?
Закругленные углы на кнопке "Корзина":
Можно удалить белые уголки на картинке Изображение
сделать угалки прозрачными и загрузить картинку в список файлов под тем же именем .

#308 Асель

Асель

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

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

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

вставила,столбик  на первой картинке,как его убрать?Отметила чёрным

#309 Koderhan

Koderhan

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

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

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

У меня ваш код который отвечает за блок корзины выглядит так же.
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;/*тут увеличивая значение вы двигаете надпись вниз*/
  left: 380px;/*тут увеличивая значение вы двигаете надпись вправо*/
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}

#310 Асель

Асель

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

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

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

получилось,а как строку поиска переместить туда же?И как мне вставить свой логотип и иконку корзины?Шапки-то нет

#311 Асель

Асель

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

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

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

Подскажите пожалуйста ещё,вопросы на картинке

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

  • allfons.ru-15176.jpg

#312 Koderhan

Koderhan

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

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

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

Просмотр сообщенияАсель (26 Октябрь 2012 - 00:46) писал:

Подскажите пожалуйста ещё,вопросы на картинке
Для изменения фона контента вы можете отредактировать файл main.csstemplate на странице редактора тем.
Найти код :
.content_body {
  vertical-align:top;
}
Заменить на :
.content_body {
  vertical-align:top;
  background-color: white;/*цвет фона*/
}
Изменение цвета ссылок в меню .
Найти код:
  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FF1493;/*цвет текста*/
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(tm_link_border.gif) no-repeat right top; }
  #mainmenu li a:hover {
  background: url(header_page.gif") repeat-x center bottom;
  }
И укажите у свойства color другое значение, например black:
color: black;

#313 Асель

Асель

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

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

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

Вопросы на картинке

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

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

#314 Koderhan

Koderhan

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

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

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

Просмотр сообщенияАсель (26 Октябрь 2012 - 11:06) писал:

Вопросы на картинке
На странице Сайт -> Редактор тем откройте файл "HTML" .
Найти код: 
<div class="b_page" id="wrapper">
И вставьте код:
<div style="position:absolute; top:134px;background:#fff;height:40px;width:100%;
"></div>

В файле main.csstemplate найти код :
.content_page {
  overflow:hidden;  
  padding-bottom: 2em;
}
Заменить на :
.content_page {
  overflow:hidden;  
  padding-bottom: 2em;
  background-color: white;
  
}

#315 Koderhan

Koderhan

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

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

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

Если вы захотите сделать углы круглыми у элемента .content_page то вы можете вставить код :
Вместо этого: 
.content_page {
  overflow:hidden;  
  padding-bottom: 2em;
  background-color: white;
  
}
Вот этот:

.content_page {
  overflow:hidden;  
  padding-bottom: 2em;
  background-color: white;
  
  border-radius: 5px;/*Закругление в пикселях*/
}

#316 Асель

Асель

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

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

Отправлено 26 Октябрь 2012 - 12:34

спасибо большущее,ещё вопрос,как убрать полосу?

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

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

#317 Koderhan

Koderhan

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

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

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

Просмотр сообщенияАсель (26 Октябрь 2012 - 12:34) писал:

спасибо большущее,ещё вопрос,как убрать полосу?
Попробуйте в файле main.csstemplate (Сайт -> Редактор тем) найти код :
#cpages {
padding-top: 10px;
}
И заменить на :
#cpages {
/*padding-top: 10px;*/
}

#318 Асель

Асель

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

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

Отправлено 26 Октябрь 2012 - 12:54

Спасибо,так всё подробно расписали,месяц мучалась с этим всем,времени всё читать нет,сынуля не даёт)))Вы не могли бы мне ещё про слайд-шоу всё объяснить?Буду очень Вам признательна,вопрос тут (о,увидела Ваш ответ,попробую сделать как в инструкции)
Всё получилось,вопрос снят,спасибо Вам огромнейшее

#319 Koderhan

Koderhan

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

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

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

Просмотр сообщенияАсель (26 Октябрь 2012 - 12:54) писал:

Спасибо,так всё подробно расписали,месяц мучалась с этим всем,времени всё читать нет,сынуля не даёт)))Вы не могли бы мне ещё про слайд-шоу всё объяснить?Буду очень Вам признательна,вопрос тут (о,увидела Ваш ответ,попробую сделать как в инструкции)
Всегда рады помочь.

#320 Асель

Асель

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

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

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

Ещё вопросик возник,как подвинуть каталог товаров наверх?И чтобы каталог товаров был не кликабельным?Также как сделать фото слайда кликабельными?
Обратно в Изменение общей стилистики


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

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

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