Сообщений в теме: 30

[miyako]

Джейн (29 Июль 2013 - 08:45) писал:

Здравствуйте!
Помогите, пожалуйста, оформить левое меню как тут правое: http://ladilacrima.ru/ . Каталог сделала - а остальное вообще идет вкривь и вкось.
И разделить блоки новости...статьи... А то у меня все в кучу почему то.

Я чет столько понапутала, что совсем ниче найти не могу.

Мой магазин http://101korset.ru/

Спасибо.

у Вас нарушена верстка. Это произошло при переносе блоков влево.
Найдите код в шаблоне HTML:

<a href="http://vk.com/ladyand"><img src="http://files.storeland.ru/web/upload/sitefiles/4/390/389744/vk1.jpg" width=138 height=130 border=0 alt="Мы в Контакте"></a>  </div>

и замените на:

<a href="http://vk.com/ladyand"><img src="http://files.storeland.ru/web/upload/sitefiles/4/390/389744/vk1.jpg" width=138 height=130 border=0 alt="Мы в Контакте"></a> 

[Джейн]

Ой, спасибо   Вы волшебник !
3 буковки - а столько проблем было

[Trendiz]

Добрый день!
подскажите, пожалуйста, как сделать боковое меню как тут - http://zakdak.ru/, и цвета - чёрный-серый и чтобы двигались строчки при наведении. только у меня ещё есть подкатегории (в примере их нет)  и хотелось бы чтобы подкатегории были чуть светлее цветом шрифта, а разметка та же.

мой сайт - trendiz.ru

[Vaccina]

Для каталога вы можете попробовать использовать следующие стили - в файле стилей main.css найдите

#leftMenuBlockWrap {
	padding: 1em 0 40px;
	vertical-align: top;
	width: 170px;
}

и замените на

#leftMenuBlockWrap {
	padding: 5px 0 40px 5px;
	vertical-align: top;
	width: 170px;
}

далее найдите

.contentTbodyCatalogHeader {
	background: url("{ASSETS_IMAGES_PATH}grey_dotted.gif") repeat-x 0 100%;
	margin: 0 1em 0.33em 0.7em;
	padding-bottom: 0.2em;
}

и замените на

.contentTbodyCatalogHeader {
	background: #000000;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding-bottom: 0.2em;
	text-align: center;
	width: 100%;
}

далее найдите

.contentTbodyCatalogHeader a {
	color: #000000;
}

и замените на

.contentTbodyCatalogHeader a {
	color: #fff;
}

далее найдите

#subNavigation li {
	background: url("{ASSETS_IMAGES_PATH}subnav_rule.gif") no-repeat left bottom;
	font-size: 1.0833em;
	line-height: 1.5384em;
	padding: 0.5em 0;
}

и замените на

#subNavigation li {
	border-bottom: 1px solid #000000;
	font-size: 1.0833em;
	line-height: 1.5384em;
	padding: 0.7em 0;
}

далее найдите

#subNavigation li a:link, #subNavigation li a:visited {
	color: #666666;
	display: block;
	padding-left: 10px;
}

и замените на

#subNavigation li a:link, #subNavigation li a:visited {
	color: #000000;
	display: block;
	padding-left: 8px;
	transition: padding-left .5s ease 0s;
}

далее найдите

#subNavigation li a:hover, #subNavigation li a:active {
	background: url("{ASSETS_IMAGES_PATH}square_bullet.gif") no-repeat 0 0.6em;
	color: #D0431D;
	text-decoration: none;
}

и замените на

#subNavigation li a:hover, #subNavigation li a:active {
	text-decoration: none;
	padding-left: 15px;
}

[Джейн]

Здравствуйте. Помогите, пожалуйста, отзывы сделать в рамочке и с фоном, как каталог.  И, заодно, подскажите, почему темный фон Каталога сетко вверху, а все остальное (новости, статьи и т.д.) немного смещены вниз? Можно ли это дело подравнять?

Магазин http://101korset.ru/

[Vaccina]

Найдите в вашем файле стилей main.css

.content_catalog {
  padding-top: 80px;
  vertical-align: top;
}

и замените на

