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


Подвальное Меню (Footer/Botfade/Subnav)

Автор kseokami, 09 сент. 2011 14:18

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

#1 kseokami

kseokami

    Новичок

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

Отправлено 09 Сентябрь 2011 - 14:18

Возник вопрос, как опустить ниже содержимое botfade не двигая сам контейнер подвала и его фон.
Извиняюсь за глупый вопрос. Но что-то я никак сообразить не могу.


подвал.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 09 Сентябрь 2011 - 16:18

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

#3 kseokami

kseokami

    Новичок

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

Отправлено 09 Сентябрь 2011 - 17:33

Адрес zoomagazin7.storeland.ru в самой нижней части есть навигационное меню, копирайт и прочее. Мне нужно это все опустить ниже.

#4 Vaccina

Vaccina

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

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

Отправлено 10 Сентябрь 2011 - 19:13

Вам нужно в шаблоне "html" изменить код подвала. Добавив новый блок внутрь блока footer

Сейчас у вас примерно так

<div id="footer">
	<br>
	<span>
				  <a title="Перейти к странице «Мы рады приветствовать  Вас»" class="selected" href="http://zoomagazin7.storeland.ru/">Главная</a>   |   <a title="Перейти к странице «Доставка и Оплата»" href="http://zoomagazin7.storeland.ru/page/Доставка">Доставка</a>   |   <a title="Ваша корзина" href="http://zoomagazin7.storeland.ru/cart">Корзина</a>   |   <a title="Полный список товаров на сайте" href="http://zoomagazin7.storeland.ru/catalog">Каталог товаров</a>   |   <a title="Вход в бэк-офис магазина" href="http://zoomagazin7.storeland.ru/admin/login">Вход в бэк-офис</a>   |   <a title="Связь с администрацией магазина" href="http://zoomagazin7.storeland.ru/feedback">Связь с администрацией</a>			  </span>
	<br><br>
	<div class="footnote" style="">
	   &copy; 2011 «ЗооКурьер»   ООО «ЗооКурьер»<br>
	  Все права защищены <br>
	  Москва<br>
	  <br>
	  <span style="font-size:0.8em;">Работает на основе <a href="http://storeland.ru">«Storeland: создание интернет магазина»</a></span>
	</div>  
</div>

получиться так 

<div id="footer"><div style="width: 700px; padding-top: 70px; text-align: right; padding-left: 100px; margin: 0pt auto;">
	<br>
	<span>
				  <a href="http://zoomagazin7.storeland.ru/" class="selected" title="Перейти к странице «Мы рады приветствовать  Вас»">Главная</a>   |   <a href="http://zoomagazin7.storeland.ru/page/Доставка" title="Перейти к странице «Доставка и Оплата»">Доставка</a>   |   <a href="http://zoomagazin7.storeland.ru/cart" title="Ваша корзина">Корзина</a>   |   <a href="http://zoomagazin7.storeland.ru/catalog" title="Полный список товаров на сайте">Каталог товаров</a>   |   <a href="http://zoomagazin7.storeland.ru/admin/login" title="Вход в бэк-офис магазина">Вход в бэк-офис</a>   |   <a href="http://zoomagazin7.storeland.ru/feedback" title="Связь с администрацией магазина">Связь с администрацией</a>			  </span>
	<br><br>
	<div style="" class="footnote">
	   &copy; 2011 «ЗооКурьер»   ООО «ЗооКурьер»<br>
	  Все права защищены <br>
	  Москва<br>
	  <br>
	  <span style="font-size:0.8em;">Работает на основе <a href="http://storeland.ru">«Storeland: создание интернет магазина»</a></span>
	</div>
	</div>
  </div>

#5 GSA0089

GSA0089

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

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

Отправлено 26 Ноябрь 2012 - 15:38

Подскажите как можно убрать полоску в подвале сайта
вроде указал высоту 0px, а все равно не исчезла

WWW.prochay.com


/*Футер сайта*/
#footer #main { margin:0 auto; width:1000px; margin-top:45px; height:0px; }      
  #footer #main .menufooter { float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;  }
    #footer #main .menufooter ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:8px 10px 0 0px; padding-left:10px;  }
        #footer #main .menufooter ul li.main { background:none; }

#6 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

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

 GSA0089 (26 Ноябрь 2012 - 15:38) писал:

Подскажите как можно убрать полоску в подвале сайта
вроде указал высоту 0px, а все равно не исчезла

WWW.prochay.com


/*Футер сайта*/
#footer #main { margin:0 auto; width:1000px; margin-top:45px; height:0px; }   
  #footer #main .menufooter { float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;  }
