Изменение Главной Страницы
#1
Отправлено 25 Январь 2017 - 19:22
1. Поднять текст до нижней границы слайдера
2. Логотип и меню поднять чуть выше, чтоб текст слайдера видно было.
3. Слайдер долго грузится. Через телефон не открывается. Может быть из-за объема картинки? Объем картинки 3.94МБ
#2
Отправлено 26 Январь 2017 - 10:20
Rasul (25 Январь 2017 - 19:22) писал:
1. Поднять текст до нижней границы слайдера
2. Логотип и меню поднять чуть выше, чтоб текст слайдера видно было.
3. Слайдер долго грузится. Через телефон не открывается. Может быть из-за объема картинки? Объем картинки 3.94МБ
Здравствуйте.
В таком случае вам необходимо произвести следующие изменения:
1. В шаблоне main.css найдите, пожалуйста, данный код:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 1000px; overflow: hidden; z-index: 1; }
И замените его вот этим вот кодом:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 800px !important; overflow: hidden; z-index: 1; }
2. После чего в том же шаблоне найдите, пожалуйста, следующий код:
.header-middle { position: relative; width: 100%; padding: 10px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
И замените его вот этим кодом:
.header-middle { position: relative; width: 100%; padding: 0px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
Далее найдите, пожалуйста, следующий код:
.header-middle.index { background: rgba(255,255,255,0.4) none repeat scroll 0 0; display: block; z-index: 11; border: 0; height: 96px; }
И замените его этим вот кодом:
.header-middle.index { background: rgba(255,255,255,0.4) none repeat scroll 0 0; display: block; z-index: 11; border: 0; height: 80px; }
3. Советуем вам значительно уменьшить как размер, так и вес изображения в вашем слайдере, чтобы его загрузка происходила значительно быстрее, в данном случае желательно чтобы объём каждого изображения не превышал 2мб.
#4
Отправлено 29 Январь 2017 - 10:32
RayLi (26 Январь 2017 - 10:20) писал:
В таком случае вам необходимо произвести следующие изменения:
1. В шаблоне main.css найдите, пожалуйста, данный код:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 1000px; overflow: hidden; z-index: 1; }
И замените его вот этим вот кодом:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 800px !important; overflow: hidden; z-index: 1; }
2. После чего в том же шаблоне найдите, пожалуйста, следующий код:
.header-middle { position: relative; width: 100%; padding: 10px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
И замените его вот этим кодом:
.header-middle { position: relative; width: 100%; padding: 0px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
Далее найдите, пожалуйста, следующий код:
.header-middle.index { background: rgba(255,255,255,0.4) none repeat scroll 0 0; display: block; z-index: 11; border: 0; height: 96px; }
И замените его этим вот кодом:
.header-middle.index { background: rgba(255,255,255,0.4) none repeat scroll 0 0; display: block; z-index: 11; border: 0; height: 80px; }
3. Советуем вам значительно уменьшить как размер, так и вес изображения в вашем слайдере, чтобы его загрузка происходила значительно быстрее, в данном случае желательно чтобы объём каждого изображения не превышал 2мб.
#5
Отправлено 31 Январь 2017 - 13:03
RayLi (26 Январь 2017 - 10:20) писал:
В таком случае вам необходимо произвести следующие изменения:
1. В шаблоне main.css найдите, пожалуйста, данный код:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 1000px; overflow: hidden; z-index: 1; }
И замените его вот этим вот кодом:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 800px !important; overflow: hidden; z-index: 1; }
2. После чего в том же шаблоне найдите, пожалуйста, следующий код:
.header-middle { position: relative; width: 100%; padding: 10px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
И замените его вот этим кодом:
.header-middle { position: relative; width: 100%; padding: 0px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
Далее найдите, пожалуйста, следующий код:
.header-middle.index { background: rgba(255,255,255,0.4) none repeat scroll 0 0; display: block; z-index: 11; border: 0; height: 96px; }
И замените его этим вот кодом:
.header-middle.index { background: rgba(255,255,255,0.4) none repeat scroll 0 0; display: block; z-index: 11; border: 0; height: 80px; }
3. Советуем вам значительно уменьшить как размер, так и вес изображения в вашем слайдере, чтобы его загрузка происходила значительно быстрее, в данном случае желательно чтобы объём каждого изображения не превышал 2мб.
#6
Отправлено 31 Январь 2017 - 13:19
Rasul (29 Январь 2017 - 10:32) писал:
Здравствуйте.
Если я правильно вас понял, то вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
.logo img { max-height: 80px; }
И замените его вот этим вот кодом:
.logo img { max-height: 80px; padding: 10px; }
#7
Отправлено 31 Январь 2017 - 13:51
RayLi (31 Январь 2017 - 13:19) писал:
Если я правильно вас понял, то вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
.logo img { max-height: 80px; }
И замените его вот этим вот кодом:
.logo img { max-height: 80px; padding: 10px; }
#8
Отправлено 31 Январь 2017 - 15:56
Rasul (31 Январь 2017 - 13:51) писал:
Тогда в шаблоне main.css найдите, пожалуйста, данный код:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 800px !important; overflow: hidden; z-index: 1; }
И замените его вот этим вот кодом:
#slider { position: relative; margin: 0 auto; top: 80px; left: 0px; width: 1400px; height: 800px !important; overflow: hidden; z-index: 1; }
#9
Отправлено 31 Январь 2017 - 18:10
RayLi (31 Январь 2017 - 15:56) писал:
#slider { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1400px; height: 800px !important; overflow: hidden; z-index: 1; }
И замените его вот этим вот кодом:
#slider { position: relative; margin: 0 auto; top: 80px; left: 0px; width: 1400px; height: 800px !important; overflow: hidden; z-index: 1; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных