Меню В Подвале
#1
Отправлено 05 Сентябрь 2014 - 10:12
И добавить еще один столбец с нужными мне ссылками на страницы.
#2
Отправлено 05 Сентябрь 2014 - 11:44
ivanchik (05 Сентябрь 2014 - 10:12) писал:
И добавить еще один столбец с нужными мне ссылками на страницы.
.menu_main li {list-style: none;display: inline;}
на
.menu_main li {list-style: none;}
Второй столбец можно добавить, например, вторым нижним меню. Укажите, пожалуйста, где именно вы хотели бы расположить эти столбцы.
#3
Отправлено 05 Сентябрь 2014 - 11:57
#5
Отправлено 05 Сентябрь 2014 - 15:03
#6
Отправлено 05 Сентябрь 2014 - 20:46
#7
Отправлено 05 Сентябрь 2014 - 21:11
ivanchik (05 Сентябрь 2014 - 20:46) писал:
Здравствуйте.
Данный блок расположен таким образом, что адаптивным его сделать не получиться.
Как Вам такой вариант
При высоком разрешении
При мобильном разрешении
#8
Отправлено 05 Сентябрь 2014 - 21:46
и еще я сделал пунктирную линию в футере . но она почему то отображается только для последней записи. как сделать, что бы каждая строка подчеркивалась так же как последняя
#9
Отправлено 05 Сентябрь 2014 - 22:04
ivanchik (05 Сентябрь 2014 - 21:46) писал:
и еще я сделал пунктирную линию в футере . но она почему то отображается только для последней записи. как сделать, что бы каждая строка подчеркивалась так же как последняя
Найдите в шаблоне html код и вырежьте его
<div id="ya"> <a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/248045/reviews"><img src="{ASSETS_IMAGES_PATH}rating.jpg" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></div>И вставьте его перед строкой
<!-- /Если есть список новостей и если в тарифном плане подключен модуль новостей -->
Далее найдите код в main.css
#ya { float: left; clear: both; margin-top: -290px; margin-left: 60px; overflow: hidden; }И замените на
#ya { height: 200px; }Там же найдите код
.menu_main { float: left; clear: both; margin-top: 15px; margin-left: 70px; text-decoration: none; border-bottom: 1px dashed #e42b2b; }И замените на
.menu_main { float: left; clear: both; margin-top: 15px; margin-left: 70px; text-decoration: none; }После в конец файла main.css добавьте код
.menu_main a { border-bottom: 1px dashed #FF0; }И добавьте
.menu_main1 a { border-bottom: 1px dashed #FF0; }Замените значение #F00 на свое.
#10
Отправлено 05 Сентябрь 2014 - 22:36
#12
Отправлено 05 Сентябрь 2014 - 23:09
#13
Отправлено 06 Сентябрь 2014 - 00:14
#14
Отправлено 06 Сентябрь 2014 - 02:25
.menu_main ul { padding-top: 20px; }
далее найдите:
.menu_main1 { clear: both; float: left; font-size: 12px; margin-left: 300px; margin-top: -90px; }замените на:
.menu_main1 { clear: both; float: left; font-size: 12px; margin-left: 300px; margin-top: -110px; }
далее найдите:
#mail2 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 670px; margin-top: -150px; } #mail3 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 930px; margin-top: -150px; } #mail4 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 70px; margin-top: -150px; } #mail5 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 300px; margin-top: -150px; }замените на:
#mail2 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 670px; margin-top: -160px; } #mail3 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 930px; margin-top: -160px; } #mail4 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 70px; margin-top: -160px; } #mail5 { border-bottom: 1px dashed #e42b2b; float: left; font-size: 16px; margin-left: 300px; margin-top: -160px; }
далее найдите:
#social-buttons { clear: both; float: left; margin-left: 928px; margin-top: -110px; z-index: 1000; } #mail { float: left; font-size: 12px; margin-left: 700px; margin-top: -110px; } #mail1 { float: left; font-size: 12px; margin-left: 700px; margin-top: -80px; }замените на:
#social-buttons { clear: both; float: left; margin-left: 928px; margin-top: -130px; z-index: 1000; } #mail { float: left; font-size: 12px; margin-left: 700px; margin-top: -130px; } #mail1 { float: left; font-size: 12px; margin-left: 700px; margin-top: -100px; }
далее найдите:
#mailpng { clear: both; float: left; margin-left: 670px; margin-top: -110px; position: absolute; } #tel { clear: both; float: left; margin-left: 670px; margin-top: -80px; position: absolute; }замените на:
#mailpng { clear: both; float: left; margin-left: 670px; margin-top: -130px; position: absolute; } #tel { clear: both; float: left; margin-left: 670px; margin-top: -100px; position: absolute; }
#15
Отправлено 06 Сентябрь 2014 - 09:14
#16
Отправлено 06 Сентябрь 2014 - 14:50
ivanchik (06 Сентябрь 2014 - 09:14) писал:
#17
Отправлено 08 Сентябрь 2014 - 19:33
#18
Отправлено 08 Сентябрь 2014 - 20:01
ivanchik (08 Сентябрь 2014 - 19:33) писал:
Здравствуйте.
В main.css найдите код
#header #logo { float: left; clear: both; margin-top: -5px; position: absolute; z-index: 1000; }И замените на
#header #logo { float: left; clear: both; margin-top: -5px; position: relative; z-index: 1000; }
Там же найдите код
#header_colapse { position: relative; background-color: #cf4c4e; color: #ffffff; z-index: 1000; height: 90px; }И замените на
#header_colapse { position: relative; background-color: #cf4c4e; color: #ffffff; z-index: 1000; min-height: 90px; }
#19
Отправлено 09 Сентябрь 2014 - 08:07
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных