Перейти к содержимому


Изменение Главной Страницы


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 25 Январь 2017 - 19:22

Здравствуйте. Помогите поправить :)  Я нахимичил с слайдером и текст ушел вниз.
1. Поднять текст до нижней границы слайдера
2. Логотип и меню поднять чуть выше, чтоб текст слайдера видно было.
3. Слайдер долго грузится. Через телефон не открывается. Может быть из-за объема картинки? Объем картинки 3.94МБ

Прикрепленные изображения

  • 1.png
  • 2.png


#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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мб.

#3 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 28 Январь 2017 - 02:15

Просмотр сообщенияRasul (25 Январь 2017 - 19:22) писал:

3. Слайдер долго грузится. Через телефон не открывается. Может быть из-за объема картинки? Объем картинки 3.94МБ
естественно. делаете 300-400 килобайт. и все будет летать.

#4 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 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мб.
Логотип и полоса меню поднялся до нужного уровня, с ними и поднялся слайдер. До сих пор логотип закрывает часть текста (въезд-выезд)слайдера.слайдера надо опустить чуть ниже )

Прикрепленные изображения

  • Image 2.png


#5 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 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 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 31 Январь 2017 - 13:19

Просмотр сообщенияRasul (29 Январь 2017 - 10:32) писал:

Логотип и полоса меню поднялся до нужного уровня, с ними и поднялся слайдер. До сих пор логотип закрывает часть текста (въезд-выезд)слайдера.слайдера надо опустить чуть ниже )

Здравствуйте.
Если я правильно вас понял, то вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

.logo img {
	max-height: 80px;
}

И замените его вот этим вот кодом:

.logo img {
	max-height: 80px;
	padding: 10px;
}


#7 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 31 Январь 2017 - 13:51

Просмотр сообщенияRayLi (31 Январь 2017 - 13:19) писал:

Здравствуйте.
Если я правильно вас понял, то вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

.logo img {
max-height: 80px;
}

И замените его вот этим вот кодом:

.logo img {
max-height: 80px;
padding: 10px;
}
не хотелось уменьшит размер логотипа. Хоть уменьшаешь, все равно закрывает текст слайдера. нельзя опустить слайдер чуть ниже.

#8 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 31 Январь 2017 - 18:10

Просмотр сообщенияRayLi (31 Январь 2017 - 15:56) писал:

Тогда в шаблоне 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;
}
получилось,спасибо ) можете ответить на этот вопрос   http://forum.storela...авной-страницы/




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных