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


Сделать Слайдер Меньше

Автор Антон1212, 11 авг. 2014 12:50
слайдер меню

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

#1 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 11 Август 2014 - 12:50

Ребята привет!! Я уверен, что такие вопросы уже обсуждались, но не нашел на форуме, так что извините :))
как уменьшить банер этот на главной странице до размеров примерно до 1000х350px??? А на свободное место потом меню поднять? Заранее спасибо)

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

  • 11.08.2014-13.31.17.png

#2 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 11 Август 2014 - 13:08

Просмотры есть, а ответов нет :mellow: :mellow: :mellow:

#3 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 11 Август 2014 - 15:35

Просмотр сообщенияАнтон1212 (11 Август 2014 - 13:08) писал:

Просмотры есть, а ответов нет :mellow: :mellow: :mellow:

Здравствуйте.
Верните пожалуйста слайдер, чтобы мы могли произвести изменения.

#4 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 11 Август 2014 - 15:47

Просмотр сообщенияDanil (11 Август 2014 - 15:35) писал:

Здравствуйте.
Верните пожалуйста слайдер, чтобы мы могли произвести изменения.
О наконец то) Я думал никто не ответит, удалил! Вернул на место:)

#5 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 11 Август 2014 - 16:55

Просмотр сообщенияАнтон1212 (11 Август 2014 - 15:47) писал:

О наконец то) Я думал никто не ответит, удалил! Вернул на место :)

В html найдите код и удалите

<!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">Каталог</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {%ENDFOR%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->

Далее найдите код

<!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

И замените его на

<div class="ll" style="width:1200; margin:0 auto">
	 <!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
			 <!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">Каталог</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {%ENDFOR%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
	
	 {% ENDIF %}
	 <!-- /Главная страница -->
	 </div>

После найдите код в main.css

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}

И замените на

#module_area {
width: 80%;
text-align: center;
padding: 5px 0;
float: right;
}

Далее добавьте в style.css код

.ll .box {
width: 200px;
float: left;
}

#6 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 11 Август 2014 - 17:48

Просмотр сообщенияDanil (11 Август 2014 - 16:55) писал:

В html найдите код и удалите

<!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">Каталог</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {%ENDFOR%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->

Далее найдите код

<!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

И замените его на

<div class="ll" style="width:1200; margin:0 auto">
	 <!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
			 <!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">Каталог</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {%ENDFOR%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
	
	 {% ENDIF %}
	 <!-- /Главная страница -->
	 </div>

После найдите код в main.css

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}

И замените на

#module_area {
width: 80%;
text-align: center;
padding: 5px 0;
float: right;
}

Далее добавьте в style.css код

.ll .box {
width: 200px;
float: left;
}

Спасибо огромное!!! Я не думал даже, что будет настолько развернутый ответ!!! Молодцы)
Получилось то, что хотел! Вот только... Меню получилось слишком близко к левому краю, вот вот вылезет туда:(

#7 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 11 Август 2014 - 17:51

Просмотр сообщенияАнтон1212 (11 Август 2014 - 17:48) писал:

Спасибо огромное!!! Я не думал даже, что будет настолько развернутый ответ!!! Молодцы)
Получилось то, что хотел! Вот только... Меню получилось слишком близко к левому краю, вот вот вылезет туда :(

В main.css найдите код

.ll .box {
width: 200px;
float: left;
}

И замените на 

.ll .box {
width: 200px;
float: left;
margin-left: 40px;
}

#8 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 11 Август 2014 - 17:56

Просмотр сообщенияDanil (11 Август 2014 - 17:51) писал:

В main.css найдите код

.ll .box {
width: 200px;
float: left;
}

И замените на

.ll .box {
width: 200px;
float: left;
margin-left: 40px;
}
Не модератор, а волшебник)) Спасибо за проявленное внимание) Оперативно, терпеливо и профессионально!!!!!!!!!!

#9 boktar

boktar

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

  • Пользователи
  • PipPipPipPip
  • 200 сообщений

Отправлено 03 Октябрь 2014 - 01:40

Прошу помощи)
сделал всё, как написано, но получилась такая ерунда,
меню с краю всё равно осталось и слайдер показывает под строками меню.

а, да единственное код вот этот
.ll .box {
width: 200px;
float: left;
}
не знаю куда воткнуть, так как  style.css у меня нет.

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Октябрь 2014 - 01:45

попробуйте повторить изменения, судя по скриншоту вас нарушен синтаксис структуры в шаблоне HTML

#11 boktar

boktar

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

  • Пользователи
  • PipPipPipPip
  • 200 сообщений

Отправлено 03 Октябрь 2014 - 01:59

Просмотр сообщенияVaccina (03 Октябрь 2014 - 01:45) писал:

попробуйте повторить изменения, судя по скриншоту вас нарушен синтаксис структуры в шаблоне HTML
спасибо, попробую
а код
.ll .box {
width: 200px;
float: left;
}
в main.css ставить?

#12 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Октябрь 2014 - 02:02

все верно, данный код необходимо разместить в конце файла main.css

P.S.: добавьте пожалуйста номер своего аккаунта в профиль, чтобы в будущем тех поддержка не спрашивала каждый раз адрес вашего сайта =)

#13 boktar

boktar

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

  • Пользователи
  • PipPipPipPip
  • 200 сообщений

Отправлено 03 Октябрь 2014 - 02:19

переделал, к сожалению не помогло

#14 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Октябрь 2014 - 02:26

причина в отсутствии
.ll .box {
width: 200px;
float: left;
}

вы его вставили не в самый конец файла, о чем я упомянула выше, а врезали в код, нарушив синтаксис предыдущего блока:
#content_2 {
margin-top: 50px;
.ll .box {
width: 200px;
float: left;
}
замените на:
#content_2 {
margin-top: 50px;
}
}
.ll .box {
width: 200px;
float: left;
}

#15 boktar

boktar

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

  • Пользователи
  • PipPipPipPip
  • 200 сообщений

Отправлено 03 Октябрь 2014 - 02:53

Спасибо!
а подскажите ещё пожалуйста, как отодвинуть меню от края?

разобрался

#16 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Октябрь 2014 - 03:00 

.ll .box {
width: 200px;
float: left;
}
замените на:
.ll .box {
	float: left;
	margin-left: 2%;
	width: 17%;
}

#17 boktar

boktar

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

  • Пользователи
  • PipPipPipPip
  • 200 сообщений

Отправлено 03 Октябрь 2014 - 03:24

Всё же таки остался ещё вопрос)
Как бы чуть каталог передвинуть, пробовал менять размер слайдара и отступ от края каталога, но не получается ровно сделать

#18 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Октябрь 2014 - 03:33

поняла, о чем вы, в main.css найдите:
.ll .box {
	float: left;
	margin-left: 50px;
	width: 200px;
}
замените на:
.ll .box {
	float: left;
	margin-left: 35px;
	width: 190px;
}

а еще лучше будет в шаблоне HTML найти:
<div style="width:1200; margin:0 auto" class="ll">
и заменить на:
<div class="ll inner">

в этом случае блоку выше не надо будет прописывать:
  margin-left: 35px;

#19 boktar

boktar

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

  • Пользователи
  • PipPipPipPip
  • 200 сообщений

Отправлено 03 Октябрь 2014 - 15:39

Спасибо!
Обратно в Изменение общей стилистики



Темы с аналогичным тегами слайдер меню

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Изменение общей стилистики
  6. Privacy Policy