#1
Отправлено 26 Декабрь 2017 - 02:53
Благодаря Вам сами новости стали выглядеть отлично.
Осталось подкорректировать "Ленту новостей" согласно картинкам что бы лента приняла читабельный вид.
Либо подскажите в какой части кода нужно произвести изменения, возможно мы справимся сами...
Аккаунт SL-388833
#2
Отправлено 26 Декабрь 2017 - 08:50
Зайдите в раздел Сайт - Редактор шаблонов - 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'});});
скрипт не может располагаться в файле стилей.
#3
Отправлено 26 Декабрь 2017 - 09:32
Все предыдущие действия по разделу Блок новостей, будут ли они подходить под шаблон Туризм, если их выполнить?
Или что то нужно сделать другое?
SL-416251
#4
Отправлено 10 Январь 2018 - 14:48
Sharlex (26 Декабрь 2017 - 09:32) писал:
Все предыдущие действия по разделу Блок новостей, будут ли они подходить под шаблон Туризм, если их выполнить?
Или что то нужно сделать другое?
SL-416251
@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="Ссылка на картинку"> Здесь какой текст
#6
Отправлено 11 Январь 2018 - 16:02
Sharlex (11 Январь 2018 - 15:54) писал:
#7
Отправлено 11 Январь 2018 - 16:07
Stasya (11 Январь 2018 - 16:02) писал:
Но зато теперь в ленте новостей на главной вот такое чудо!)))
И как сделать, чтобы в самом теле новости картинки отображались все-таки полноразмерные?
P.S. И разметка в ленте новостей, когда добавил еще изображение, съезжает... ее можно отрегулировать?
#8
Отправлено 12 Январь 2018 - 10:13
#9
Отправлено 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;}
#10
Отправлено 13 Январь 2018 - 15:03
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
#11
Отправлено 15 Январь 2018 - 12:58
Можно ли поправить верстку картинок в самих статьях? То, что получилось, выглядит некрасиво.
Сейчас все изображения подпадают под один шаблон - картинок в ленте новостей
Сообщение отредактировал Sharlex: 15 Январь 2018 - 15:29
#12
Отправлено 16 Январь 2018 - 10:56
.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%;}
#13
Отправлено 16 Январь 2018 - 11:09
metry (16 Январь 2018 - 10:56) писал:
.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%;}
Большое спасибо
Темы с аналогичным тегами лента новостей, раздел новости
Вопросы работы сервиса StoreLand →
Другие вопросы →
Прикрутить Форум К МагазинуАвтор Гость_nikon_* , 17 июля 2015 форум, создать, лента новостей и 1 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Вопросы общие для всех шаблонов →
Размещение Картинок В Ленте НовостейАвтор Гость_svyazman_* , 17 мая 2014 картинки, новости, лента новостей и 2 еще... |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных