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


Блок Новостей, Заголовки На Главной


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

#81 miyako

miyako

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

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

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

Просмотр сообщенияSen (27 Август 2013 - 11:38) писал:

Благодарю за ответ, сделал по Вашей инструкции, вот что получилось...

Найдите код в main.css -
.newscarusele {
width: 305px !important;
margin: 0 !important;
}
и замените на -
.newscarusele {
width: 248px !important;
margin: 0 !important;
height: 202px !important;
}

Далее добавьте код в конец main.css -
.newscarusele h3{text-align:center;}

Далее найдите код в carousel.css -
.d-carousel .jcarousel-container-horizontal {
height: 325px;
padding: 0 45px;
}
и замените на -
.d-carousel .jcarousel-container-horizontal {
height: 325px;
padding: 0 18px;
}


#82 Sen

Sen

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

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

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

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

Найдите код в main.css -
.newscarusele {
width: 305px !important;
margin: 0 !important;
}
и замените на -
.newscarusele {
width: 248px !important;
margin: 0 !important;
height: 202px !important;
}

Далее добавьте код в конец main.css -
.newscarusele h3{text-align:center;}

Далее найдите код в carousel.css -
.d-carousel .jcarousel-container-horizontal {
height: 325px;
padding: 0 45px;
}
и замените на -
.d-carousel .jcarousel-container-horizontal {
height: 325px;
padding: 0 18px;
}

Отлично, всё вроде встало на свои места, Вы просто Волшебница :rolleyes:. Но в эксплорере нет рамок вокруг каруселей и вот эта надпись: VTerra.ru Элитная Косметика из Японии, залезает на слайдер. В хроме всё лучше, нет только верхних границ рамок вокруг каруселей....  Нужно также надписи над каруселями(Новости и Статьи) сделать оранжевого цвета. :huh:

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

  • GoogleChrome.jpg
  • Explorer.jpg


#83 miyako

miyako

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

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

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

Просмотр сообщенияSen (27 Август 2013 - 13:30) писал:

Отлично, всё вроде встало на свои места, Вы просто Волшебница :rolleyes:. Но в эксплорере нет рамок вокруг каруселей и вот эта надпись: VTerra.ru Элитная Косметика из Японии, залезает на слайдер. В хроме всё лучше, нет только верхних границ рамок вокруг каруселей....  Нужно также надписи над каруселями(Новости и Статьи) сделать оранжевого цвета. :huh:

В какой версии ie у Вас так отображается? В ie 10 отображаются рамки и слайдер не сдвинут.

Тень -
Найдите в файле carousel.css код -
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}
и замените на -
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 1px 1px 2px 1px #b7b7b7;
-moz-box-shadow: 1px 1px 2px 1px #b7b7b7;
box-shadow: 1px 1px 2px 1px #b7b7b7;
padding: 15px;
width: 175px;
}

Найдите код в main.css -
.newscarusele h3 {
text-align: center;
}
и замените на -
.newscarusele h3 {
text-align: center;
color:red;
}
red замените на Ваш цвет

#84 Sen

Sen

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

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

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

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

В какой версии ie у Вас так отображается? В ie 10 отображаются рамки и слайдер не сдвинут.

Тень -
Найдите в файле carousel.css код -
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}
и замените на -
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 1px 1px 2px 1px #b7b7b7;
-moz-box-shadow: 1px 1px 2px 1px #b7b7b7;
box-shadow: 1px 1px 2px 1px #b7b7b7;
padding: 15px;
width: 175px;
}

Найдите код в main.css -
.newscarusele h3 {
text-align: center;
}
и замените на -
.newscarusele h3 {
text-align: center;
color:red;
}
red замените на Ваш цвет

В хроме опять всё получилось! Единственное как шрифт курсивом и побольше размером сделать в надписях над каруселями(Новости и Статьи)? Версия IE вроде 10, видно на скрине. Также на скрине IE видно, что кроме того что надпись снизу залезает на слайдер, так ещё и строка меню(Каталог Как купить Бонусные программы О магазине Гарантии) налезает на белую полосу...... Может это только у меня такой косяк в IE?

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

  • IE.jpg
  • GoogleChrome.jpg
  • IE Version.jpg


#85 support 2.0

support 2.0

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

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

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

Просмотр сообщенияSen (27 Август 2013 - 17:26) писал:

В хроме опять всё получилось! Единственное как шрифт курсивом и побольше размером сделать в надписях над каруселями(Новости и Статьи)? Версия IE вроде 10, видно на скрине. Также на скрине IE видно, что кроме того что надпись снизу залезает на слайдер, так ещё и строка меню(Каталог Как купить Бонусные программы О магазине Гарантии) налезает на белую полосу...... Может это только у меня такой косяк в IE?

