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


Новости

Автор dalulka, 17 апр. 2012 07:54

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

#1 dalulka

dalulka

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

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

Отправлено 17 Апрель 2012 - 07:54

как новости перенести с правого бока в левый верхний бок сайта, под шапочку? ekofuel.ru

#2 Vaccina

Vaccina

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

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

Отправлено 17 Апрель 2012 - 20:25

Блок новостей в шаблоне "HTML" 

<!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_all %}
							  <div class="contentTbodyNewsBlockItem"> 
								<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
								
								<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}

Можно заменить на 

<!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <div style="position:absolute;left:-40px;bottom:-80px;"><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_all %}
							  <div class="contentTbodyNewsBlockItem"> 
								<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
								
								<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						  </div>
						</div>
					  </div>
					{% ENDIF %}

И вставить данный блок после строки 

<div id="header" class="container">

Если необходимо будет передвинуть блок - то измените свойства left:-40px; bottom:-80px;

#3 dalulka

dalulka

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

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

Отправлено 18 Апрель 2012 - 01:26

Просмотр сообщенияVaccina (17 Апрель 2012 - 20:25) писал:

Блок новостей в шаблоне "HTML" 

<!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_all %}
							  <div class="contentTbodyNewsBlockItem"> 
								<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
								
								<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}

Можно заменить на 

<!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <div style="position:absolute;left:-40px;bottom:-80px;"><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_all %}
							  <div class="contentTbodyNewsBlockItem"> 
								<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
								
								<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						  </div>
						</div>
					  </div>
					{% ENDIF %}

И вставить данный блок после строки 

<div id="header" class="container">

Если необходимо будет передвинуть блок - то измените свойства left:-40px; bottom:-80px;
не могу найти такую строку <div id="header" class="container">. какие строки там рядом с ней есть еще, уточните пож?

#4 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2012 - 20:48

Попробуйте поискать по id="header" так как строка может выглядеть так 

<div class="container" id="header">

Так же рядом с этой строкой находиться строка 

<div id="wrapper" class="b_page">

#5 dalulka

dalulka

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

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

Отправлено 18 Апрель 2012 - 21:06

Просмотр сообщенияVaccina (18 Апрель 2012 - 20:48) писал:

Попробуйте поискать по id="header" так как строка может выглядеть так 

<div class="container" id="header">

Так же рядом с этой строкой находиться строка 

<div id="wrapper" class="b_page">
ТЕПЕРЬ ПОЛУЧИЛОСЬ. НО НАДО ОТРЕДАКТИРОВАТЬ НОВОСТНУЮ ЛЕНТУ ПО ШИРИНЕ - ЗАДАТЬ ОПРЕДЕЛЕННУЮ ШИРИНУ ЭТОГО БЛОКА И ЕСЛИ ВОЗМОЖНО СДЕЛАТЬ БЭКГРАУНД НОВОСТНОГО БЛОКА. И НАДО ОТРЕДАКТИРОВАТЬ ЦВЕТ ТЕКСТА И ЗАГОЛОВКА НОВОСТЕЙ. И , ПОЛУЧАЕТСЯ, ЧТО НУЖНО СДВИНУТЬ ВПРАВО ОСНОВНОЙ ТЕКСТ СТРАНИЦ, Т.К. СЛЕВА ОЧЕНЬ ТОНКОЕ СВОБОДНОЕ ПОЛЕ, А СПРАВА СВОБОДНОГО ПОЛЯ ЕЩЕ ДОСТАТОЧНО. КАК ЭТО ВСЕ ИЗОБРАЗИТЬ?

#6 Vaccina

Vaccina

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

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

Отправлено 19 Апрель 2012 - 21:19

Не совсем вас понимаю. На сайте http://htmlbook.ru/css вы можете найти описание всех необходимых свойств - и примеров к этим свойствам.
Ширина задается через width, а заливка через background. Задавать все необходимые свойства вы можете через style=""
Например тот же размер блока можно задать в блоке 
<div style="position:absolute;left:-40px;bottom:-80px;">

#7 dalulka

dalulka

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

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

Отправлено 24 Апрель 2012 - 12:54

Просмотр сообщенияVaccina (19 Апрель 2012 - 21:19) писал:

Не совсем вас понимаю. На сайте http://htmlbook.ru/css вы можете найти описание всех необходимых свойств - и примеров к этим свойствам.
Ширина задается через width, а заливка через background. Задавать все необходимые свойства вы можете через style=""
Например тот же размер блока можно задать в блоке 
<div style="position:absolute;left:-40px;bottom:-80px;">
ну, если смотреть на главную страницу, то справа, где новости, очень узкое вертикальное поле, а слева, где каталог, вертикальное поле довольно широкое и мне бы хотелось сдвинуть блок с основным текстом страницы немного вправо, чтобы слева вертикальное поле стало чуть шире, а справа чуть уже. грубо говоря, сделать так, чтоб блок с основным текстом был визуально посередине, а левое и правое поле имели одинаковую ширину. но, чтобы название страницы (в данном случае МАГАЗИН ЭКОНОМИИ ТОПЛИВА) не сдвинулся вместе с текстовым полем, а остался там, где сейчас находится.
- как убрать надпись АРХИВ НОВОСТЕЙ
- поменять название ЛЕНТА НОВОСТЕЙ на просто НОВОСТИ и изменить цвет
- увеличить расстояние между названием блока НОВОСТИ и самими новостями

#8 Vaccina

Vaccina

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

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

Отправлено 24 Апрель 2012 - 22:59

Цитата

ну, если смотреть на главную страницу, то справа, где новости, очень узкое вертикальное поле, а слева, где каталог, вертикальное поле довольно широкое и мне бы хотелось сдвинуть блок с основным текстом страницы немного вправо, чтобы слева вертикальное поле стало чуть шире, а справа чуть уже. грубо говоря, сделать так, чтоб блок с основным текстом был визуально посередине, а левое и правое поле имели одинаковую ширину. но, чтобы название страницы (в данном случае МАГАЗИН ЭКОНОМИИ ТОПЛИВА) не сдвинулся вместе с текстовым полем, а остался там, где сейчас находится.

Размер данных блоков зависит от разрешения экрана. И если двигать блоки - то при до сих пор еще боле-менее популярном разрешении 1024x768 будет горизонтальный скролл. Делать это не рекомендуется. Как вариант это уменьшить блок контента. Например через стиль 

.htmlDataBlock {
  padding-left:50px;
}

Цитата

- как убрать надпись АРХИВ НОВОСТЕЙ
- поменять название ЛЕНТА НОВОСТЕЙ на просто НОВОСТИ и изменить цвет

Данный текст вы можете заменить в шаблоне "HTML" цвет можно изменить указав атрибут style="color:#000;"

Цитата

- увеличить расстояние между названием блока НОВОСТИ и самими новостями

Это можно сделать через свойство padding-top Например 

.contentTbodyNews {
	padding-left: 0.7em;
}

заменить на 

.contentTbodyNews {
	padding-left: 0.7em;
	padding-top:20px;
}

#9 dalulka

dalulka

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

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

Отправлено 26 Апрель 2012 - 21:12

[quote name='Vaccina' timestamp='1335297578' post='19993']
Данный текст вы можете заменить в шаблоне "HTML" цвет можно изменить указав атрибут style="color:#000;"

все получилось кроме цвета заголовка НОВОСТИ. вот мой код, где ошибка?
<!-- Если в тарифном плане подключен модуль новостей -->
                  {% IF TARIFF_FEATURE_NEWS %}
                    <!-- Все новости -->
                    {%IFNOT news_list_all_empty %}
                      <div style="position:absolute;left:-140px;bottom:-350px;width:150px; color:#a90417;"><h2><a href="{NEWS_ALL_URL}">НОВОСТИ</a></h2>

#10 dalulka

dalulka

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

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

Отправлено 26 Апрель 2012 - 23:00

Просмотр сообщенияVaccina (19 Апрель 2012 - 21:19) писал:

Не совсем вас понимаю. На сайте http://htmlbook.ru/css вы можете найти описание всех необходимых свойств - и примеров к этим свойствам.
Ширина задается через width, а заливка через background. Задавать все необходимые свойства вы можете через style=""
Например тот же размер блока можно задать в блоке 
<div style="position:absolute;left:-40px;bottom:-80px;">
Размер применился везде, кроме КАТАЛОГА и КОНТАКТОВ - там почему то все осталось по старому. Как подправить?

#11 Vaccina

Vaccina

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

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

Отправлено 27 Апрель 2012 - 01:11

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

<div style="position:absolute;left:-140px;bottom:-350px;width:150px;"><h2><a style="color:#a90417;" href="{NEWS_ALL_URL}">НОВОСТИ</a></h2>

#12 dalulka

dalulka

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

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

Отправлено 27 Апрель 2012 - 20:18

Просмотр сообщенияVaccina (24 Апрель 2012 - 22:59) писал:

Размер данных блоков зависит от разрешения экрана. И если двигать блоки - то при до сих пор еще боле-менее популярном разрешении 1024x768 будет горизонтальный скролл. Делать это не рекомендуется. Как вариант это уменьшить блок контента. Например через стиль 

.htmlDataBlock {
  padding-left:50px;
}


На страницах каталога ширина текстового поля не изменилась и новости залезают на картинки из каталога. как подправить?
с цветом новостей все получилось. спасибо.

#13 Vaccina

Vaccina

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

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

Отправлено 28 Апрель 2012 - 20:31

Как вариант это задать отступ для блока 

.content_body {
	vertical-align: top;
}

например на 

.content_body {
	padding-left: 50px;
	vertical-align: top;
}

Только необходимо предыдущий отступ для .htmlDataBlock убрать.

#14 dalulka

dalulka

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

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

Отправлено 28 Апрель 2012 - 22:59

Просмотр сообщенияVaccina (28 Апрель 2012 - 20:31) писал:

Как вариант это задать отступ для блока 

.content_body {
	vertical-align: top;
}

например на 

.content_body {
	padding-left: 50px;
	vertical-align: top;
}

Только необходимо предыдущий отступ для .htmlDataBlock убрать.
да, получилось. спс.

я вот заметила, что при добавлении очередной новости, каждая последующая новость ставится над предыдущей и весь блок новостей смещается вверх, как показано на скрине.Безымянный.png хотя каждая новость ,как и любой текст, должна просто добавляться под заголовок, не смещая всего блока вверх. как это исправить?

#15 Vaccina

Vaccina

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

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

Отправлено 30 Апрель 2012 - 19:43

Вам необходимо в блоке 
<div style="position:absolute;left:-140px;bottom:-350px;width:150px;">

заменит свойство bottom:-350px; на top:330px;

#16 dalulka

dalulka

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

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

Отправлено 02 Май 2012 - 13:27

Просмотр сообщенияVaccina (30 Апрель 2012 - 19:43) писал:

Вам необходимо в блоке 
<div style="position:absolute;left:-140px;bottom:-350px;width:150px;">

заменит свойство bottom:-350px; на top:330px;
удалось. спасибо.

#17 dalulka

dalulka

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

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

Отправлено 13 Май 2012 - 11:35

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

#18 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 13 Май 2012 - 22:35

Просмотр сообщенияdalulka (13 Май 2012 - 11:35) писал:

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

Настройки - Основные - Страницы новостей - Количество новостей

#19 dalulka

dalulka

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

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

Отправлено 13 Май 2012 - 22:42

Просмотр сообщенияogonek7777 (13 Май 2012 - 22:35) писал:

Настройки - Основные - Страницы новостей - Количество новостей
спс. что то совсем из головы вылетело где это :)

#20 dalulka

dalulka

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

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

Отправлено 13 Май 2012 - 22:48

заметила, что на страницах с малым наполнением, новостной блок слева заходит на подвал, вот так
Безымянный.png
как сделать, чтоб на всех страницах сайта, с небольшим наполнением прокрутка страницы уходила вниз настолько, сколько занимает места новостной блок и чтоб не залезал на подвал? в общем чтоб это цивильно выглядело, а не так как сейчас :)
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Изменение общей стилистики
  6. Privacy Policy