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


Изменение Шаблона

Автор BooModa, 19 сент. 2014 13:43

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

#141 BooModa

BooModa

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

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

Отправлено 18 Ноябрь 2014 - 18:22

Спасибо) Далее нужно сместить каталог на уровень слайдера. И какой теперь получился размер слайдера?

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

  • Снимок3.JPG

#142 RayLi

RayLi

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

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

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

Просмотр сообщенияBooModa (18 Ноябрь 2014 - 18:22) писал:

Спасибо) Далее нужно сместить каталог на уровень слайдера. И какой теперь получился размер слайдера?
Здравствуйте.
Найдите в шаблоне main.css следующий код:
#column-left {
float: left;
width: 210px;
padding-top: 10px;
}
И замените его этим кодом:
#column-left {
float: left;
width: 210px;
padding-top: 16px;
}
Размер слайдера равен: 965 x 276 px .

#143 BooModa

BooModa

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

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

Отправлено 18 Ноябрь 2014 - 19:49

Просмотр сообщенияRayLi (18 Ноябрь 2014 - 18:24) писал:

Здравствуйте.
Найдите в шаблоне main.css следующий код:
#column-left {
float: left;
width: 210px;
padding-top: 10px;
}
И замените его этим кодом:
#column-left {
float: left;
width: 210px;
padding-top: 16px;
}
Размер слайдера равен: 965 x 276 px .

Требуется загружать картинки именно этого размера, или в низ по ширине могут быть больше?

#144 AnnaM

AnnaM

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

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

Отправлено 18 Ноябрь 2014 - 19:51

Просмотр сообщенияBooModa (18 Ноябрь 2014 - 19:49) писал:

Требуется загружать картинки именно этого размера, или в низ по ширине могут быть больше?
Вы можете увеличивать разрешение изображение только пропорционально по ширине и высоте сразу.

#145 BooModa

BooModa

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

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

Отправлено 18 Ноябрь 2014 - 20:03

Просмотр сообщенияAnnaM (18 Ноябрь 2014 - 19:51) писал:

Вы можете увеличивать разрешение изображение только пропорционально по ширине и высоте сразу.

Подогнала 3 картинки под данный размер, загрузила их в редакторе шаблонов, назвала slider1, slider2, slider3, в HTML сменила название и на всякий случай размер, но все равно не отображаются на сайте..

#146 AnnaM

AnnaM

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

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

Отправлено 18 Ноябрь 2014 - 20:07

Просмотр сообщенияBooModa (18 Ноябрь 2014 - 20:03) писал:

Подогнала 3 картинки под данный размер, загрузила их в редакторе шаблонов, назвала slider1, slider2, slider3, в HTML сменила название и на всякий случай размер, но все равно не отображаются на сайте..
Вам необходимо вместо slider1.png  написать в коде slider1.jpg У всех картинок неверный формат указан сейчас.

#147 BooModa

BooModa

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

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

Отправлено 18 Ноябрь 2014 - 20:23

Просмотр сообщенияAnnaM (18 Ноябрь 2014 - 20:07) писал:

Вам необходимо вместо slider1.png  написать в коде slider1.jpg У всех картинок неверный формат указан сейчас.

Изменила, но на сайте все равно старые картинки отображаются(

#148 AnnaM

AnnaM

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

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

Отправлено 18 Ноябрь 2014 - 20:29

Просмотр сообщенияBooModa (18 Ноябрь 2014 - 20:23) писал:

Изменила, но на сайте все равно старые картинки отображаются(
Вы еще не заменили в строках 
<img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
Во всех трех нужно тоже поменять формат картинок.

#149 BooModa

BooModa

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

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

Отправлено 18 Ноябрь 2014 - 20:48

Просмотр сообщенияAnnaM (18 Ноябрь 2014 - 20:29) писал:

Вы еще не заменили в строках 
<img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
Во всех трех нужно тоже поменять формат картинок.

Заменила. Безрезультатно..

#150 AnnaM

AnnaM

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

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

Отправлено 18 Ноябрь 2014 - 20:50

Просмотр сообщенияBooModa (18 Ноябрь 2014 - 20:48) писал:

Заменила. Безрезультатно..
В HTML замените код 
{% IF index_page %}
				  <div id="module_area">
						<div id="flexslideshow" class="flexslider">
						  <ul class="slides">
								<li>
								  <div class="bigPic" style="width: 965px; height: 2760px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
								  <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="Slide 1" class="slide_img">
								</li>
								<li>
								  <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
								  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="Slide 2" class="slide_img">
								</li>
								<li>
								  <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
								  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="Slide 3" class="slide_img">
								</li>
						  </ul>
						</div>
				  </div>
				{% ENDIF %}
				<!-- /Главная страница -->
на 
{% IF index_page %}
				  <div id="module_area">
						<div id="flexslideshow" class="flexslider">
						  <ul class="slides">
								<li>
								  <div class="bigPic" style="width: 965px; height: 2760px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
								  <img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="Slide 1" class="slide_img">
								</li>
								<li>
								  <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
								  <img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="Slide 2" class="slide_img">
								</li>
								<li>
								  <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
								  <img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="Slide 3" class="slide_img">
								</li>
						  </ul>
						</div>
				  </div>
				{% ENDIF %}
				<!-- /Главная страница -->

#151 BooModa

BooModa

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

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

Отправлено 18 Ноябрь 2014 - 21:04

Просмотр сообщенияAnnaM (18 Ноябрь 2014 - 20:50) писал:

В HTML замените код 
{% IF index_page %}
				 <div id="module_area">
					 <div id="flexslideshow" class="flexslider">
						 <ul class="slides">
							 <li>
								 <div class="bigPic" style="width: 965px; height: 2760px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="Slide 1" class="slide_img">
							 </li>
							 <li>
								 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="Slide 2" class="slide_img">
							 </li>
							 <li>
								 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="Slide 3" class="slide_img">
							 </li>
						 </ul>
					 </div>
				 </div>
			 {% ENDIF %}
			 <!-- /Главная страница -->
на 
{% IF index_page %}
				 <div id="module_area">
					 <div id="flexslideshow" class="flexslider">
						 <ul class="slides">
							 <li>
								 <div class="bigPic" style="width: 965px; height: 2760px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="Slide 1" class="slide_img">
							 </li>
							 <li>
								 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="Slide 2" class="slide_img">
							 </li>
							 <li>
								 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="Slide 3" class="slide_img">
							 </li>
						 </ul>
					 </div>
				 </div>
			 {% ENDIF %}
			 <!-- /Главная страница -->

Вот что получилось

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

  • 123.JPG

#152 BooModa

BooModa

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

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

Отправлено 18 Ноябрь 2014 - 21:17

Просмотр сообщенияBooModa (18 Ноябрь 2014 - 21:04) писал:

Вот что получилось

Сейчас обновила, все равно старые картинки...

#153 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 18 Ноябрь 2014 - 22:05

Просмотр сообщенияBooModa (18 Ноябрь 2014 - 21:17) писал:

Сейчас обновила, все равно старые картинки...
Здравствуйте, очистите кеш браузера.
На данный момент отображается корректно.

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

  • hdr2.jpg

#154 BooModa

BooModa

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

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

Отправлено 19 Ноябрь 2014 - 16:11

Как сделать слайдер активным? Т.е. чтобы при нажатии на него перекидывало на какую то определенную страницу?

#155 Danil

Danil

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

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

Отправлено 19 Ноябрь 2014 - 16:17

Просмотр сообщенияBooModa (19 Ноябрь 2014 - 16:11) писал:

Как сделать слайдер активным? Т.е. чтобы при нажатии на него перекидывало на какую то определенную страницу?
Здравствуйте.
В шаблоне htlm найдите код
<div id="module_area">
											 <div id="flexslideshow" class="flexslider">
												 <ul class="slides">
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="Slide 1" class="slide_img">
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="Slide 2" class="slide_img">
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="Slide 3" class="slide_img">
															 </li>
												 </ul>
											 </div>
								 </div>
и замените на
<div id="module_area">
											 <div id="flexslideshow" class="flexslider">
												 <ul class="slides">
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
<a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="Slide 1" class="slide_img"></a>
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
																 <a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="Slide 2" class="slide_img"></a>
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
																 <a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="Slide 3" class="slide_img"></a>
															 </li>
												 </ul>
											 </div>
								 </div>
Вместо "Ссылка" вставьте ссылку на нужную вам страницу

#156 BooModa

BooModa

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

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

Отправлено 19 Ноябрь 2014 - 16:56

Просмотр сообщенияDanil (19 Ноябрь 2014 - 16:17) писал:

Здравствуйте.
В шаблоне htlm найдите код
<div id="module_area">
											 <div id="flexslideshow" class="flexslider">
												 <ul class="slides">
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="Slide 1" class="slide_img">
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="Slide 2" class="slide_img">
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="Slide 3" class="slide_img">
															 </li>
												 </ul>
											 </div>
								 </div>
и замените на
<div id="module_area">
											 <div id="flexslideshow" class="flexslider">
												 <ul class="slides">
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider1.jpg) no-repeat;"></div>
<a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}slider1.jpg" alt="Slide 1" class="slide_img"></a>
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider2.jpg) no-repeat;"></div>
																 <a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}slider2.jpg" alt="Slide 2" class="slide_img"></a>
															 </li>
															 <li>
																 <div class="bigPic" style="width: 965px; height: 276px; background:url({ASSETS_IMAGES_PATH}slider3.jpg) no-repeat;"></div>
																 <a href="Ссылка"><img src="{ASSETS_IMAGES_PATH}slider3.jpg" alt="Slide 3" class="slide_img"></a>
															 </li>
												 </ul>
											 </div>
								 </div>
