Подвальное Меню (Footer/Botfade/Subnav)
#1
Отправлено 09 Сентябрь 2011 - 14:18
Извиняюсь за глупый вопрос. Но что-то я никак сообразить не могу.
#2
Отправлено 09 Сентябрь 2011 - 16:18
#3
Отправлено 09 Сентябрь 2011 - 17:33
#4
Отправлено 10 Сентябрь 2011 - 19:13
Сейчас у вас примерно так
<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=""> © 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"> © 2011 «ЗооКурьер» ООО «ЗооКурьер»<br> Все права защищены <br> Москва<br> <br> <span style="font-size:0.8em;">Работает на основе <a href="http://storeland.ru">«Storeland: создание интернет магазина»</a></span> </div> </div> </div>
#5
Отправлено 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
Отправлено 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
Отправлено 13 Февраль 2013 - 02:34
#8
Отправлено 13 Февраль 2013 - 02:55
#footer { height: 60px; margin: 0 auto; width: 1330px; }
указанием свойства background
так же вам необходимо в файл стилей добавить
.ui-datepicker { display: none; }
#9
Отправлено 13 Февраль 2013 - 03:05
#10
Отправлено 13 Февраль 2013 - 07:42
Скопировать интересующий код. И обратно восстановить сайт из последней резервной копии.
#11
Отправлено 13 Февраль 2013 - 11:12
Олег (13 Февраль 2013 - 03:05) писал:
Возможно, Вам поможет этот код подвала шаблона Сияние
код для HTML
<!-- Подвал сайта --> <div id="footer"> <div class="left"> <p>© {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
Отправлено 27 Март 2013 - 10:32
Помогите
1. убрать- мы принимаем. 2. серую полосу уже. 3.нижнее меню состоит из двух строк,второй строки не видно, увеличить белый цвет немного ниже.
пластик, http://4inashop.ru/
громадное спасибо.
а, возможно сделать такое нижнее меню? см.фото.
если да, то как осуществить?
#13
Отправлено 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> <!-- Нижняя панель сайта-Конец -->и удалите его.
#15
Отправлено 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
Отправлено 28 Март 2013 - 08:50
с 3 вопросом все получилось.
другое меню подожду, немножко сложновато.
#17
Отправлено 10 Май 2013 - 10:09
Установил на сайт фон и обрезалась заливка подвала.
Пытался сам исправить не получилось.
Подскажите в чем проблема?
Простите, сам исправил.
#18
Отправлено 10 Май 2013 - 12:20
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных