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


Модернизация Подвала


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

#1 luzikov

luzikov

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

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

Отправлено 11 Июнь 2014 - 23:13

Здравствуйте, хочу в своем магазине SL295-728 сделать вот такой вот подвал. Помогите все оформить как на скрине

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

  • оо.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 12 Июнь 2014 - 02:32

Подобный вопрос обсуждался у нас на форуме и имеет инструкции:
http://forum.storela...100#entry113454

#3 luzikov

luzikov

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

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

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

Просмотр сообщенияVaccina (12 Июнь 2014 - 02:32) писал:

Подобный вопрос обсуждался у нас на форуме и имеет инструкции:
http://forum.storela...100#entry113454
он конечно рассматривался, но для шаблона лайт, а у меня шаблон осень, я ошибаюсь или там разные коды ?

#4 MikDark

MikDark

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

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

Отправлено 12 Июнь 2014 - 13:51

Просмотр сообщенияluzikov (12 Июнь 2014 - 12:56) писал:

он конечно рассматривался, но для шаблона лайт, а у меня шаблон осень, я ошибаюсь или там разные коды ?

В весне подвал уже разбит на 4 колонки. Можете на базе скриншота своего магазина показать что нужно сделать?

#5 luzikov

luzikov

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

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

Отправлено 12 Июнь 2014 - 16:18

Просмотр сообщенияMikDark (12 Июнь 2014 - 13:51) писал:

В весне подвал уже разбит на 4 колонки. Можете на базе скриншота своего магазина показать что нужно сделать?
еще раз, у меня шаблон ОСЕНЬ аккаунт SL295-728

#6 MikDark

MikDark

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

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

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

Просмотр сообщенияluzikov (12 Июнь 2014 - 16:18) писал:

еще раз, у меня шаблон ОСЕНЬ аккаунт SL295-728

В инструкции http://forum.storela...100#entry114282

все сделано правильно, только нужно не менять код, а добавить после строк:
<div class="fluid-bg" id="footer-center">
	<div class="container">

и стили дописывать не в main.css , а в style.css

#7 luzikov

luzikov

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

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

Отправлено 12 Июнь 2014 - 18:49

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

#8 Ирина345

Ирина345

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

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

Отправлено 12 Июнь 2014 - 19:26

Просмотр сообщенияluzikov (12 Июнь 2014 - 18:49) писал:

Какие переменные нужно добавить с стили что бы можно было стилизовать этот блок вообще, из того что предложили в той теме ничего не написано про это. Нужно как на скрине выше.
Здравствуйте, чтобы добавить стиль
нужно найти в HTML

<div class="footer_m">
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
замените на

<div class="footer_m">
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
в конец файла style.css добавьте
.men1 {color:#456789;}


#9 luzikov

luzikov

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

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

Отправлено 12 Июнь 2014 - 19:44

это редактирует только сами ссылки, а как редактировать общий блок ?
МНЕ ПРОСТО НУЖЕН КОД, ПО КОТОРОМУ Я СМОГУ СДЕЛАТЬ НЕЧТО ПОДОБНОЕ ЧТО Я ПРИСЫЛАЛ НА СКРИНЕ, ВОТ И ВСЕ :)

#10 Ирина345

Ирина345

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

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

Отправлено 12 Июнь 2014 - 22:23

Просмотр сообщенияluzikov (12 Июнь 2014 - 19:44) писал:

