Как перенести блоки "новости" и "статьи" "материалы СМИ" в область как я указал на скриншоте?
0
Как Перенести Блоки "новости" И "статьи" "материалы "сми"
Автор prukon, 23 янв. 2015 14:59
Сообщений в теме: 6
#1
Отправлено 23 Январь 2015 - 14:59
#2
Отправлено 23 Январь 2015 - 15:16
prukon (23 Январь 2015 - 14:59) писал:
Как перенести блоки "новости" и "статьи" "материалы СМИ" в область как я указал на скриншоте?
<div class="news"> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %} <div class="news_list_shop column "> <div class="newHead"> <h4><a href="{NEWS_SHOP_URL}" title="Перейти к странице «Новости»">Новости<span class="toggleImg hide"></span></a></h4> </div> <div class="newCont"> <ul class="postList"> {% FOR news_list_shop %} <!-- Вывод не больше 4 пунктов новостей --> {% IF news_list_articles.index > 4 %} {break} {% ENDIF %} <li><a href="{news_list_shop.URL}" title="Перейти к странице «{news_list_shop.TITLE}»" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a></li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %} <div class="news_list_articles column "> <div class="newHead"> <h4><a href="{NEWS_ARTICLES_URL}" title="Перейти к странице «Статьи»">Статьи<span class="toggleImg hide"></span></a></h4> </div> <div class="newCont"> <ul class="postList"> {% FOR news_list_articles %} <!-- Вывод не больше 4 пунктов новостей --> {% IF news_list_articles.index > 4 %} {break} {% ENDIF %} <li><a href="{news_list_articles.URL}" title="Перейти к странице «{news_list_articles.TITLE}»" {% IF news_list_articles.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_articles.TITLE}</a></li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %} <div class="news_list_mass_media column "> <div class="newHead"> <h4><a href="{NEWS_MASS_MEDIA_URL}" title="Перейти к странице «Материалы СМИ»">Материалы СМИ<span class="toggleImg hide"></span></a></h4> </div> <div class="newCont"> <ul class="postList"> {% FOR news_list_mass_media %} <!-- Вывод не больше 4 пунктов новостей --> {% IF news_list_mass_media.index > 4 %} {break} {% ENDIF %} <li><a href="{news_list_mass_media.URL}" title="Перейти к странице «{news_list_mass_media.TITLE}»" {% IF news_list_mass_media.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_mass_media.TITLE}</a></li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> </div>поставив перед
</div><!-- .left-sidebar --> <div class="container"> <main class="content">и в main.css замените
.news { float: left; overflow: hidden; padding-top: 5px; width: 74%; }на
.news { float: left; overflow: hidden; padding-top: 5px; width: 100%; margin-top: 55px; }и добавьте в конец main.css
.newHead h4 a { color: #ECF0F1; } .newHead h4 { padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #34495E; color: #ECF0F1; width: 94%; }
#4
Отправлено 23 Январь 2015 - 16:51
prukon (23 Январь 2015 - 16:40) писал:
Перенести получилось, но не совсем так. Сейчас блоки отображаются в 3 столбика. Как сделать их друг за другом в 1 столблик? Сначала новости, потом статьи, потом материалы сми.
#5
Отправлено 23 Январь 2015 - 17:01
вернул, как было сказано.
#6
Отправлено 23 Январь 2015 - 17:09
prukon (23 Январь 2015 - 17:01) писал:
вернул, как было сказано.
.column { display: block; float: left; margin: 0 0.5%; padding: 0.8% 1.1%; width: 28.5%; }на
.column { display: block; float: left; margin: 0 0.5%; padding: 0.8% 1.1%; width: 100%; }
#7
Отправлено 24 Январь 2015 - 22:16
спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных