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


Немного Изменить Главную Страницу


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

#101 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 22 Декабрь 2014 - 11:48

Просмотр сообщенияyahee (22 Декабрь 2014 - 11:37) писал:

alo

Еще в main.css добавьте:
div#slider1_container div {
transform: scale(1) !important;
}


#102 yahee

yahee

    Пользователь

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

Отправлено 23 Декабрь 2014 - 18:45

chto nado delat chtobi na slayderov najimali otkrilsya ssilka

#103 Alekseys

Alekseys

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

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

Отправлено 23 Декабрь 2014 - 18:51

Просмотр сообщенияyahee (23 Декабрь 2014 - 18:45) писал:

chto nado delat chtobi na slayderov najimali otkrilsya ssilka
Здравствуйте. В шаблоне HTML замените
<div id="slider1_container" style="float:left;">
								  <!-- Slides Container -->
								  <div u="slides" class="slides_container">
												<div>
												 
												 
											   
											   
						<img u="image" src="{ASSETS_IMAGES_PATH}slider1.jpg" />
						</div>
						<div>
						  <img u="image" src="{ASSETS_IMAGES_PATH}slider2.jpg" />
						</div>
						<div>
						  <img u="image" src="{ASSETS_IMAGES_PATH}slider3.jpg" />
на
<div id="slider1_container" style="float:left;">
								  <!-- Slides Container -->
								  <div u="slides" class="slides_container">
												<div>
												 
												 
											   
											   
						<a href="ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slider1.jpg" /></a>
						</div>
						<div>
						  <a href="ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slider2.jpg" /></a>
						</div>
						<div>
						  <a href="ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slider3.jpg" /></a>
заменив слово ссылка на нужную ссылку.

#104 Avto1ik

Avto1ik

    Пользователь

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

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

Возможно ли слайдеру (дефолтному) сделать кнопки влево - вправо для ручной перелистовки слайдов?

#105 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 22 Январь 2015 - 14:39

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

Возможно ли слайдеру (дефолтному) сделать кнопки влево - вправо для ручной перелистовки слайдов?

Уточните номер Вашего аккаунта.

#106 Avto1ik

Avto1ik

    Пользователь

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

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

Просмотр сообщенияMikDark (22 Январь 2015 - 14:39) писал:

Уточните номер Вашего аккаунта.

SL-328602

#107 Vaccina

Vaccina

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

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

Отправлено 24 Январь 2015 - 02:24

В шаблоне HTML перед:
</div>
		{% ENDIF %}
		<!-- Jssor Slider Слайдер Конец -->
вставьте:
<!-- Arrow Left -->
<span u="arrowleft" class="jssora02l"
style="width: 55px; height: 55px; top: 122px; left: 8px;">
</span>
<!-- Arrow Right -->
<span u="arrowright" class="jssora02r"
style="width: 55px; height: 55px; top: 122px; right: 8px;">
</span>

В main.css найдите:
#slider1_container {
	height: 500px;
	left: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 1920px;
	z-index: 1;
}

после него вставьте:
.jssora02l, .jssora02r{
position: absolute;
cursor: pointer;
display: block;
background: url('http://www.jssor.com/img/a02.png') no-repeat;
overflow: hidden;
}
.jssora02l{
background-position: -3px -33px;
}
.jssora02r{
background-position: -63px -33px;
}


#108 Avto1ik

Avto1ik

    Пользователь

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

Отправлено 24 Январь 2015 - 06:08

Просмотр сообщенияVaccina (24 Январь 2015 - 02:24) писал:

В шаблоне HTML перед:[CODE]


Все выполнил, стрелки появились, но появляются при наведении исчезают при нажатии (при этом цвет кнопочек не меняется) и ничего не происходит при нажати влево-вправо

#109 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2015 - 00:14

<!-- Arrow Left -->
<span u="arrowleft" class="jssora02l"
style="width: 55px; height: 55px; top: 122px; left: 8px;">
</span>
<!-- Arrow Right -->
<span u="arrowright" class="jssora02r"
style="width: 55px; height: 55px; top: 122px; right: 8px;">
</span>
замените на:
<!-- Arrow Left -->
<span u="arrowleft" class="jssora02l "
style="width: 55px; height: 55px; top: 122px; left: 8px;">
</span>
<!-- Arrow Right -->
<span u="arrowright" class="jssora02r "
style="width: 55px; height: 55px; top: 122px; right: 8px;">
</span>

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

#110 blackstar

blackstar

    Новичок

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

Отправлено 12 Март 2015 - 12:48

Здравствуйте. № аккаунта SL-334084. Сделал по инструкции выше в итоге получилось то что шапка с логотипом съехала чуть вниз, причем когда начинаешь прокручивать вниз, она возвращается на место. Можно ли сделать так, чтобы она изначально была влотную к верхнему меню. Скриншот прилагаю. http://st.bardahlrf....1/1589/930/.jpg

#111 Cupuyc

Cupuyc

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

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

Отправлено 12 Март 2015 - 13:16

Просмотр сообщенияblackstar (12 Март 2015 - 12:48) писал:

Здравствуйте. № аккаунта SL-334084. Сделал по инструкции выше в итоге получилось то что шапка с логотипом съехала чуть вниз, причем когда начинаешь прокручивать вниз, она возвращается на место. Можно ли сделать так, чтобы она изначально была влотную к верхнему меню. Скриншот прилагаю. http://st.bardahlrf....1/1589/930/.jpg
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите блок кода:
.fixed-header.hidden-top .header {margin-top: 8px;top: 0;}
.fixed-header.loaded .header {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header {margin-top: 0;}
.fixed-header .header {left: 0;margin: 0;position: fixed;right: 0;top: 0;z-index: 870;width: auto;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
.fixed-header.hidden-top.visible-top .header-wrapper, .fixed-header.fixed .header-wrapper {-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
.fixed-header .header-wrapper {background: #fff;-webkit-transition: background 0.2s linear;margin-top: 50px;transition: background 0.2s linear;}
.header .container {z-index: 999;position: relative;}
И замените его на:
.fixed-header.hidden-top .header {margin-top: 0px;top: 0;}
.fixed-header.loaded .header {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header {margin-top: 0;}
.fixed-header .header {left: 0;margin: 0;position: fixed;right: 0;top: 0;z-index: 870;width: auto;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
.fixed-header.hidden-top.visible-top .header-wrapper, .fixed-header.fixed .header-wrapper {-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
.fixed-header .header-wrapper {background: #fff;-webkit-transition: background 0.2s linear;margin-top: 42px;transition: background 0.2s linear;}
.header .container {z-index: 999;position: relative;}

Также в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;margin-top: -8px;}
И замените его на:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;margin-top: 0;}


#112 blackstar

blackstar

    Новичок

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

Отправлено 12 Март 2015 - 14:43

Спасибо. Шапка с логотипом теперь закрепилась. Теперь можно ее поднять немного выше чтобы она была вплотную к верхнему меню? http://st.bardahlrf..../1590/028/1.png

#113 blackstar

blackstar

    Новичок

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

Отправлено 12 Март 2015 - 16:57

Просмотр сообщенияCupuyc (12 Март 2015 - 13:16) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите блок кода:
.fixed-header.hidden-top .header {margin-top: 8px;top: 0;}
.fixed-header.loaded .header {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header {margin-top: 0;}
.fixed-header .header {left: 0;margin: 0;position: fixed;right: 0;top: 0;z-index: 870;width: auto;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
.fixed-header.hidden-top.visible-top .header-wrapper, .fixed-header.fixed .header-wrapper {-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
.fixed-header .header-wrapper {background: #fff;-webkit-transition: background 0.2s linear;margin-top: 50px;transition: background 0.2s linear;}
.header .container {z-index: 999;position: relative;}
И замените его на:
.fixed-header.hidden-top .header {margin-top: 0px;top: 0;}
.fixed-header.loaded .header {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header {margin-top: 0;}
.fixed-header .header {left: 0;margin: 0;position: fixed;right: 0;top: 0;z-index: 870;width: auto;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
.fixed-header.hidden-top.visible-top .header-wrapper, .fixed-header.fixed .header-wrapper {-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
.fixed-header .header-wrapper {background: #fff;-webkit-transition: background 0.2s linear;margin-top: 42px;transition: background 0.2s linear;}
.header .container {z-index: 999;position: relative;}

Также в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;margin-top: -8px;}
И замените его на:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;margin-top: 0;}

Спасибо. Шапка с логотипом теперь закрепилась. Теперь можно ее поднять немного выше чтобы она была вплотную к верхнему меню?http://st.bardahlrf..../1590/028/1.png

#114 Cupuyc

Cupuyc

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

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

Отправлено 12 Март 2015 - 17:11

Просмотр сообщенияblackstar (12 Март 2015 - 16:57) писал:

Спасибо. Шапка с логотипом теперь закрепилась. Теперь можно ее поднять немного выше чтобы она была вплотную к верхнему меню?http://st.bardahlrf..../1590/028/1.png
Это прописано в предыдущей инструкции, повторите действия еще раз и обновите кэш браузера(Ctrl+F5)

#115 blackstar

blackstar

    Новичок

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

Отправлено 12 Март 2015 - 19:32

Просмотр сообщенияCupuyc (12 Март 2015 - 17:11) писал:

Это прописано в предыдущей инструкции, повторите действия еще раз и обновите кэш браузера(Ctrl+F5)

Большое спасибо!




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

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