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


Слайдер


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

#81 igor

igor

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

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

Отправлено 23 Июль 2013 - 16:37

Просмотр сообщенияTaisia (11 Июль 2013 - 21:45) писал:

у вас в файле html  пустой блок

<div class="page-headline">
</div>

удалите его и расстояние уменьшится


Удаляя этот блок у меня меняется шрифт названия главной страницы а расстояние не уменьшилось

#82 Koderhan

Koderhan

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

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

Отправлено 23 Июль 2013 - 18:08

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.page-headline {height: 81px;position:relative;}
Заменить:
.page-headline {height: 81px;position:relative;display: none;}


#83 igor

igor

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

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

Отправлено 26 Июль 2013 - 11:55

Я заменил, у меня сверху название страницы изчезло а хотелось чтоб расстояние между слайдером и текстом сократилось (т.е. от низа слайдера до начала текста)
хотя так уже лучше чем было а то  при главной открытии странцы кажется что там один слайдер а под ним ничего больше нет

#84 Vaccina

Vaccina

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

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

Отправлено 27 Июль 2013 - 01:15

Добавьте в ваш файл стилей main.css

.theme-default .nivo-controlNav {
	margin-bottom: -15px;
	margin-top: -30px;
	padding: 0 !important;
}


#85 igor

igor

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

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

Отправлено 10 Август 2013 - 22:27

спасибо все получилось

#86 Theweatherisgood

Theweatherisgood

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

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

Отправлено 14 Август 2013 - 19:52

Доброго времени суток! Помониторил тут сайты, что вообще делают и как. Понравилось очень оформление  сайта http://babylook.me/.
Захотелось и себе кое что добавить. Скажите как добавить аналогичные вкладки справа к слайдеру? так же хотелось бы аналогично добавить производителей под слайдер и убрать с главной страницы справа католог товаров, "сравнить товары" и "вы смотрели".

#87 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 14 Август 2013 - 23:42

Просмотр сообщенияTheweatherisgood (14 Август 2013 - 19:52) писал:

Доброго времени суток! Помониторил тут сайты, что вообще делают и как. Понравилось очень оформление  сайта http://babylook.me/.
Захотелось и себе кое что добавить. Скажите как добавить аналогичные вкладки справа к слайдеру? так же хотелось бы аналогично добавить производителей под слайдер и убрать с главной страницы справа католог товаров, "сравнить товары" и "вы смотрели".
Здравствуйте. На главной странице вы хотите убрать весь правый блок или только каталог, просмотренные и сравниваемые товары? Я подразумеваю, раз вы хотите вкладки к слайдеру справа, то надо скрывать весь блок. Т.к. в нем так же будут располагаться новости, статьи и материалы сми на главной, если вы их добавите. Да даже если он будет пустой, он все равно будет занимать ширину как и сейчас.
Чтобы скрыть правый блок на главной, надо в шаблоне html код
	<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
		<table>
		  <tr>
			<td class="content_body cont700">
заменить на этот
	<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
	  {% IFNOT index_page %}
		<table>
		  <tr>
			<td class="content_body cont700">
			{% ELSEIF %}
			<div class="content_body">
			{% ENDIF %}
далее перед кодом
</td>
			<td class="content_catalog cont250">
вставить код
{% IFNOT index_page %}
и после кода (он почти в самом низу)
				</ul>
			  </div>
			</td>
		  </tr>
		</table>
вставить
		{% ELSEIF %}
		</div>
		{% ENDIF %}
Так мы подготовим главную страницу. Теперь надо вставить вкладки к слайдеру и баннеры производителей под него. И те и другие - простые ссылки-картинки.
Под кодом запуска слайдера
  <!-- Запуск слайдера -->
  &lt;script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
вставьте коды вкладок
<div class="slider_tabs">
  <a class="imgbanner" href="ссылка1">
	<img src="{ASSETS_IMAGES_PATH}pic1.jpg" alt="">
  </a>
  <a class="imgbanner" href="ссылка2">
	<img src="{ASSETS_IMAGES_PATH}pic2.jpg" alt="">
  </a>
  <a class="imgbanner" href="ссылка3">
	<img src="{ASSETS_IMAGES_PATH}pic3.jpg" alt="">
  </a>
</div>
и коды баннеров производителей
<div class="manufacturer">
	<a href="ссылка1" title="подпись1">
	  <img alt="подпись1" src="{ASSETS_IMAGES_PATH}img1.jpg">
	</a>
	<a href="ссылка2" title="подпись2">
	  <img alt="подпись2" src="{ASSETS_IMAGES_PATH}img2.jpg">
	</a>
	<a href="ссылка3" title="подпись3">
	  <img alt="подпись3" src="{ASSETS_IMAGES_PATH}img3.jpg">
	</a>
	<a href="ссылка4" title="подпись4">
	  <img alt="подпись4" src="{ASSETS_IMAGES_PATH}img4.jpg">
	</a>
	<a href="ссылка5" title="подпись5">
	  <img alt="подпись5" src="{ASSETS_IMAGES_PATH}img5.jpg">
	</a>
	<!-- и так далее -->
</div>
загружая картинки на сайте через Сайт-Редактор шаблонов-Добавить файлы. И останется прописать стили для всего добавленного. Примерно получатся такие:
.theme-default {
  float: left;
}
.slider_tabs {
  margin-top: 15px;
}
.slider_tabs .imgbanner {
  display: block;
  height: 83px;
}
.slider_tabs .imgbanner img:hover {
  transition: .5s;
  margin-left: -20px;
}
.manufacturer {
  float: left;
}
.manufacturer img {
  height: 80px;
  width: auto;
}


#88 Theweatherisgood

Theweatherisgood

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

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

Отправлено 15 Август 2013 - 00:26

ЩЩЩЩЩикарна!)

#89 Theweatherisgood

Theweatherisgood

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

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

Отправлено 15 Август 2013 - 12:06

Ай ай, что то ни как не получается подогнать слайдер/вкладки боковые... Помогите плз сделать так же как тут http://babylook.me/ Только вкладки будут всего две, и нужно вообще подогнать вкладки под банер, а сам банер увеличить

#90 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 15 Август 2013 - 14:45

Просмотр сообщенияTheweatherisgood (15 Август 2013 - 12:06) писал:

Ай ай, что то ни как не получается подогнать слайдер/вкладки боковые... Помогите плз сделать так же как тут http://babylook.me/ Только вкладки будут всего две, и нужно вообще подогнать вкладки под банер, а сам банер увеличить
В nyvo.css код
.theme-default {
  float: left;
}
замените на
.theme-default {
float: left;
width: 73%;
padding-right: 0 !important;
margin-right: -1px;
}
вроде так надо?

#91 Theweatherisgood

Theweatherisgood

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

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

Отправлено 15 Август 2013 - 15:46

Дада! Отлично! Спасибо!))

#92 Touring5

Touring5

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

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

Отправлено 29 Август 2013 - 01:15

Помогите в шаблоне "Вечность" logo.png растянуть до его размера. Просто картинка большего размера а на сайте как очень маленькая.Изображение

#93 Сake

Сake

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

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

Отправлено 29 Август 2013 - 04:51

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

#94 Touring5

Touring5

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

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

Отправлено 29 Август 2013 - 20:01

Но мое изображение уже вставлено!
SL- 194505

#95 shnafix

shnafix

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

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

Отправлено 29 Август 2013 - 20:57

Просмотр сообщенияTouring5 (29 Август 2013 - 20:01) писал:

Но мое изображение уже вставлено!
SL- 194505
В style.css найдите строку
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
и удалите
width: 150px;
или подкорректируйте до нужного Вам значения.




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

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