.content_catalog {
  vertical-align: top;
}

Далее в шаблоне "HTML" найдите

{% IF index_page %}
  <!-- Отзывы о магазине -->
		<br /><h4 class="contentTbodyCatalogHeader"><a href="http://101korset.ru/goods/otzyvy">Последние отзывы</a></h4>
<div id="insert-goods-opinion-list"></div>
<script>
$(function() {
  var url = 'http://101korset.ru/goods/otzyvy';
var id = '#insert-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '#otzyvy_from'; // Из примера это inject-goods-opinion-list
  if(id && injid && $(id).length) {
								   $.get(url, function(html) {
																$(id).html(filterOpinionHTML($(html).find(injid).html()));
								});
  }
});
function filterOpinionHTML(html) {
var good = $('<div>').addClass('contentTbodyNewsBlock');
$(html).find('.good').each(function() {
  $(good).append($('<div>').addClass('contentTbodyNewsBlockItem')
				.append($('<span>').addClass('contentTbodyNewsBlockItemTitle')
				   .html($(this).find('.goodsDataOpinionListTableClient').html()))
				.append($('<div>').addClass('newsListBlockItemPreview')
				   .html($(this).find('.ceil2').html()))
.append($('<em>').addClass('contentTbodyNewsBlockItemTime')
				   .html($(this).find('.goodsDataOpinionListTableDate').html()))
  );
});
return($('<div>').addClass('contentTbodyNews').append(good));
}
</script>
<!-- Отзывы о магазине Конец-->  
{% ENDIF %}

и замените на

{% IF index_page %}
  <!-- Отзывы о магазине -->
		<li class="news_mass_media"><br /><h2><a href="http://101korset.ru/goods/otzyvy">Последние отзывы</a></h2>
<div class="contentTbodyNews" id="insert-goods-opinion-list"></div>
<script>
$(function() {
  var url = 'http://101korset.ru/goods/otzyvy';
var id = '#insert-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '#otzyvy_from'; // Из примера это inject-goods-opinion-list
  if(id && injid && $(id).length) {
								   $.get(url, function(html) {
																$(id).html(filterOpinionHTML($(html).find(injid).html()));
								});
  }
});
function filterOpinionHTML(html) {
var good = $('<div>').addClass('contentTbodyNewsBlock');
$(html).find('.good').each(function() {
  $(good).append($('<div>').addClass('contentTbodyNewsBlockItem')
				.append($('<span>').addClass('contentTbodyNewsBlockItemTitle')
				   .html($(this).find('.goodsDataOpinionListTableClient').html()))
				.append($('<div>').addClass('newsListBlockItemPreview')
				   .html($(this).find('.ceil2').html()))
.append($('<em>').addClass('contentTbodyNewsBlockItemTime')
				   .html($(this).find('.goodsDataOpinionListTableDate').html()))
  );
});
return($('<div>').addClass('contentTbodyNews').append(good));
}
</script>
</li>
<!-- Отзывы о магазине Конец-->  
{% ENDIF %}

[Джейн]

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

[Джейн]

Здравствуйте еще раз. Сделала боковое меню как Вы написали, а сегодня почему то оно начало смещаться вправо, на разделитель. Сначала грузится правильно, а потом сдвигается. Помогите пожалста поставить его на место. Причем сдвигается сильно на главной странице, в остальных разделах практически на грани. Я так предполагаю, что это в большей части из-за отзывов, хотя может и из-за чего-то другого. Магазин в подписи.

[miyako]

Джейн (06 Октябрь 2013 - 22:12) писал:

Здравствуйте еще раз. Сделала боковое меню как Вы написали, а сегодня почему то оно начало смещаться вправо, на разделитель. Сначала грузится правильно, а потом сдвигается. Помогите пожалста поставить его на место. Причем сдвигается сильно на главной странице, в остальных разделах практически на грани. Я так предполагаю, что это в большей части из-за отзывов, хотя может и из-за чего-то другого. Магазин в подписи.

Добавьте в конец main.css код -

.news_mass_media{width: 202px;}

[Джейн]

Спасибки, все отлично

[Trendiz]

СПАСИБО!!!!