Показване на новини в три колони в DLE - портал за игри ABCVG

Показване на новини в три колони в DLE

На снимката крайният резултат след нашата магия преминава:

колони

И така да тръгваме. Добавяне към shortstory.tpl:

Веднага забелязвам, че имаме размер на колоната: 743px, който влияе върху ширината на новините, които нямат фиксирана ширина.

div style = "width: 33%; float: left" - задава относителната ширина на новината спрямо колоната на съдържанието и подравнява новините вляво

div class = "кратка история" - блок с кратки новини

div class = "img-size" - клас за стилизиране на снимки

div class = "clr" - премахваме налагането на картинки върху текста

div id = "catitle" - клас за стилизиране на заглавката

Сега идва забавната част! Добавете стил към style.css:

граница: плътна 1px # 353535; - граница за новини

граница-радиус: 8px; - радиус на граничния ъгъл