найдите в main.css блок
.newscarusele h3 {
text-align: center;
color:orange;
}
замените его на
.newscarusele h3 {
text-align: center;
color:orange;
font-style: italic;
font-size: 20px !important;
}

Если честно, по поводу ei10 не знаю почему так происходит. Проверяю у себя в версии ie9 и ie10 и работает все четко. В ie8 наблюдается сбой, что шрифт пунктов меню немного больше становится, но это, возможно, из-за того, что шрифт не сработал в той версии. Больше сбоя не увидела.

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

  • ScreenShot 356.png
  • ScreenShot 357.png
  • ScreenShot 358.png


#86 Sen

Sen

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

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

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

Странно.... Ну да ладно....
И всё таки как шрифт курсивом и побольше размером сделать в надписях над каруселями(Новости и Статьи)? И также возможно изменить цвет и тип шрифта в заголовках показывающихся в каруселях? И есть возможность вставлять в текст в каруселях картинки? Благодарю! :rolleyes:

#87 support 2.0

support 2.0

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

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

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

Просмотр сообщенияSen (27 Август 2013 - 21:28) писал:

Странно.... Ну да ладно....
И всё таки как шрифт курсивом и побольше размером сделать в надписях над каруселями(Новости и Статьи)?
на этот вопрос я Вам ответила выше.

Просмотр сообщенияSen (27 Август 2013 - 21:28) писал:

И также возможно изменить цвет и тип шрифта в заголовках показывающихся в каруселях? И есть возможность вставлять в текст в каруселях картинки? Благодарю! :rolleyes:
в заголовках новостей размер шрифта меняете через блок
.d-carousel h4 {
  margin: 5px 0 5px 0;
font-size: 14px;
}

по поводу изображений, посмотрите, пожалуйста, эту тему с инструкцией и попробуйте выполнить по ее образу и подобию.

#88 Sen

Sen

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

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

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

Просмотр сообщенияsupport 2.0 (27 Август 2013 - 21:35) писал:

на этот вопрос я Вам ответила выше.


в заголовках новостей размер шрифта меняете через блок
.d-carousel h4 {
margin: 5px 0 5px 0;
font-size: 14px;
}

по поводу изображений, посмотрите, пожалуйста, эту тему с инструкцией и попробуйте выполнить по ее образу и подобию.

Не заметил сразу....
Благодарю Вас за терпение и исчерпывающие инструкции!

#89 Sen

Sen

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

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

Отправлено 09 Сентябрь 2013 - 17:19

Доброго времени суток!

Возвращаясь к каруселям,как можно менять тип,размер и цвет шрифта в видимых заголовках в каруселях?(См.скрин 1)

Заранее благодарю!

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

  • 1.jpg


#90 Сake

Сake

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

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

Отправлено 10 Сентябрь 2013 - 04:46

Найдите в файле стилей carousel.css следующий класс

.d-carousel h4 {
	color: #FFA500;
	font-size: 20px;
	margin: 5px 0;
}

в нем вы можете изменить цвет и размер данных заголовков. Размер задается свойством font-size

#91 Sen

Sen

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

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

Отправлено 10 Сентябрь 2013 - 05:48

Просмотр сообщенияСake (10 Сентябрь 2013 - 04:46) писал:

Найдите в файле стилей carousel.css следующий класс

.d-carousel h4 {
color: #FFA500;
font-size: 20px;
margin: 5px 0;
}

в нем вы можете изменить цвет и размер данных заголовков. Размер задается свойством font-size