#footer #main .menufooter ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:8px 10px 0 0px; padding-left:10px;  }
#footer #main .menufooter ul li.main { background:none; }

в файле main.css найдите блок
#footer {
clear: both;
width: 100%;
background: #485D63;
border-top: 4px solid #64828B;
margin: 20px 0 17px 0;
}
удалите 
border-top: 4px solid #64828B;

в результате у Вас получится
#footer {
clear: both;
width: 100%;
background: #485D63;
margin: 20px 0 17px 0;
}

#7 Олег

Олег

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

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

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

Доброго времени суток. Возник 1 вопрос я поменял фон в подвале, а сейчас хочу просто залить в серый цвет. Но как не пробовал  получается все время остается одно и тоже, картинка остается ?

#8 Vaccina

Vaccina

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

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

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

Задать фон вы можете в файле стилей main.css а именно в классе

#footer {
	height: 60px;
	margin: 0 auto;
	width: 1330px;
}

указанием свойства background

так же вам необходимо в файл стилей добавить

.ui-datepicker {
  display: none;
}

#9 Олег

Олег

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

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

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

Все также. А где можно взять стандартный код подвала ?

#10 Koderhan

Koderhan

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

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

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

Можно попробовать создать резервную копию текущего шаблона. Сайт -> Редактор тем, Создать резервную копию. А затем применить шаблон мокко в галерее тем.
Скопировать интересующий код. И обратно восстановить сайт из последней резервной копии.

#11 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

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

 Олег (13 Февраль 2013 - 03:05) писал:

Все также. А где можно взять стандартный код подвала ?

Возможно, Вам поможет этот код подвала шаблона Сияние
код для HTML
<!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
	  <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%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="right"><p>{COPYRIGHT_FOR_DESIGN_SHINE} {SETTINGS_STORE_REGION}</p></div>
	<div class="clr"></div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>

код стилей (файл main.css)
#footer {
  background: url(http://anonimov.storeland.net/footer_bg.jpg) no-repeat center top;
  padding: 10px;
  margin: 0px auto;
  width: 940px;
  height: 60px;
}
#footer p {
  margin:0px;
  font-size: 10px;
  line-height: 18px;
  color: #555;
}

На мой взгляд, Вам достаточно лишь найти в файле main.css код
/*Layout*/
#footer {
  background: url(http://design.fungadget.biz/footer_bg.jpg);
  height: 60px;
  padding: 10px;
  margin: 0 px auto;
  width: 963px;
}
#footer
body center body center {
		background-color: rgb(31, 0, 0);
		color: white;
  margin:0px;
  font-size: 10px;
  line-height: 16px;
  color: #555;
}
/*menu*/

и заменить на 
/*Layout*/
#footer {
  background: url({ASSETS_IMAGES_PATH}footer_bg.jpg) no-repeat center top;
  padding: 10px;
  margin: 0px auto;
  width: 940px;
  height: 60px;
}
#footer p {
  margin:0px;
  font-size: 10px;
  line-height: 18px;
  color: #555;
}
/*menu*/

и подвал сайта у Вас встанет на место.
Также Вам нужно загрузить картинку фона footer_bg.jpg

У Вас почему-то ее совсем нет на сайте в файлах

#12 artydima

artydima

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

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

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

Добрый день.

Помогите
1. убрать- мы принимаем. 2. серую полосу уже. 3.нижнее меню состоит из двух строк,второй строки не видно, увеличить белый цвет немного ниже.

пластик, http://4inashop.ru/
громадное спасибо.

а, возможно сделать такое нижнее меню? см.фото.

если да, то как осуществить?

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

  • нижнее меню.jpg
  • такое.jpg

#13 miyako

miyako

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

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

Отправлено 27 Март 2013 - 11:01

 artydima (27 Март 2013 - 10:32) писал:

Добрый день.

Помогите
1. убрать- мы принимаем. 2. серую полосу уже. 3.нижнее меню состоит из двух строк,второй строки не видно, увеличить белый цвет немного ниже.

пластик, http://4inashop.ru/
громадное спасибо.

а, возможно сделать такое нижнее меню? см.фото.

если да, то как осуществить?

По первому вопросу:
Найдите код в шаблоне HTML:
<!-- Нижняя панель сайта -->
<div id="panelbottom">
  <div class="money">
	<p>Мы принимаем:</p>
	<div class="img"></div>
  </div>
  <div class="schetchiki">
	{SETTINGS_STORE_HTML_CODE}
  </div>
</div>
<!-- Нижняя панель сайта-Конец -->
и удалите его.

