Модернизация Подвала
#1
Отправлено 11 Июнь 2014 - 23:13
#2
Отправлено 12 Июнь 2014 - 02:32
http://forum.storela...100#entry113454
#3
Отправлено 12 Июнь 2014 - 12:56
Vaccina (12 Июнь 2014 - 02:32) писал:
http://forum.storela...100#entry113454
#6
Отправлено 12 Июнь 2014 - 17:58
luzikov (12 Июнь 2014 - 16:18) писал:
В инструкции http://forum.storela...100#entry114282
все сделано правильно, только нужно не менять код, а добавить после строк:
<div class="fluid-bg" id="footer-center"> <div class="container">
и стили дописывать не в main.css , а в style.css
#7
Отправлено 12 Июнь 2014 - 18:49
#8
Отправлено 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
Отправлено 12 Июнь 2014 - 19:44
МНЕ ПРОСТО НУЖЕН КОД, ПО КОТОРОМУ Я СМОГУ СДЕЛАТЬ НЕЧТО ПОДОБНОЕ ЧТО Я ПРИСЫЛАЛ НА СКРИНЕ, ВОТ И ВСЕ
#10
Отправлено 12 Июнь 2014 - 22:23
luzikov (12 Июнь 2014 - 19:44) писал:
МНЕ ПРОСТО НУЖЕН КОД, ПО КОТОРОМУ Я СМОГУ СДЕЛАТЬ НЕЧТО ПОДОБНОЕ ЧТО Я ПРИСЫЛАЛ НА СКРИНЕ, ВОТ И ВСЕ
<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
Отправлено 12 Июнь 2014 - 22:46
Ирина345 (12 Июнь 2014 - 22:23) писал:
<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;}
#12
Отправлено 13 Июнь 2014 - 11:46
#13
Отправлено 13 Июнь 2014 - 16:09
#14
Отправлено 14 Июнь 2014 - 19:00
#15
Отправлено 15 Июнь 2014 - 17:28
luzikov (14 Июнь 2014 - 19:00) писал:
Что нужно сделать как на скрине:
- увеличить количество колонок и добавить какие-либо элементы
- просто настроить стили (шрифт и фон например)
уточните пожалуйста эти моменты.
#16
Отправлено 16 Июнь 2014 - 00:09
daria_dnk (15 Июнь 2014 - 17:28) писал:
Что нужно сделать как на скрине:
- увеличить количество колонок и добавить какие-либо элементы
- просто настроить стили (шрифт и фон например)
уточните пожалуйста эти моменты.
#17
Отправлено 16 Июнь 2014 - 15:26
luzikov (16 Июнь 2014 - 00:09) писал:
<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) писал:
<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;}
Если нужны какие-то ещё изменения - пишите.
#19
Отправлено 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
Отправлено 17 Июнь 2014 - 16:15
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных