продажа авто Санкт-Петербург автосалоны RSS, ленты новостей, авто новости Санкт-Петербург
Санкт-Петербург
другие города
Автосалоны Новости Карта
Зарегистрируйтесь на сайте!

Есть вопросы по установке кода?

Задайте вопросы редактору сайта CarSellers.ru — я помогу вам разместить автомобильные новости на вашем сайте.

Блог сайта продавцов авто »

Фотографии эксклюзивных автомобилей - более 12500 фото
 

JavaScript — ленты новостей для вашего сайта

У вас есть сайт об автомобилях, автобизнесе или просто личная страничка? Мы поможем сделать их интереснее!

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

Разместив код однажды, вам не придется больше тратить время на отбор — самые свежие новости будут появляться на вашем сайте автоматически. Настройка и установка кода займет не более 5 минут.

Как это работает?

Все очень просто — сейчас, прямо тут, вы выбираете тематику вашей новостной ленты и ограничение — сколько последних новостей показывать на вашем сайте.

Далее вам нужно вставить в страницу на своем сайте всего две строки и настроить CSS для отображения новостей в ВАШЕМ дизайне. И все!

Шаг 1. Получение кода и установка его на сайт

Показывать новости: 
Показывать последних новостей

Код для установки в нужном месте Вашей страницы:
Разместите этот код в конце страницы, перед закрывающим тегом </body>:

Шаг 2. Настройка дизайна новостной ленты

Вы можете изменить дизайн каждого элемента новостной ленты с помощью определения некоторых элементов в таблице CSS:

  • news_item - таблица с одной новостью - фото и анонс;
  • news_img - фото к новости;
  • news_title - заголовок новости;
  • news_date - дата публикации;
  • news_text - анонс новости.


ПРИМЕР: некий файл example.html на вашем сервере:


<html>

<STYLE TYPE="text/css" MEDIA=screen>
<!-- /* Пример новостной ленты CarSellers.ru */

/* Оформление одной новости: таблица с фото и анонсом */
/* <table class=news_item ..> */
.news_item {
	border: 0px; 
	margin-top: 10px; 
}

/* Фото */
/* <img class=news_img ..> */
.news_img {
	border: 0px; 
	margin: 0 10 0 0;
}

/* Заголовок */
/* <a class=news_title ..>*/
.news_title {
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	font-weight: bold; 
	color: black; 
	margin: 0 0 5 0;
	}

/* Дата */
/* <font class=news_date> */
.news_date {
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	color: gray; 
	margin: 0;
	}

/* Анонс новости */
/* <p class=news_text> */
.news_text {
	font-family: "Trebuchet MS";
	font-size: 0.95em;
	margin: 10 0 10 0;
	}

--></STYLE>

<body>

Содержимое вашей страницы
...
<div id=cs_news>Загрузка <a href=http://CarSellers.ru/news/>
	автоновостей</a>..</div>
...
Содержимое вашей страницы

Cтроку, которая указана дажее, вставляем в любом месте страницы 
(можно сразу же после первого куска кода, 
очень желательно - между открывающим <body> и закрывающим </body>):

<script language="JavaScript" 
	src="http://carsellers.ru/news/lenta/get_js.php?limit=5">
</script>

</body>

Шаг 3. Наслаждаемся результатом

Мы использовали тот самый код, который поместили в пример. Посмотрите, как теперь выглядит наша новостная лента:

Загрузка автоновостей..

© 2007-2017. Используя материалы, указывайте ссылки на CarSellers.ru
КонтактыРазмещение рекламы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .