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


Нижний Футер

Автор Riko2495, 16 апр. 2013 15:01

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

#1 Riko2495

Riko2495

    Новичок

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

Отправлено 16 Апрель 2013 - 15:01

У меня возникли такие вопросы по подвалу:
1) В где примерно находятся картинки от подвала? (HTML или CSS)
2) В данном шаблоне( внизу) после "Мы принимаем" у меня появилась простая прямая - как её убрать?
Screenshot-1007.jpg
3) Где нижнее меню (вместе с копирайтами) - как (в HTML или CSS) можно уменьшить блок?
Screenshot-1008.jpg

#2 Stasya

Stasya

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

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

Отправлено 16 Апрель 2013 - 16:12

1. Серая полоса на которой расположен весь подвал - это просто заливка блока краской. И ее изменить можно в блоке( main.css) 
#footer {
clear: both;
width: 100%;
background: rgb(46, 60, 65);
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}
Белая полоса, предназначенная под нижнее меню прописывается в блоке(main.css) 
#footer #main .menufooter {
float: left;
background: url(http://stasyashop.storeland.net/menufooter-bg.jpg) repeat-x;
width: 750px;
height: 39px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
2. Не могли бы Вы написать свой аккаунт, дабы мы могли увидеть проблему и попробовать ее решить.

3. Если Вы хотите уменьшить ширину всего блока, то Вам в файле main.css надо найти блок
#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}
и заменить например  на 
#footer {
clear: both;
width: 53%;
background: rgb(46, 60, 65);
border-top: 4px solid #64828b;
margin: 0 auto;
}
если Вы хотите еще уже или шире, то изменяйте значение width:

#3 Riko2495

Riko2495

    Новичок

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

Отправлено 16 Апрель 2013 - 16:16

Просмотр сообщенияStasya (16 Апрель 2013 - 16:12) писал:

1. Серая полоса на которой расположен весь подвал - это просто заливка блока краской. И ее изменить можно в блоке( main.css) 
#footer {
clear: both;
width: 100%;
background: rgb(46, 60, 65);
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}
Белая полоса, предназначенная под нижнее меню прописывается в блоке(main.css) 
#footer #main .menufooter {
float: left;
background: url(http://stasyashop.storeland.net/menufooter-bg.jpg) repeat-x;
width: 750px;
height: 39px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
2. Не могли бы Вы написать свой аккаунт, дабы мы могли увидеть проблему и попробовать ее решить.

Немножко не так поняли:
1) То что на третем скрине - я как бы убрал, но осталась полоска от этого
2) Да и меню я как бы не трогаю, я хочу убрать то что под ним:
Screenshot-1009.jpg

#4 Stasya

Stasya

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

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

Отправлено 16 Апрель 2013 - 16:52

1. В файле main.css блок 
#footer {
clear: both;
width: 100%;
background: ;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}
замените на 
#footer {
clear: both;
width: 100%;
margin: 20px 0 17px 0;
}

#5 support 2.0

support 2.0

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

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

Отправлено 16 Апрель 2013 - 16:54

Просмотр сообщенияRiko2495 (16 Апрель 2013 - 16:16) писал:

Немножко не так поняли:
1) То что на третем скрине - я как бы убрал, но осталась полоска от этого
2) Да и меню я как бы не трогаю, я хочу убрать то что под ним:
Прикрепленный файл Screenshot-1009.jpg

в файле main.css найдите блок
body { background:url{ASSETS_IMAGES_PATH}) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
замените на
body { background:url{ASSETS_IMAGES_PATH}) center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

#6 working_working

working_working

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

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

Отправлено 04 Декабрь 2013 - 22:36

Добрый вечер!

Возникла та же проблема. Я изменил код, но полоска внизу осталась, только поменяла цвет на белый.
Аккаунт 250115

Так же куда-то пропала функция изменения цвета, при наведении на кнопки в футере.

И еще подскажите как менять шрифт, цвет и стиль надписи в футере (скрин приложил)

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

  • Untitl22d.jpg

#7 Vaccina

Vaccina

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

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

Отправлено 05 Декабрь 2013 - 04:41

Найдите в main.css:

#panelbottom {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px;
	clear: both;
	height: 43px;
	margin: 0 auto 20px;
	overflow: hidden;
	width: 1000px;
}
замените на:

#panelbottom {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px;
	clear: both;
	height: 43px;
	margin: 0 auto;
	overflow: hidden;
	width: 1000px;
}
И в самый низ добавьте:

.ui-datepicker {display:none;}

#8 working_working

working_working

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

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

Отправлено 05 Декабрь 2013 - 05:53

Просмотр сообщенияVaccina (05 Декабрь 2013 - 04:41) писал:

Найдите в main.css:

#panelbottom {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
clear: both;
height: 43px;
margin: 0 auto 20px;
overflow: hidden;
width: 1000px;
}
замените на:

#panelbottom {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
clear: both;
height: 43px;
margin: 0 auto;
overflow: hidden;
width: 1000px;
}
И в самый низ добавьте:

.ui-datepicker {display:none;}

Здравствуйте. Не нашел такого кода у себя.

Немогли бы Вы расписать каждой ответ по пунктам :rolleyes:

1. Осталась  полоска в футере (после прочтения темы форума и применения изменений она стала белая). Нашел только похожий код:
#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;   }
но здесь как я понял уже изначально изменено.