это редактирует только сами ссылки, а как редактировать общий блок ?
МНЕ ПРОСТО НУЖЕН КОД, ПО КОТОРОМУ Я СМОГУ СДЕЛАТЬ НЕЧТО ПОДОБНОЕ ЧТО Я ПРИСЫЛАЛ НА СКРИНЕ, ВОТ И ВСЕ :)
Найдите в HTML
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a>
замените на
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a> <br>
найдите в style.css
.men1 {color:#456789;}
замените на
.men1 {color:#456789; .men1 {color:#456789;text-decoration: none;}


#11 luzikov

luzikov

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

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

Отправлено 12 Июнь 2014 - 22:46

Просмотр сообщенияИрина345 (12 Июнь 2014 - 22:23) писал:

Найдите в HTML
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a>
замените на
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a> <br>
найдите в style.css
.men1 {color:#456789;}
замените на
.men1 {color:#456789; .men1 {color:#456789;text-decoration: none;}
Ничего не произошло! Вообщем просто помогите сделать вот такой вот подвал как на скрине

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

  • оо.jpg


#12 luzikov

luzikov

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

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

Отправлено 13 Июнь 2014 - 11:46

Ребятушки неужели это так сложно? аппп

#13 luzikov

luzikov

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

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

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

АП

#14 luzikov

luzikov

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

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

Отправлено 14 Июнь 2014 - 19:00

Есть ли тут живые люди? Вопрос без ответа!

#15 daria_dnk

daria_dnk

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

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

Отправлено 15 Июнь 2014 - 17:28

Просмотр сообщенияluzikov (14 Июнь 2014 - 19:00) писал:

Есть ли тут живые люди? Вопрос без ответа!
Здравствуйте! Пожалуйста уточните  - у Вас сейчас на сайте в футере есть 3 колонки.
Что нужно сделать как на скрине:
- увеличить количество колонок и добавить какие-либо элементы
- просто настроить стили (шрифт и фон например)
уточните пожалуйста эти моменты.

#16 luzikov

luzikov

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

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

Отправлено 16 Июнь 2014 - 00:09

Просмотр сообщенияdaria_dnk (15 Июнь 2014 - 17:28) писал:

Здравствуйте! Пожалуйста уточните  - у Вас сейчас на сайте в футере есть 3 колонки.
Что нужно сделать как на скрине:
- увеличить количество колонок и добавить какие-либо элементы
- просто настроить стили (шрифт и фон например)
уточните пожалуйста эти моменты.
Нужно сделать их столбцами и настроить стили к ним, простым языком говоря, видите как на скрине подвал отображается? мне нужен точно такой же :)

#17 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 16 Июнь 2014 - 15:26

Просмотр сообщенияluzikov (16 Июнь 2014 - 00:09) писал:

Нужно сделать их столбцами и настроить стили к ним, простым языком говоря, видите как на скрине подвал отображается? мне нужен точно такой же :)
Найдите в шаблоне HTML код:
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer2 %}
{% FOR links %}
<a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer3 %}
{% FOR links %}
<a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
и замените его на:
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer2 %}
{% FOR links %}
<a href="{menu.footer2.links.URL}" class="men1" {% IF menu.footer2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer3 %}
{% FOR links %}
<a href="{menu.footer3.links.URL}" class="men1" {% IF menu.footer3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
Затем в style.css найдите код:
.container {border-radius:10px;
width: 940px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.56);
padding: 0 10px;
}
и замените его на:
.container {border-radius:10px;
width: 940px;
margin: 0 auto;
background: white;
padding: 0 10px;
}
и добавьте код:
.phone a, .work-time {color:#456789 !important;}

Просмотр сообщенияDars (16 Июнь 2014 - 15:25) писал:

Найдите в шаблоне HTML код:
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer2 %}
{% FOR links %}
<a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer3 %}
{% FOR links %}
<a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
и замените его на:
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer2 %}
{% FOR links %}
<a href="{menu.footer2.links.URL}" class="men1" {% IF menu.footer2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
<div>
{% FOR menu %}
{% FOR footer3 %}
{% FOR links %}
<a href="{menu.footer3.links.URL}" class="men1" {% IF menu.footer3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a> <br>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
Затем в style.css найдите код:
.container {border-radius:10px;
width: 940px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.56);
padding: 0 10px;
}
и замените его на:
.container {border-radius:10px;
width: 940px;
margin: 0 auto;
background: white;
padding: 0 10px;
}
и добавьте код:
.phone a, .work-time {color:#456789 !important;}

Если нужны какие-то ещё изменения - пишите.

#18 luzikov

luzikov

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

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

Отправлено 17 Июнь 2014 - 15:50

Спасибо! Вопрос дальше вот такой вот, как:
1) Переместить верхнее меню немного вниз
2) под логотипом сделать линию
3) Добавить корзину и контакты (СМ СКРИН ПО ВСЕМ ПУНКТАМ)

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

  • Вах какой сайт.jpg


#19 Ирина345

Ирина345

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

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

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

Просмотр сообщенияluzikov (17 Июнь 2014 - 15:50) писал:

Спасибо! Вопрос дальше вот такой вот, как:
1) Переместить верхнее меню немного вниз
2) под логотипом сделать линию
3) Добавить корзину и контакты (СМ СКРИН ПО ВСЕМ ПУНКТАМ)
Здравствуйте,
1. найдите в style.css
#nav {height:30px;position:absolute;
top:115px;
  margin: 0;
  padding: 7px 6px 0;
  background:transparent;
  line-height: 100%;
  font-size:15px;
}


#nav1 {position:relative;
top:-40px; float:right;
  margin: 0;
  padding: 7px 6px 0;
  background:transparent;
  line-height: 100%;
  font-size:15px;
  z-index:9999;
}
замените на

#nav {height:30px;position:absolute;
top:146px;
  margin: 0;
  padding: 7px 6px 0;
  background:transparent;
  line-height: 100%;
  font-size:15px;
}
#nav1 {position:relative;
top:-9px; float:right;
  margin: 0;
  padding: 7px 6px 0;
  background:transparent;
  line-height: 100%;
  font-size:15px;
  z-index:9999;
}


#20 luzikov

luzikov

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

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

Отправлено 17 Июнь 2014 - 16:15

Спасибо, остались 2 и 3 пункты :)




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

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