У меня этот блок выглядит так: .d-carousel h4 {
  margin: 5px 0 5px 0;
font-size: 20px;
  color:orange;

При изменении размера шрифта на font-size: 10px;  в каруселях ничего не поменялось.......

#92 Vaccina

Vaccina

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

  • Модераторы
  • 23 852 сообщений

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

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

#93 Sen

Sen

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

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

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

Просмотр сообщенияVaccina (10 Сентябрь 2013 - 06:06) писал:

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

Изменил, нажал, обновил... Ничего не изменилось....   Но у меня указан цвет оранж.... Это цвет надписи над каруселью! Мы об одном и том же говорим? Я хочу поменять стиль заголовков:
"Специальная цена для покупки набора из юбилейной серии" и "Несколько правдивых фактов о нанокосметике",которые появляются в самих каруселях....

#94 Absolem

Absolem

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

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

Отправлено 10 Сентябрь 2013 - 07:37

В конце main.css вставьте код
.d-carousel h4 a{color:red; font-size:13px}
цвет red замените на Ваш, в font-size: Ваш размер.

#95 Sen

Sen

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

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

Отправлено 20 Сентябрь 2013 - 11:18

Доброго времени суток.
Помогите пожалуйста, после некоторых манипуляций из этой ветки по вставлению блоков новостей и статей с прокруткой слетел "заказ в один клик", на скрине видно что открывается при нажатии на "купить а один клик"!!! Как исправить косяк?
Заранее благодарю за помощь!

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

  • Купить в 1 клик.jpg


#96 sengun

sengun

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

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

Отправлено 20 Сентябрь 2013 - 17:12

Просмотр сообщенияSen (20 Сентябрь 2013 - 11:18) писал:

Доброго времени суток.
Помогите пожалуйста, после некоторых манипуляций из этой ветки по вставлению блоков новостей и статей с прокруткой слетел "заказ в один клик", на скрине видно что открывается при нажатии на "купить а один клик"!!! Как исправить косяк?
Заранее благодарю за помощь!
В шаблоне "Быстрый заказ" код на 22 строке
<div class="clear">
замените на просто
<div>


#97 Sen

Sen

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

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

Отправлено 20 Сентябрь 2013 - 20:17

Просмотр сообщенияsengun (20 Сентябрь 2013 - 17:12) писал:

В шаблоне "Быстрый заказ" код на 22 строке
<div class="clear">
замените на просто
<div>

Вроде заработало!
Благодарю за помощь!

#98 Stanislav

Stanislav

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

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

Отправлено 05 Ноябрь 2013 - 15:56

ребят, подскажите плз, как убрать точку, которая на скрине и как сделать разделительную полосу между названием статьи и кратким описанием длиннее. Я сделал её с помощью бордер боттом, но она встала по длине элемента, а если сделать с помощью бордер топ к краткому описанию статьи, то полоса будет слишком низко. Надеюсь понятно объяснил. На скрин7е все видно. Хотелось бы просто видеть нормальную разделительную полосу между названием статьи и её кратким описанием. Спасибо

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

  • ололо.jpg


#99 Stasya

Stasya

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

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

Отправлено 05 Ноябрь 2013 - 20:38

В шаблоне HTML найдите блок
<!-- Список хитов продаж на главной -->
												 {% IFNOT index_page_favorites_goods_empty %}
												 {% IF index_page %}
																 <div class="pad-box">
и замените его на
<!-- Список хитов продаж на главной -->
												 {% IFNOT index_page_favorites_goods_empty %}
												 {% IF index_page %}
																 <li class="pad-box">

затем найдите блок
	 </div>
												 {% ENDIF %}
												 {% ENDIF %}
												 <!-- end Список хитов продаж на главной -->
							 </div>
						
и замените его на
	 </li>
												 {% ENDIF %}
												 {% ENDIF %}
												 <!-- end Список хитов продаж на главной -->
		
						
Далее в файле main.css найдите блок
.newsListBlockItemPreview {
margin: 0.3em 0em 0em 0em;
}
и замените его на
.newsListBlockItemPreview {
margin: 0.3em 0em 0em 0em;
border-top: 1px solid black;
}


#100 puncherstore

puncherstore

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

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

Отправлено 08 Ноябрь 2013 - 11:06

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

Заголовок <h1> желательно располагать в начале страницы. В противном случае может возникнуть проблема с поисковиками.
Чтобы вставить название товара над таблицей с ценой, в шаблоне "Товар" перед строкой
<div class="goodsDataMainOrder cornerAll">
вставьте код
<h2 style="padding-left: 17px; font: 18px 'PT Sans Narrow', sans-serif; margin-bottom: 10px;">{GOODS_NAME}</h2>
Здесь два раза замените h2 на h1, если все же решитесь удалить заголовок. Он удаляется в том же шаблоне в самом начале
<div class="page-headline">
<h1>{GOODS_NAME}</h1>
</div>
Перенесем кнопку. В main.css в коде
.goodsDataMain td				 {vertical-align:top}
внесите такие изменения
.goodsDataMain td				 {vertical-align:top; width; 285px;}
В шаблоне "Товар" удалите строку
<a class="button" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />
а перед кодом
</td>
	 </tr>
	 </table>
</div>
</form>


<!-- Блок описания товара. Показываем его есть описание товара -->
вставьте такой код
<td><a class="button to_cart" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Добавить в корзину</a></td>
и в конец main.css добавьте код
a.to_cart {
width: 285px;
text-align: center;
margin-left: 17px;
margin-top: 20px;
font-size: 17px;
}
По высоте кнопку можно будет сделать, если вы загрузите для ее фона отдельно изображение.

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

Вы мне писали, что заголовок лучше не перемещать, над ценой, а оставить в начале страницы

Но в шаблоне осень, он как раз таки сделан над ценой, там не влияет на поисковики?

Если нет и это не критично

Прикрепил скрин как хочу сделать

1) Название, цену и товар в наличии аналогично шаблону осень, вплоть до шрифтов и цвета

2) Кнопку "добавить в корзину" от осени ниже ссылки "определите свой размер (иконку загрузил cart_white.png)

3) Блоки не в овальных рамках, а разделенные полосками (как на скрине)

Как мне это реализовать?

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

  • Название товара3.png





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

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