2. Кнопки в футере стали в столбик и все не влезают, как вернуть, как было изначально (в строчку)
http://st.storeland....ntitled2122.jpg

3. Не получается вернуть изменение цвета кнопок при наведении на них курсором мыши (тоже в футере)

4. как менять шрифт, цвет и стиль надписи в футере
http://st.storeland....1/Untitl22d.jpg

Заранее спасибо! :)

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 19:04

Просмотр сообщенияworking_working (05 Декабрь 2013 - 05:53) писал:

Здравствуйте. Не нашел такого кода у себя.

Немогли бы Вы расписать каждой ответ по пунктам :rolleyes:

1. Осталась  полоска в футере (после прочтения темы форума и применения изменений она стала белая). Нашел только похожий код:
#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;   }
но здесь как я понял уже изначально изменено.

2. Кнопки в футере стали в столбик и все не влезают, как вернуть, как было изначально (в строчку)
http://st.storeland....ntitled2122.jpg

3. Не получается вернуть изменение цвета кнопок при наведении на них курсором мыши (тоже в футере)

4. как менять шрифт, цвет и стиль надписи в футере
http://st.storeland....1/Untitl22d.jpg

Заранее спасибо! :)

2. Редактируем шаблон HTML
Находим
<!-- Подвал -->
<div id="footer">
<div id="main">
<div class="menufooter">
	 {% 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>
<!-- Подвал-Конец -->

Заменяем на
<!-- Подвал -->
<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>
<!-- Подвал-Конец -->

3. Редактируем main.css

Добавляем после 492 строки
#footer #main .menufooter a:hover { color: #30c4eb !important; text-decoration:none;}

#10 @lina_va

@lina_va

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

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

Отправлено 05 Декабрь 2013 - 19:40

Просмотр сообщенияworking_working (05 Декабрь 2013 - 05:53) писал:

Здравствуйте. Не нашел такого кода у себя.

Немогли бы Вы расписать каждой ответ по пунктам :rolleyes:

1. Осталась  полоска в футере (после прочтения темы форума и применения изменений она стала белая). Нашел только похожий код:
#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;   }
но здесь как я понял уже изначально изменено.

2. Кнопки в футере стали в столбик и все не влезают, как вернуть, как было изначально (в строчку)
http://st.storeland....ntitled2122.jpg

3. Не получается вернуть изменение цвета кнопок при наведении на них курсором мыши (тоже в футере)

4. как менять шрифт, цвет и стиль надписи в футере
http://st.storeland....1/Untitl22d.jpg

Заранее спасибо! :)

4)  Чтобы поменять цвет и стили текста в main.css найдите:
#footer #main .copyring {
float: left;
font: normal 12px Verdana, Geneva, sans-serif;
color: #FFF;
margin: -8px 0 0 10px;
border-left: 1px dashed #9ba6a9;
width: 225px;
height: 50px;
overflow: hidden;
padding: 4px 0 4px 10px;
}


Строка:   font: normal 12px Verdana, Geneva, sans-serif;- отвечает за шрифт и стиль текста.
Строка:   color: #FFF;  - отвечает за цвет.

#11 working_working

working_working

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

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

Отправлено 05 Декабрь 2013 - 20:24

Просмотр сообщенияCastiel (05 Декабрь 2013 - 19:04) писал:

2. Редактируем шаблон HTML
Находим
<!-- Подвал -->
<div id="footer">
<div id="main">
<div class="menufooter">
	 {% 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>
<!-- Подвал-Конец -->

Заменяем на
<!-- Подвал -->
<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>
<!-- Подвал-Конец -->

3. Редактируем main.css

Добавляем после 492 строки
#footer #main .menufooter a:hover { color: #30c4eb !important; text-decoration:none;}

Просмотр сообщения@lina_va (05 Декабрь 2013 - 19:40) писал:

4)  Чтобы поменять цвет и стили текста в main.css найдите:
#footer #main .copyring {
float: left;
font: normal 12px Verdana, Geneva, sans-serif;
color: #FFF;
margin: -8px 0 0 10px;
border-left: 1px dashed #9ba6a9;
width: 225px;
height: 50px;
overflow: hidden;
padding: 4px 0 4px 10px;
}


Строка:   font: normal 12px Verdana, Geneva, sans-serif;- отвечает за шрифт и стиль текста.
Строка:   color: #FFF;  - отвечает за цвет.

Всем огромное спасибо! Все получилось :)

Остался только 1ый вопрос c полоской в футере

#12 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 20:26

Просмотр сообщенияworking_working (05 Декабрь 2013 - 20:24) писал:

Всем огромное спасибо! Все получилось :)

Остался только 1ый вопрос c полоской в футере

Уточните пожалуйста, про какую именно полоску идет речь? Выделите ее на скриншоте

#13 @lina_va

@lina_va

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

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

Отправлено 05 Декабрь 2013 - 20:43

Просмотр сообщенияworking_working (05 Декабрь 2013 - 20:24) писал:

Всем огромное спасибо! Все получилось :)

Остался только 1ый вопрос c полоской в футере

В main.css замените:
#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; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;	}

#14 working_working

working_working

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

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

Отправлено 05 Декабрь 2013 - 21:26

Просмотр сообщения@lina_va (05 Декабрь 2013 - 20:43) писал:

В main.css замените:
#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; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }

Полоска исчезла :)
Большое Вам спасибо !!!
Обратно в Главная


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

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

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