Сообщений в теме: 12

[Ivanzhi]

Здравствуйте товарищи Модераторы. Мы Вас совсем замучили, но опять нужна ваша помощь...
Благодаря Вам сами новости стали выглядеть отлично.
Осталось подкорректировать "Ленту новостей" согласно картинкам что бы лента приняла читабельный вид.
Либо подскажите в какой части кода нужно произвести изменения, возможно мы справимся сами...
Аккаунт SL-388833

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

• 
• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.news-box .news {border-bottom: 1px solid #dddddd;margin-bottom: 20px;padding-bottom: 5px;float: left;width: 45%;margin-left: 1%;display: inline-block;height: 140px;}

замените на:

.news-box .news {border-bottom: 1px solid #dddddd;margin-bottom: 20px;padding-bottom: 5px;float: left;width: 48.5%;margin-left: 3%;display: inline-block;height: 140px;}
.news-box .news:nth-child(2n){margin:0;}

далее найдите:

.news-box .title a {font-size: 20px;color: #404040;margin-bottom: 10px;}
.news-box .title a:hover {color: #967D5F;}

замените на:

.news-box .title a {font-size: 20px;color: #404040;margin-bottom: 10px;display:block;}
.news-box .title a:hover {color: #967D5F;}
.news-box img{margin: 0 10px 10px 0;height: 100px;width:auto;float: left;}

далее найдите и удалите:

.news-content img{float:left;height:120px;width:auto;}

также найдите и удалите:

$(document).ready(function() {
$(".other_item img").fancybox({
maxWidth : 400,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'});});

скрипт не может располагаться в файле стилей.

[Sharlex]

Уважаемые модераторы!

Все предыдущие действия по разделу Блок новостей, будут ли они подходить под шаблон Туризм, если их выполнить?
Или что то нужно сделать другое?
SL-416251

[Stasya]

Sharlex (26 Декабрь 2017 - 09:32) писал:

Уважаемые модераторы!

Все предыдущие действия по разделу Блок новостей, будут ли они подходить под шаблон Туризм, если их выполнить?
Или что то нужно сделать другое?
SL-416251

Здравствуйте. Простите за длительное ожидание ответа. В файле main.css найдите код

@media all and (min-width: 768px) {

и после него добавьте блок

.news-box .news {
border-bottom: 1px solid #dddddd;
margin-bottom: 20px;
padding-bottom: 5px;
float: left;
width: 47%;
margin-left: 3%;
display: inline-block;
height: 140px;
}

Далее найдите код

.news-box .news {border-bottom: 1px solid #e4e4e4;margin-bottom: 20px;}
.news-box .news:last-child {border-bottom: 0;margin-bottom: 0;}
.news-box .news .title {margin-bottom: 10px;}
.news-box .news-content p {margin-bottom: 0px;}
.news-box .news-time {text-align: right;margin-bottom: 10px;}

  и замените его на

.news-box .news {border-bottom: 1px solid #e4e4e4;margin-bottom: 20px;float: left;width: 100%;padding-bottom: 5px;}
.news-box .news:last-child {border-bottom: 0;margin-bottom: 0;}
.news-box .news .title {min-height: 30px;height: auto;margin-bottom: 0px;}
.news-box .news-content p {margin-bottom: 0px;}
.news-box .news-time {text-align: right;margin-bottom: 10px;}
.news-box .block-title {min-height: 30px;height: auto;margin-bottom: 20px;}
.news-box img{margin: 0 10px 10px 0;height: 100px;width:auto;float: left;}
.news-box .news .news-content p {margin-bottom: 5px;text-align:justify;}
.news-box .news-time {float:right;font-style: italic;}
.news-box .htmlDataBlock, .news-box .newsListBlockItemFiles {margin-bottom: 10px;}

Картинку к новости Вам необходимо указать в поле Краткое описание в виде <img src="Ссылка на картинку"> . Саму картинку необходимо загрузить в разделе Сайт -> Файлы, скопировать ее ссылку и вставить в этот код вместо Ссылка на картинку .
В итоге краткое описание новости у Вас должно выглядеть вот так

<img src="Ссылка на картинку"> Здесь какой текст

[Sharlex]

Сделал по инструкции, вставить картинку к описанию новости в Кратком описании не получается, ни в виде ссылки на файл, ни как либо еще...





Более того, в самих новостях - все картинки уменьшились и съехали к левому краю... Так и должно быть?

[Stasya]

Sharlex (11 Январь 2018 - 15:54) писал:

Сделал по инструкции, вставить картинку к описанию новости в Кратком описании не получается, ни в виде ссылки на файл, ни как либо еще...


2.png


Более того, в самих новостях - все картинки уменьшились и съехали к левому краю... Так и должно быть?

3.png

Здравствуйте. Простите, забыла указать еще одно изменение, а именно замена переменной. Сейчас я Вам его произвела и создала тестовую новость для наглядности. Так же немного подкорректировала стиль картинок, чтобы все отображалось корректно при разной ширине и высоте картинки.

[Sharlex]

Stasya (11 Январь 2018 - 16:02) писал:

Здравствуйте. Простите, забыла указать еще одно изменение, а именно замена переменной. Сейчас я Вам его произвела и создала тестовую новость для наглядности. Так же немного подкорректировала стиль картинок, чтобы все отображалось корректно при разной ширине и высоте картинки.

Но зато теперь в ленте новостей на главной вот такое чудо!)))




И как сделать, чтобы в самом теле новости картинки отображались все-таки полноразмерные?

P.S.  И разметка в ленте новостей, когда добавил еще изображение, съезжает... ее можно отрегулировать?

[Sharlex]

ап

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<div class="description"><p>{news_list_all.TEXT_SHORT}</p></div>

замените на:

<div class="description"><p>{news_list_all.TEXT_SHORT | htmlspecialchars_decode}</p></div>

Далее зайдите в main.css - найдите:

#news .block-news .description > p {margin: 0;max-height: 108px;overflow: hidden;}

замените на:

#news .block-news .description > p {margin: 0;max-height: 108px;}
#news .block-news .description img {margin: 7px 5px 5px 0;width: 100px; height: auto;float: left;}

[Sharlex]

Vaccina (13 Январь 2018 - 08:33) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<div class="description"><p>{news_list_all.TEXT_SHORT}</p></div>

замените на:

<div class="description"><p>{news_list_all.TEXT_SHORT | htmlspecialchars_decode}</p></div>

Далее зайдите в main.css - найдите:

#news .block-news .description > p {margin: 0;max-height: 108px;overflow: hidden;}

замените на:

#news .block-news .description > p {margin: 0;max-height: 108px;}
#news .block-news .description img {margin: 7px 5px 5px 0;width: 100px; height: auto;float: left;}

Все здорово, в ленте новостей все красиво.

А  можно ли исправить, то, что в статьях картинки ужались и сдвинулись к левому краю?
Или это вручную, при верстке, можно сделать?  
Вручную нельзя, все картинки уменьшаются...

Сообщение отредактировал Sharlex: 13 Январь 2018 - 15:06

[Sharlex]

ап...

Можно ли поправить верстку картинок в самих статьях? То, что получилось, выглядит некрасиво.
Сейчас все изображения подпадают под один шаблон - картинок в ленте новостей

Сообщение отредактировал Sharlex: 15 Январь 2018 - 15:29

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

.news-box img{margin: 0 10px 10px 0;max-height: 100px;max-width:150px;float: left;}

после него вставьте:

.news-box .htmlDataBlock img{max-height: 100%;max-width:100%;}

[Sharlex]

metry (16 Январь 2018 - 10:56) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

.news-box img{margin: 0 10px 10px 0;max-height: 100px;max-width:150px;float: left;}

после него вставьте:

.news-box .htmlDataBlock img{max-height: 100%;max-width:100%;}

Большое спасибо