#14 artydima

artydima

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

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

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

первый вопрос-спасибо.
второй вопрос-возвратил как было вначале.
третий вопрос актуален-меню в двух строках, вторую сейчас вообще не видно.

и актуален вопрос по установке другого нижнего  меню.

спасибо.

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

  • такое.jpg

#15 Сake

Сake

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

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

Отправлено 28 Март 2013 - 03:11

Цитата

третий вопрос актуален-меню в двух строках, вторую сейчас вообще не видно.

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

#footer #main .menufooter {
	background: url("http://design.4inashop.ru/menufooter-bg.jpg") repeat-x scroll 0 0 transparent;
	border-radius: 4px 4px 4px 4px;
	float: left;
	height: 39px;
	overflow: hidden;
	width: 750px;
}

и заменить на 

#footer #main .menufooter {
	background: url("http://design.4inashop.ru/menufooter-bg.jpg") repeat-x scroll 0 0 #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	float: left;
	width: 750px;
}

далее найти 

#footer #main .menufooter ul li {
	background: url("http://design.4inashop.ru/menuheaderline.jpg") no-repeat scroll 0 1px transparent;
	float: left;
	margin: 8px 10px 0 0;
	padding-left: 10px;
}

и заменить на 

#footer #main .menufooter ul li {
	background: url("http://design.4inashop.ru/menuheaderline.jpg") no-repeat scroll 0 1px transparent;
	float: left;
	margin: 8px 10px 8px 0;
	padding-left: 10px;
}

далее найти 

#footer #main {
	height: 71px;
	margin: 25px auto 0;
	width: 1000px;
}

и заменить на 

#footer #main {
	height: 71px;
	margin: 25px auto 0;
	padding-bottom: 25px;
	width: 1000px;
}

Цитата

актуален вопрос по установке другого нижнего меню.

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

Найти 

#footer {
	background: none repeat scroll 0 0 #485D63;
	border-top: 4px solid #64828B;
	clear: both;
	margin: 20px 0 17px;
	width: 100%;
}

и заменить на 

#footer {
	background: none repeat scroll 0 0 #485D63;
	border-bottom: 4px solid #64828B;
	border-top: 4px solid #64828B;
	clear: both;
	margin: 20px 0 17px;
	width: 100%;
}

найти 

#footer #main {
	height: 71px;
	margin: 25px auto 0;
	width: 1000px;
}

и заменить на 

#footer #main {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 151px;
	margin: 5px auto;
	width: 1000px;
}

найти 

#footer #main .menufooter {
	background: url("http://test-storeland.storeland.net/menufooter-bg.jpg") repeat-x scroll 0 0 transparent;
	border-radius: 4px 4px 4px 4px;
	float: left;
	height: 39px;
	overflow: hidden;
	width: 750px;
}

и заменить на 

#footer #main .menufooter {
	border-radius: 4px 4px 4px 4px;
	float: left;
	margin-left: 10px;
	width: 250px;
}

далее найти 

#footer #main .menufooter ul li {
	background: url("http://test-storeland.storeland.net/menuheaderline.jpg") no-repeat scroll 0 1px transparent;
	float: left;
	margin: 8px 10px 0 0;
	padding-left: 10px;
}

и заменить на 

#footer #main .menufooter ul li {
	padding-left: 10px;
}

далее найти 

#footer #main .menufooter ul li a {
	color: #5D5C5C;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 5px 13px;
	text-decoration: none;
}

и заменить на 

#footer #main .menufooter ul li a {
	color: #5D5C5C;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	text-decoration: none;
}

далее найти и удалить 

#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current {
	background: none repeat scroll 0 0 #4799BA;
	border-radius: 6px 6px 6px 6px;
	color: #FFFFFF;
}

далее добавить 

#footer #main .copyring {
	display: none;
}

В итоге получиться похожая структура меню. Чтобы создать дополнительное меню, необходимо дублировать блок 

<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="menufooter">

в виде 

<h2>Меню</h2>

#16 artydima

artydima

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

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

Отправлено 28 Март 2013 - 08:50

Спасибо.

с 3 вопросом все получилось.

другое меню подожду, немножко сложновато.

#17 cronid

cronid

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

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

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

Доброго всем времени суток.
Установил на сайт фон и обрезалась заливка подвала.
Пытался сам исправить не получилось.
Подскажите в чем проблема?

Простите, сам исправил.

#18 Stasya

Stasya

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

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

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

Посмотрела Ваш сайт. Что именно там не так?
Обратно в Изменение общей стилистики


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

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

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