|
JavaScript — ленты новостей для вашего сайта
У вас есть сайт об автомобилях, автобизнесе или просто личная страничка? Мы поможем сделать их интереснее!
Специально для этого каждый день мы находим и отбираем самые интересные автоновости. Вы можете разместить на своем сайте (сохранив ссылку на CarSellers.ru) только те из них, которые будут интересны вашим посетителям.
Разместив код однажды, вам не придется больше тратить время на отбор — самые свежие новости будут появляться на вашем сайте автоматически. Настройка и установка кода займет не более 5 минут.
Как это работает?
Все очень просто — сейчас, прямо тут, вы выбираете тематику вашей новостной ленты и ограничение — сколько последних новостей показывать на вашем сайте.
Далее вам нужно вставить в страницу на своем сайте всего две строки и настроить CSS для отображения новостей в ВАШЕМ дизайне. И все!
Шаг 1. Получение кода и установка его на сайт
Шаг 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. Наслаждаемся результатом
Мы использовали тот самый код, который поместили в пример. Посмотрите, как теперь выглядит наша новостная лента:
|
