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


Правая Колонка


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

#1 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 16:58

У меня на сайте есть правая колонка, так вот, как сделать так что бы она была только на главной страницы? не было ни где кроме главной, ни в каталоге ни в карточке товара ни где.

#2 Stasya

Stasya

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

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

Отправлено 10 Октябрь 2013 - 18:06

В шаблоне HTML найдите блок
<div id="right">
<div class="grid_4 w204">
	 <!--noindex-->

		 <div id="right_teaser_top" style="margin-bottom: 5px; width: 204px; height:163px; display: inline-block; "><a href="/sales/?pol=w" onclick="_gaq.push(['_trackEvent', 'Первый боковой тизер','I love sale', document.location.href])" rel="nofollow"><img src="http://st.zapato.ru/images/right_teaser_1_1378293049.jpg"></a></div>

		 <div id="right_teaser_bottom" style="margin-bottom: 15px; width: 204px; height: 163px;"><a href="/woman_botilonyi/" onclick="_gaq.push(['_trackEvent', 'Второй боковой тизер','botiloni', document.location.href])" rel="nofollow"><img src="http://st.zapato.ru/images/right_teaser_2_1376463277.jpg"></a></div>
		 <div id="right_teaser_third" style="width: 204px;">
			 <a data-source="/luxe/woman/?discount=50" class="blankHref" onclick="_gaq.push(['_trackEvent', 'Третий боковой тизер','luxe', document.location.href])" rel="nofollow" href="/luxe/woman/?discount=50"><img src="http://st.zapato.ru/images/right_teaser_3_1375783693.jpg"></a>
		 </div>
		 <!--/noindex-->
</div>
и замените его на
{% IF index_page %}
<div id="right">
<div class="grid_4 w204">
	 <!--noindex-->

		 <div id="right_teaser_top" style="margin-bottom: 5px; width: 204px; height:163px; display: inline-block; "><a href="/sales/?pol=w" onclick="_gaq.push(['_trackEvent', 'Первый боковой тизер','I love sale', document.location.href])" rel="nofollow"><img src="http://st.zapato.ru/images/right_teaser_1_1378293049.jpg"></a></div>

		 <div id="right_teaser_bottom" style="margin-bottom: 15px; width: 204px; height: 163px;"><a href="/woman_botilonyi/" onclick="_gaq.push(['_trackEvent', 'Второй боковой тизер','botiloni', document.location.href])" rel="nofollow"><img src="http://st.zapato.ru/images/right_teaser_2_1376463277.jpg"></a></div>
		 <div id="right_teaser_third" style="width: 204px;">
			 <a data-source="/luxe/woman/?discount=50" class="blankHref" onclick="_gaq.push(['_trackEvent', 'Третий боковой тизер','luxe', document.location.href])" rel="nofollow" href="/luxe/woman/?discount=50"><img src="http://st.zapato.ru/images/right_teaser_3_1375783693.jpg"></a>
		 </div>
		 <!--/noindex-->
</div>
{% ENDIF %}


#3 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 18:14

теперь на главной ушло в право все

#4 ne_yana

ne_yana

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

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

Отправлено 10 Октябрь 2013 - 20:21

Просмотр сообщенияborisovd (10 Октябрь 2013 - 18:14) писал:

теперь на главной ушло в право все
Добрый вечер, если Вы хотите подвинуть левее все содержимое, то найдите в файле main.css
body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
замените на
body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
margin-left: -133px;
}

Если только то, что ниже шапки, то замените
#contentWrap {
clear: both;
background: url(http://alver.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
}
на
#contentWrap {
clear: both;
background: url(http://alver.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
margin-left: -36px;
}


#5 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 21:21

Просмотр сообщенияne_yana (10 Октябрь 2013 - 20:21) писал:

Добрый вечер, если Вы хотите подвинуть левее все содержимое, то найдите в файле main.css
body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
замените на
body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
margin-left: -133px;
}

Если только то, что ниже шапки, то замените
#contentWrap {
clear: both;
background: url(http://alver.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
}
на
#contentWrap {
clear: both;
background: url(http://alver.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
margin-left: -36px;
}
Нет, вы не поняли. нужно подвинуть только правую колонку сайта левее что бы она не торчала после желтой полосы

#6 ne_yana

ne_yana

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

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

Отправлено 10 Октябрь 2013 - 22:18

Просмотр сообщенияborisovd (10 Октябрь 2013 - 21:21) писал:

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

Правую колонку можно подвинуть, вставив в конец файла main.css
a img, :link img, :visited img {
margin-left: -42px;
}

Или Вы хотите, чтобы колонка полностью помещалась под желтой полосой?

#7 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 22:34

Вот так нужно

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

  • Untitled-1.jpg


#8 ne_yana

ne_yana

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

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

Отправлено 10 Октябрь 2013 - 22:50

Просмотр сообщенияborisovd (10 Октябрь 2013 - 22:34) писал:

Вот так нужно
Нужно найти в файле nyvo.css
.nivoSlider {
position: relative;
width: 95%;
height: auto;
overflow: hidden;
}
заменить на
.nivoSlider {
position: relative;
width: 81%;
height: auto;
overflow: hidden;
}
В конце файла main.css добавьте
a img, :link img, :visited img {
margin-left: -115px;
}


#9 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 22:59

a img,:link img,:visited img {
margin-left:-115px;
}

Не подходит, этот код сдвигает все картинки. надо что то делать с классом right

#10 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 23:21

все сделал. это
.right {
width: 50px;
}
заменил на это
.right {
width: 50px;
padding-right: 113px;
}





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

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