Вместо "Ссылка" вставьте ссылку на нужную вам страницу


Спасибо, попробую) Помогите пожалуйста все таки разобраться с подвалом. Писала в этой теме пост #110

#157 BooModa

BooModa

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

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

Отправлено 19 Ноябрь 2014 - 18:50

Нужно сделать шапку не прозрачной только до красной линии, далее чтобы была прозрачной и был виден фон.

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

  • Снимок.JPG

#158 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2014 - 00:41

В main.css найдите:
#header {
	background-color: #ffffff;
	position: relative;
	z-index: 99;
}
замените на:
#header {
	position: relative;
	z-index: 99;
}

#159 BooModa

BooModa

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

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

Отправлено 20 Ноябрь 2014 - 06:33

Т.к. сижу с нетбука, экран маленький, форма обратной связи в подвале съзжает вниз, появляется линия прокрутки, от которой нужно избавиться..
Можно ли там как то разместить все компактнее, чтобы такой проблемы не возникало?
При уменьшении экрана в браузере все встает на свои места....

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

  • 1.JPG
  • Снимок1.JPG
  • Снимок2.JPG

#160 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 20 Ноябрь 2014 - 08:24

для того что бы убрать полосу прокрутки в файле стилей main.css  найдите код 

#footer .inner_top {background:#ffffff !important;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);position:relative;overflow:auto; padding-top:15px;}

и замените на код 

#footer .inner_top {background:#ffffff !important;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);position:relative;padding-top:15px;}

что бы разместить более компактно блоки меняйте значение ширины в коде у блоков футера. ( width: 25%;...)

#payment_services {
		display: inline-block;
		margin: 10px 16px;
		text-align: center;
		width: 25%;
}


.one_fourth {float: left;margin-right: 4%;position: relative;width: 22%;}

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


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

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

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