Несколько Вопросов
#1
Отправлено 12 Октябрь 2015 - 12:46
1. При изменении шапки если просто изменить файл с картинкой она разъезжается на весь экран,
либо ее вообще не видно если делать так
#logo {
height: 134px;
background:url('{ASSEST_IMAGES_PATH}logo.png');
}
2 Можно ли сделать вход в личный кабинет так как на картинке?
3 Где меняется шрифт у пунктов "Каталог" "Вы смотрели" "Сравнить товары" "Лента новостей"
4 Пробую изменить фон вот так
body {
background-color: #212121;
min-width: 960px;
background: url(адрес до изображения);
}
но при загрузке страницы браузер выдает ошибку (Страница аварийно закрыта)
#2
Отправлено 12 Октябрь 2015 - 12:59
Sergey111 (12 Октябрь 2015 - 12:46) писал:
1. При изменении шапки если просто изменить файл с картинкой она разъезжается на весь экран,
либо ее вообще не видно если делать так
#logo {
height: 134px;
background:url('{ASSEST_IMAGES_PATH}logo.png');
}
2 Можно ли сделать вход в личный кабинет так как на картинке?
3 Где меняется шрифт у пунктов "Каталог" "Вы смотрели" "Сравнить товары" "Лента новостей"
4 Пробую изменить фон вот так
body {
background-color: #212121;
min-width: 960px;
background: url(адрес до изображения);
}
но при загрузке страницы браузер выдает ошибку (Страница аварийно закрыта)
Здравствуйте.
Чтобы вам изменить шапку вашего сайта без каких-либо подобных проблем - вам необходимо загрузить изображение размера 1920 на 250 px .
Далее сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#mainmenu li a { font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url(http://design.sdelay-yarko.ru/tm_link_border.gif) no-repeat right top; }
И замените его, например, этим вот кодом:
#mainmenu li a { font: bold 15px/40px calibri, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url("{ASSETS_IMAGES_PATH}tm_link_border.gif") no-repeat right top; }
Примените, пожалуйста, снова данный код, чтобы мы могли выявить причину неисправности:
body { background-color: #212121; min-width: 960px; background: url(адрес до изображения); }
#3
Отправлено 12 Октябрь 2015 - 13:44
#4
Отправлено 12 Октябрь 2015 - 14:07
Sergey111 (12 Октябрь 2015 - 13:44) писал:
Пришлите, пожалуйста, скриншот с уточнением того, что именно вам не нравится в данной установке изображения и что именно не красиво у вас на сайте получается?
Спасибо.
#7
Отправлено 12 Октябрь 2015 - 14:32
#10
Отправлено 12 Октябрь 2015 - 15:44
Sergey111 (12 Октябрь 2015 - 14:44) писал:
Sergey111 (12 Октябрь 2015 - 14:32) писал:
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#top-menu { height: 40px; overflow: hidden; }
И замените его этим вот кодом:
#top-menu { height: 40px; overflow: hidden; margin-top: 82px; }
#11
Отправлено 13 Октябрь 2015 - 07:14
#12
Отправлено 13 Октябрь 2015 - 10:10
Sergey111 (13 Октябрь 2015 - 07:14) писал:
Здравствуйте.
Попробуйте сделать, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#wrapper { background-color: #fff; padding-bottom: 10px; }
И замените его вот этим вот кодом:
#wrapper { background: url("{ASSETS_IMAGES_PATH}имя_картинки"); padding-bottom: 10px; }
Где заместо "имя_картинки" - вам необходимо вставить название изображения, которые вы желаете установить как задний фон для вашего интернет-магазина (например fon.png).
Далее в том же шаблоне найдите следующий код:
#cpages { background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px; padding-top: 10px; }
И замените его этим вот кодом:
#cpages { background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px; padding-top: 10px; background-color: #fff; }
#13
Отправлено 13 Октябрь 2015 - 10:26
RayLi (13 Октябрь 2015 - 10:10) писал:
Попробуйте сделать, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#wrapper { background-color: #fff; padding-bottom: 10px; }
И замените его вот этим вот кодом:
#wrapper { background: url("{ASSETS_IMAGES_PATH}имя_картинки"); padding-bottom: 10px; }
Где заместо "имя_картинки" - вам необходимо вставить название изображения, которые вы желаете установить как задний фон для вашего интернет-магазина (например fon.png).
Далее в том же шаблоне найдите следующий код:
#cpages { background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px; padding-top: 10px; }
И замените его этим вот кодом:
#cpages { background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0px 80px; padding-top: 10px; background-color: #fff; }
#14
Отправлено 13 Октябрь 2015 - 10:33
Sergey111 (13 Октябрь 2015 - 10:26) писал:
Тогда сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#wrapper { background: url("{ASSETS_IMAGES_PATH}body2.jpg"); padding-bottom: 10px; }
И замените его этим вот кодом:
#wrapper { padding-bottom: 10px; }
Теперь в том же шаблоне найдите следующий код:
body { font-family: Helvetica, Arial, sans-serif; }
И замените его вот этим вот кодом:
body { font-family: Helvetica, Arial, sans-serif; background: url("{ASSETS_IMAGES_PATH}body2.jpg"); }
#16
Отправлено 13 Октябрь 2015 - 11:17
Sergey111 (13 Октябрь 2015 - 10:55) писал:
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#top-menu { height: 40px; overflow: hidden; margin-top: 82px; }
И замените его вот этим вот кодом:
#top-menu { height: 40px; overflow: hidden; margin-top: 76px; }
#18
Отправлено 13 Октябрь 2015 - 13:25
Sergey111 (13 Октябрь 2015 - 13:14) писал:
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
.containerin { width: 940px; margin: 0px auto; }
И замените его вот этим вот кодом:
.containerin { width: 960px; margin: 0px auto; }
Далее в том же шаблоне найдите следующий код:
#mainmenu li a { font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: black; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: #dbdede; }
И замените его вот этим вот кодом:
#mainmenu li a { font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: black; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: #dbdede; width: 107px; }
Теперь в самый конец шаблона добавьте данный код:
ul#mainmenu { margin-left: 0px; margin-right: 0px; }
#19
Отправлено 13 Октябрь 2015 - 14:01
#20
Отправлено 13 Октябрь 2015 - 14:10
Sergey111 (13 Октябрь 2015 - 14:01) писал:
Отмените, пожалуйста, последние изменения из данной инструкции и повторите её заново, чтобы мы смогли вам помочь в конечном результате верхнего меню на вашем сайте.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных