Валерия12345 (03 Ноябрь 2017 - 15:39) писал:
SL-298479
У меня похожая просьба: нужно сделать новостную ленту интересной, яркой. Только без графы видео - только новости, подряд. наподобие этого
4646.jpg
А конкретно: хотелось бы, чтобы слово "Новости" было посередине белого цвета ( без подчёркиваний ) и вся новостная лента была на синем фоне. Новости в белых прямоугольничках как на картинке выше, с фотографией. Текст черный. И нужна рулетка для прокрутки новостей.
Очень выручите, если поможете. Заранее спасибо
)
прикладываю фото моего сайта на данный момент
4545.png
Здравствуйте. найдите в файле main.css код
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;}
замените на
#botsl .block .block-title {font-size: 183.3%;position: relative;text-align:center;text-transform: none;padding: 0 0 10px;}
далее найдите код в шаблоне HTML код
{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
<li class="item">
{% FOR news_list_all %}
<div class="item-post clearfix">
<div class="date">
<span class="d-day">{news_list_all.TIME | date("d")}</span>
<span class="d-month">{news_list_all.TIME | date("m")}</span>
</div>
<div class="postTitle">
<a href="{news_list_all.URL}" title="Перейти к странице «{news_list_all.TITLE}»">{news_list_all.TITLE}</a>
</div>
<div class="postContent">
<p>{news_list_all.TEXT_SHORT}</p>
</div>
</div>
{% ENDFOR %}
</li>
{% ENDIF %}
замените на
{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
{% FOR news_list_all %}
<li class="item">
<div class="item-post clearfix">
<div class="date">
<span class="d-day">{news_list_all.TIME | date("d")}</span>
<span class="d-month">{news_list_all.TIME | date("m")}</span>
</div>
<div class="postTitle">
<a href="{news_list_all.URL}" title="Перейти к странице «{news_list_all.TITLE}»">{news_list_all.TITLE}</a>
</div>
<div class="postContent">
<p>{news_list_all.TEXT_SHORT}</p>
</div>
</div>
</li>
{% ENDFOR %}
{% ENDIF %}
далее найдите в файле main.css код
#botsl .block.block-latestblog {position: relative;margin-bottom: 0px;}
#botsl .block.block-latestblog .navigation {width: 61px;height: 28px;top: 0px;right: 0px;position: absolute;}
#botsl .block.block-latestblog .navigation .next {margin-left:35px;}
#botsl .block.block-latestblog .block-content {padding-top: 0px;padding-bottom: 0px;}
#botsl .block.block-latestblog .block-content ul {margin: 0 0;padding:0;list-style: none;margin-bottom: 0;}
#botsl .block.block-latestblog .block-content ul .item {float: left;}
#botsl .block.block-latestblog .block-content ul .item .item-post {position: relative;padding: 11px 0px 19px 65px;float:left;width:40%;margin-left:5%;}
#botsl .block.block-latestblog .block-content ul .item .item-post:nth-child(2n+1) {border: none;margin-left:0;clear: both;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date {position: absolute;height: 53px;width: 53px;border: 1px solid #e9e9e9;text-align: center;left: 0px;top: 15px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date span {color:#fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {color: #686868;display: block;font-size: 116.7%;margin-top: 7px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {display: block;font-size: 92%;color: #909090;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent {padding: 0 0;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;}
замените на
#botsl .block.block-latestblog {position: relative;margin-bottom: 0px;}
#botsl .block.block-latestblog .navigation {width: 61px;height: 28px;top: 0px;right: 0px;position: absolute;}
#botsl .block.block-latestblog .navigation .next {margin-left:35px;}
#botsl .block.block-latestblog .block-content {padding-top: 0px;padding-bottom: 0px;}
#botsl .block.block-latestblog .block-content ul {margin: 0 0;padding:15px;background: #028096;list-style: none;margin-bottom: 0;}
#botsl .block.block-latestblog .block-content ul .item {float: left;}
#botsl .block.block-latestblog .block-content ul .item .item-post {position: relative;padding: 11px 0px 19px 65px;float:left;width:40%;margin-left:5%;}
#botsl .block.block-latestblog .block-content ul .item .item-post:nth-child(2n+1) {border: none;margin-left:0;clear: both;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date {position: absolute;height: 53px;width: 53px;border: 1px solid #e9e9e9;text-align: center;left: 0px;top: 15px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date span {color:#fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {color: #fff;display: block;font-size: 116.7%;margin-top: 7px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {display: block;font-size: 92%;color: #fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent {padding: 0 0;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0; color: #fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a { color: #fff;}