Отключен JavaScript

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

Подвал Сайта (Шаблон Пластик)

Автор frolstep, 27 янв. 2013 22:18

Подвал сайта

Вперед

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

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

#1 frolstep

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

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

ГородМск

Отправлено 27 Январь 2013 - 22:18

Доброго времени суток!
Прошу прошение, открыл тему про подвал сайта "пластик". так как нечего не нашел...если она не актуальна и была создана из-за моей не внимательности, прошу строго не судить и просто удалить.

Вопрос
Хочу сделать в подвале три блока, которые можно использовать под меню, статьи. банеры
Как изменить фон подвала, т.е. вставить какртинку по тематике сайта.

Спасибо!

Наверх

#2 Koderhan

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

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

Отправлено 28 Январь 2013 - 08:36

В файл "HTML".
До кода:

<div class="copyring">
	 <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
</div>
</div>

Добавить:

<div class="g">
<div class="block1"></div>
<div class="block2"></div>
<div class="block3"></div>
</div>

В файл "main.csstemplate".
Добавить.

#footer .g {
	width: 90%;
	border:1px solid black;
	height: 50px;
	margin:0 auto;
}
#footer .g div {
	width:30%;
	display: inline-table;
	height: 50px;
	margin:0 auto;
	border: 1px solid black;
}

Эти блоки вы можете наполнить содержанием.
Для изменения фона футера.
В файле "main.csstemplate".
Найти код:

#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }

Заменить:

#footer {
clear:both;
width:100%;
background:#485d63;/*цвет фона*/
border-top:4px solid #64828b;/*цвет бордюра*/
margin:20px 0 17px 0;
}

Наверх

#3 frolstep

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

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

ГородМск

Отправлено 28 Январь 2013 - 11:52

Спасибо!

Наверх

#4 Михаил87

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

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

Отправлено 09 Февраль 2013 - 10:40

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

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

Наверх

#5 miyako

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

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

Отправлено 09 Февраль 2013 - 10:50

Михаил87 (09 Февраль 2013 - 10:40) писал:

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

Куда именно вам нужно прикрепить картинку? Может быть ниже прикрепленной мною, или вместо нее?

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

Наверх

#6 frolstep

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

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

ГородМск

Отправлено 10 Февраль 2013 - 11:21

Выше описано как, только блок ставьте 1

<div class="g">
<div class="block1">
<a href="ссылка на страницу, если надо" title="описание"><img src="адрес картинки" alt="описание"></a>
</div>
</div>

Наверх

#7 Михаил87

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

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

Отправлено 11 Февраль 2013 - 08:56

miyako (09 Февраль 2013 - 10:50) писал:

Куда именно вам нужно прикрепить картинку? Может быть ниже прикрепленной мною, или вместо нее?

Вместо

Наверх

#8 Михаил87

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

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

Отправлено 11 Февраль 2013 - 09:04

frolstep (10 Февраль 2013 - 11:21) писал:

Я не понял.... извините.

Наверх

#9 miyako

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

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

Отправлено 11 Февраль 2013 - 09:33

Михаил87 (11 Февраль 2013 - 09:04) писал:

Я не понял.... извините.

Удалите из бэк офиса картинку:panelbottom-bg.jpgчерез Сайт->Редактор тем->Файлы. Назовите нужную вам картинку - panelbottom-bg.jpg и загрузите на сайт тоже в Файлы

Наверх

#10 Михаил87

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

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

Отправлено 11 Февраль 2013 - 11:44

А в подвале что нужно прописать чтобы появилась эта полоска? Просто я ее удалил давно уже))

Наверх

#11 miyako

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

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

Отправлено 11 Февраль 2013 - 11:47

Михаил87 (11 Февраль 2013 - 11:44) писал:

А в подвале что нужно прописать чтобы появилась эта полоска? Просто я ее удалил давно уже))

конец файла шаблона HTML:

<!-- Нижняя панель сайта -->
<div id="panelbottom">
  <div class="money">
	<p>Мы принимаем:</p>
	<div class="img"></div>
  </div>
  <div class="schetchiki">
	{SETTINGS_STORE_HTML_CODE}
  </div>
</div>
<!-- Нижняя панель сайта-Конец -->
</div>
</body>
</html>

Стили(main.csstemplate):

/*Нижняя панель*/
#panelbottom .money { font:bold 14px Verdana, Geneva, sans-serif; color:#646464; }
  #panelbottom .money p { float:left; margin:13px 10px 0 10px;   }
  #panelbottom .money .img { float:left; margin:7px 0 0 0; background:url({ASSETS_IMAGES_PATH}panelbottom-bg.jpg) no-repeat; width:508px; height:28px; }
#panelbottom .schetchiki { text-align:right; float:right; margin:6px 15px 0 0; width:315px; height:33px; overflow:hidden; opacity: 0.7; filter: alpha(Opacity=70);  }
#panelbottom .schetchiki:hover { opacity: 0.9; filter: alpha(Opacity=90); }

Наверх

#12 Михаил87

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

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

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

спасибо разобрался...)

Наверх

#13 Михаил87

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

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

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

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

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

Наверх

#14 miyako

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

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

Отправлено 11 Февраль 2013 - 13:16

Михаил87 (11 Февраль 2013 - 12:38) писал:

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

Найдите в файле main.csstemplate код:

#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

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

#panelbottom {
clear: both;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

Наверх

#15 Михаил87

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

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

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

СПАСИБО

Наверх

#16 Askorutin

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

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

Отправлено 31 Март 2013 - 10:31

Подскажите, как удалить?

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

Наверх

#17 Stasya

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

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

Отправлено 31 Март 2013 - 11:46

В шаблоне HTML найдите и удалите блок

<!-- Подвал -->
<div id="footer">
<div id="main">
<div class="menufooter">
	 <ul>
	 {% FOR menu %}
		 {% FOR footer %}
		 {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
<div class="copyring">
	 <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
</div>
</div>
</div>
<!-- Подвал-Конец -->

Затем в файле "main.css" найдите блок

#bottobj {
background: url(/design/conteiner-bg.png) 0 -11px no-repeat;
width: 1000px;
height: 11px;
margin: 0 auto;
position: relative;
left:-152px;
}

и замените на

#bottobj {
background: url(/design/conteiner-bg.png) 0 -11px no-repeat;
width: 1000px;
height: 11px;
position: relative;
left: 20px;
}

и блок

#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

замените на

#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 20px;
}

Наверх

#18 Askorutin

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

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

Отправлено 31 Март 2013 - 11:59

Stasya (31 Март 2013 - 11:46) писал:

В шаблоне HTML найдите блок

<!-- Подвал -->
<div id="footer">
<div id="main">
<div class="menufooter">
	 <ul>
	 {% FOR menu %}
		 {% FOR footer %}
		 {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
<div class="copyring">
	 <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
</div>
</div>
</div>
<!-- Подвал-Конец -->

Затем в файле "main.css" найдите блок

#bottobj {
background: url(/design/conteiner-bg.png) 0 -11px no-repeat;
width: 1000px;
height: 11px;
margin: 0 auto;
position: relative;
left:-152px;
}

и замените на

#bottobj {
background: url(/design/conteiner-bg.png) 0 -11px no-repeat;
width: 1000px;
height: 11px;
position: relative;
left: 20px;
}

и блок

#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
margin: 0 auto;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}

замените на

#panelbottom {
clear: both;
background: #FFF;
width: 1000px;
height: 43px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 20px;
}

а в HTML файле что сделать нужно ?

Наверх

#19 Stasya

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

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

Отправлено 31 Март 2013 - 12:10

Удалить.

Наверх

#20 Askorutin

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

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

Отправлено 31 Март 2013 - 12:15

Stasya (31 Март 2013 - 12:10) писал:

Удалить.

весьма вам благодарен!

Наверх

Вперед

Обратно в Изменение общей стилистики

Темы с аналогичным тегами Подвал сайта

Вопросы работы сервиса StoreLand → Другие вопросы → Как Добавить Активные Кнопки Мессенджеров В Подвале Сайта? Автор Гость_magazin_* , 10 февр. 2019 мессенджеры, вайбер, ватсапп и 3 еще...	Популярная тема 12 Ответов 2 700 Просмотров	Новичок Ю 13 мая 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Движение → Изменение общей стилистики → Изменение Размеров Подвала Автор Гость_jenek-sh_* , 09 янв. 2015 подвал сайта	Популярная тема 11 Ответов 2 438 Просмотров	jenek-sh 11 янв. 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Изменение общей стилистики → Изменить Подвал Автор Гость_Leonid19_* , 11 дек. 2013 Подвал сайта 1 2	Популярная тема 31 Ответов 4 101 Просмотров	MikDark 17 марта 2014
Вопросы работы сервиса StoreLand → Инструкция по использованию (документация) → Бэк-офис. Сайт → Как Убрать Яндекс Счетчик Из Подвала Автор Гость_Andrey_K_* , 27 нояб. 2013 яндекс счетчик, подвал сайта	1 Ответ 3 917 Просмотров	Castiel 27 нояб. 2013