Отключен JavaScript

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

0

Помогите С Сайтом

Автор Nastya, 07 июня 2013 17:30

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

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

#1 Nastya

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

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

Отправлено 07 Июнь 2013 - 17:30

Помогите пожалуйста сделать по бокам на сайте обрамление в виде желтой полоски с игрушками, как в подвале сайта.
www.игрушкитомска.рф

куда, что вставить?

Наверх

#2 Taisia

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

Модератоpы
1 289 сообщений

Отправлено 07 Июнь 2013 - 17:53

если я правильно вас понимаю, то вероятней всего Вам в графическом редакторе надо сделать фон наподобие такого
и потом эту картинку сделать фоном центральной части вашего сайта

Наверх

#3 Nastya

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

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

Отправлено 08 Июнь 2013 - 07:28

Taisia (07 Июнь 2013 - 17:53) писал:

если я правильно вас понимаю, то вероятней всего Вам в графическом редакторе надо сделать фон наподобие такого
и потом эту картинку сделать фоном центральной части вашего сайта

Да, только как это я незнаю

Taisia (07 Июнь 2013 - 17:53) писал:

если я правильно вас понимаю, то вероятней всего Вам в графическом редакторе надо сделать фон наподобие такого
и потом эту картинку сделать фоном центральной части вашего сайта

Пусть по бокам даже просто желтый фон будет

Наверх

#4 miyako

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

Модератоpы
5 372 сообщений

Отправлено 08 Июнь 2013 - 08:24

Nastya (08 Июнь 2013 - 07:28) писал:

Да, только как это я незнаю

Пусть по бокам даже просто желтый фон будет

По созданию фона вы можете обратиться в нашу лабораторию - http://storelandlab.ru/

Если желтый фон:
найдите код в main.css:

body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
background-image: url(http://files.storeland.ru/web/upload/sitefiles/6/510/509855/bg1.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;
font-size: 13px;
opacity: .999;
}

и замените на:

body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
background: yellow; /*ваш цвет*/
font-size: 13px;
opacity: .999;
}

Далее найдите код в HTML:

<body lang="ru">
<div class="podval">

и замените на:

<body lang="ru">
<div class="header">
<div class="podval">

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

  </div>
	  <!-- END Подвал сайта -->

и замените на:

  </div>
	  <!-- END Подвал сайта -->
  </div>

В main.css в самый конец файла вставьте код:

.header {background-image: url(http://files.storeland.ru/web/upload/sitefiles/6/510/509855/bg1.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;}

Далее найдите код в шаблоне HTML:

<table class="contentTable" >
	  <thead>

и замените на:

<table class="contentTable" >
	  <thead style="background:white;">

Найдите код:

<tbody>
		<tr>
		  <td class="contentTbodyCatalog">

и замените на:

<tbody style="background:white;">
		<tr>
		  <td class="contentTbodyCatalog">

Наверх

#5 Nastya

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

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

Отправлено 08 Июнь 2013 - 10:49

Получился какой то ужас, все съехало

Наверх

#6 miyako

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

Модератоpы
5 372 сообщений

Отправлено 08 Июнь 2013 - 11:19

Nastya (08 Июнь 2013 - 10:49) писал:

Получился какой то ужас, все съехало

Что именно у вас съехало? Попробуйте еще раз проделать по инструкции- http://forum.storela...том/#entry72071

Наверх

#7 sengun

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

Модератоpы
1 139 сообщений

ГородНижний Новгород

Отправлено 08 Июнь 2013 - 14:47

Попробуйте так. Найдите в файле HTML блок тега table , который содержит ту область страницы, которую вы хотите обличить в желтые линии.

<table class="contentTable">
...
</table>

Обрамите этот код в тег div так:

<div style="
background: #FFE000;
width: 120%;
margin: auto;
background-image: url(http://files.storeland.ru/web/upload/sitefiles/6/511/510098/foot.png);
background-position: bottom;
background-repeat: repeat-x;
"><table class="contentTable">
...
</table>
</div>

Теперь внутри этого тега table найдите теги <thead> и <tbody>:

<thead>
...
</thead>
<tbody>
...
</tbody>

Измените их вот так:

<thead style="background: white;">
...
</thead>
<tbody style="background: white;">
...
</tbody>

Далее в файле main.css найдите

.contentTable {
width: 100%;
}

и замените на

.contentTable {
width: 82%;
margin: auto;
}

Получится так:

Наверх

#8 Nastya

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

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

Отправлено 11 Июнь 2013 - 10:26

А вот такой фон как вставить, что бы рисунки по бокам сайта оказались

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

Наверх

#9 Koderhan

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

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

Отправлено 11 Июнь 2013 - 12:11

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

.content {
	background: url(адрес изображения) repeat;
}
.contentTbodyCatalog {
	background-color: white;
}
.valignTop {
	background-color: white;
}

Наверх

#10 Nastya

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

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

Отправлено 11 Июнь 2013 - 12:17

не получается, напишите мне куда и что всталять, я вообще не смыслю в этом

Наверх

#11 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 11 Июнь 2013 - 14:14

В файле main.css найдите блок

.content {
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 0px solid #DCECF7;
border-top: 0px;
}

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

.content {
background: url({ASSETS_IMAGES_PATH}название изображения) repeat;
max-width: 1240px;
min-width: 1000px;
margin: auto;
border: 0px solid #DCECF7;
border-top: 0px;
}

Название изображения- реальное название Вашей загруженной картинки.

Затем найдите блок

.contentTbodyCatalog				{width:225px;vertical-align:top;}

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

.contentTbodyCatalog				{width:225px;vertical-align:top;background-color: white;}

и найдите блок

.valignTop				  {vertical-align:top !important;}

и замените на

.valignTop				  {vertical-align:top !important;background-color: white;}

Наверх

#12 Nastya

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

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

Отправлено 12 Июнь 2013 - 07:47

Stasya, нет никакго результата

Наверх

#13 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 13 Июнь 2013 - 09:57

Тогда попробуйте в граф.редакторе создать такую картинку целиком. То есть с фоном для шапки, подвала и вот этими полями. Загрузите ее к себе на сайт, затем найдите блок

body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
background-image: url(http://files.storeland.ru/web/upload/sitefiles/6/510/509855/bg1.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;
font-size: 13px;
opacity: .999;
}

и замените на

body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
background: url({ASSETS_IMAGES_PATH}имя картинки);
background-position: 0% 0%;
background-repeat: repeat-x;
font-size: 13px;
opacity: .999;
}

Имя картинки- реальное имя картинки, с которым Вы загрузили ее к себе в бек-офис.