0
Подвал
Автор мистка, 09 окт. 2014 11:05
Сообщений в теме: 9
#1
Отправлено 09 Октябрь 2014 - 11:05
Как привести подвал к такому виду как на скрине? читала темы не выходит
Аккаунт SL-237115
Аккаунт SL-237115
#2
Отправлено 09 Октябрь 2014 - 11:56
мистка (09 Октябрь 2014 - 11:05) писал:
Как привести подвал к такому виду как на скрине? читала темы не выходит
Аккаунт SL-237115
Аккаунт SL-237115
Если как пункты меню, то Вам нужно для начала создать данные меню на сайте
для этого Зайдите в раздел Сайт-меню и создайте меню
#3
Отправлено 09 Октябрь 2014 - 12:00
мистка (09 Октябрь 2014 - 11:05) писал:
Как привести подвал к такому виду как на скрине? читала темы не выходит
Аккаунт SL-237115
Аккаунт SL-237115
<div class="column full" id="footer-bottom-content">вставьте
<div class="columns" id="footer-bottom-content"> <a href="ссылка" title="">текст</a> <a href="ссылка" title="">текст</a> <a href="ссылка" title="">текст</a><br> <a href="ссылка" title="">текст</a> <a href="ссылка" title="">текст</a> <a href="" title="">текст</a><br> <a href="ссылка" title="">текст</a> <a href="ссылка" title="">текст</a> <a href="ссылка" title="">текст</a><br> <a href="ссылка" title="">текст</a> <a href="" title="">текст</a> <a href="ссылка" title="">текст</a><br> </div>и в style.css добавьте
.columns { margin-left: 30%; }и
.columns a { padding: 0px 50px 0px 50px; }
#4
Отправлено 09 Октябрь 2014 - 12:22
спасибо(( но я не нашла <div class="column full" id="footer-bottom-content"> на другом сайте как их тоже поставить
Аккаунт SL-299242
Аккаунт SL-299242
#5
Отправлено 09 Октябрь 2014 - 12:42
мистка (09 Октябрь 2014 - 12:22) писал:
спасибо(( но я не нашла <div class="column full" id="footer-bottom-content"> на другом сайте как их тоже поставить
Аккаунт SL-299242
Аккаунт SL-299242
</div><!--END contactsWrp theme-color --> </div>
#6
Отправлено 09 Октябрь 2014 - 12:48
Еще раз извините в 1 магазине поставила все работает а как все права защищены и т д разместить одной строкой внизу? и ссылочки когда добавляю текст все едут в разные стороны
#7
Отправлено 09 Октябрь 2014 - 14:48
аап
#8
Отправлено 09 Октябрь 2014 - 14:55
мистка (09 Октябрь 2014 - 12:48) писал:
Еще раз извините в 1 магазине поставила все работает а как все права защищены и т д разместить одной строкой внизу? и ссылочки когда добавляю текст все едут в разные стороны
#columns { width: 1200px; height: 10px; padding-top: 10px; }и
.columns1 { width: 260px; float: left; margin-left: 10%; }затем замените
.columns { margin-left: 4%; }на
.columns { margin: auto; width: 100%; }в HTML замените
<div class="columns" id="footer-bottom-content"> <a href="http://my-mettle.ru/" title="">О нас</a> <a href="http://my-mettle.ru/catalog" title="">Каталог</a> <a href="http://my-mettle.ru/page/Kak-kupit" title="">Как купить?</a><br> <a href="http://my-mettle.ru/page/Varianty-oplaty" title="">Оплата </a> <a href="" title="">Sale</a></a> <a href="http://my-mettle.ru/user/login" title="">Личный кабинет</a><br> <a href="http://my-mettle.ru/page/Доставка" title="">Доставка</a> <a href="http://my-mettle.ru/catalog/Novinki" title="">Новинки</a> <a href="http://my-mettle.ru/page/Sovmestnye-pokupki-kozhanyh-sumok-informaciya-dlya-organizatorov" title="">Совместные покупки</a><br> <a href="http://my-mettle.ru/page/Vozvrat-i-obmen-tovara" title="">Возврат</a> </div>на
<div id="columns"><div class="columns" id="footer-bottom-content"> <div class="columns1"> <a href="http://my-mettle.ru/" title="">О нас</a> <a href="http://my-mettle.ru/page/Varianty-oplaty" title="">Оплата </a> <a href="http://my-mettle.ru/page/Доставка" title="">Доставка</a> <a href="http://my-mettle.ru/page/Vozvrat-i-obmen-tovara" title="">Возврат</a> </div> <div class="columns1"> <a href="http://my-mettle.ru/catalog" title="">Каталог</a> <a href="" title="">Sale</a> <a href="http://my-mettle.ru/catalog/Novinki" title="">Новинки</a> </div> <div class="columns1"> <a href="http://my-mettle.ru/page/Kak-kupit" title="">Как купить?</a><br> <a href="http://my-mettle.ru/user/login" title="">Личный кабинет</a><br> <a href="http://my-mettle.ru/page/Sovmestnye-pokupki-kozhanyh-sumok-informaciya-dlya-organizatorov" title="">Совместные покупки</a> </div> </div> </div>и
<p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>{SETTINGS_STORE_REGION}</span><br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_AUTUMN} {SETTINGS_STORE_HTML_CODE}<br /> </p>замените на
<p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}» {SETTINGS_STORE_ORG_NAME} <span>{SETTINGS_STORE_REGION}</span> <span>Все права защищены</span> {COPYRIGHT_FOR_DESIGN_AUTUMN} {SETTINGS_STORE_HTML_CODE} </p>затем в style.css в блок
@media only screen and (max-width:1210px) {добавьте
#columns{width: 950px!important;} .columns1 {margin-left: 5%!important;}затем в блок
@media only screen and (max-width:959px) {добавьте
#columns{width: 710px!important;} .columns1 {margin-left: 0!important;width: 235px!important;}затем в блоке
@media only screen and (max-width:767px) {добавьте
#columns{width: 450px!important;} .columns1 {margin-left: 0!important;width: 150px!important;} .columns a {padding: 0px 51px 0px 15px!important;text-align: left!important;float: left;}в блоке
@media only screen and (max-width:479px) {добавьте
#columns{width: 300px!important;} .columns1 {margin-left: 0!important;width: 100px!important;} .columns a {padding: 0px 5px 0px 15px!important;text-align: left!important;float: left;}
#10
Отправлено 11 Октябрь 2014 - 00:44
у вас много дубликатов стилей к одному блоку:
замените все эти стили на одни такой:
далее найдите:
а в HTML в самой структуре лучше убрать <br> чтобы не было огромных отступов между ссылками
.columns1 { float: left; margin-left: 10%; width: 260px; } .columns1 { margin-left: 0 !important; width: 100px !important; } .columns1 { margin-left: 0 !important; width: 150px !important; } .columns1 { margin-left: 0 !important; width: 235px !important; } .columns1 { margin-left: 5% !important; }
замените все эти стили на одни такой:
.columns1 { float: left; margin: 0 1%; width: 18%; }
далее найдите:
.columns a { float: left; padding: 0 5px 0 15px !important; text-align: left !important; } .columns a { float: left; padding: 0 51px 0 15px !important; text-align: left !important; }и замените на один:
.columns a { display: block; padding: 0 5px 0 15px; text-align: left; }
а в HTML в самой структуре лучше убрать <br> чтобы не было огромных отступов между ссылками
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных