Question

Привет всем! Добавил на главной странице, в верхнем меню новый блок «Новости сайта». Хотел сюда вывести два информера посредство скриптов:

<script type="text/javascript" src="http://адрессайта/informer/1"></script>

Хотел вывести два вида: часть материала – популярное на сайте.

А другая часть: последние добавленные – новые.

Но получается всякая ересь. Картинки маленькие, строки с названием статей разбегаются куда хотят. http://ja-hozjain.ru/news/

С этой проблемой уже сталкивался, и она была решена путём добавления в CCS стили данного кода:

/*изменение фото информера*/

.eText .infTitle img { width: 200px; }

.eText .infTitle a:nth-child(2) { display: block; }

И на главной странице информер отображается нормально, а вот в новом блоке что зря.

Добавлял этот скрипт в раздел CCS: «новости сайта» и «архив новостей» – ничего не помогло.

Вопрос: как решить эту проблему?

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

Думал выводить через этот скрипт:

<div id="news"></div>   

<script>   

var catId=16;   

$.get('/news/1-0-'+catId+'-0-0-0-1',function(data){   

$('#news').html($('cmd[t="allEntries"]',data).text());   

});   

</script>

 

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

Заранее спасибо. Объяснять пожалуйста по полочкам и без нервов. С прошедшими праздниками всех!

Answer 1

Вот в той новости в которой вы добавили информеры кодом вида:

<script type="text/javascript" src="http://адрессайта/informer/1"></script>

добавьте после кода информеров стили:

<style>.infTitle a:nth-child(2) { text-align: left; display: block; } .infTitle img {float: left!important;} </style>

сохраните изменения и готово.

Comments

Я так понял вот так. 

<script type="text/javascript" src="http://адрессайта/informer/1"></script><style>.infTitle a:nth-child(2) { text-align: left; display: block; } .infTitle img {float: left!important;} </style>

Да, все получилось, но можно прописать размер фото -- хочу сделать его по больше. 

Куда в этом стиле прописать размер фото? Вот этот.

.eText .infTitle img { width: 200px; }

 

Может вот так:

<script type="text/javascript" src="http://адрессайта/informer/1"></script><style>.infTitle a:nth-child(2) { text-align: left; display: block; } .infTitle img {width: 200px; float: left!important;} </style>

выделил красным 

---

Сергей Львов,

Да, можно конечно, пробуйте, настраивайте под себя как вам нужно.