Không biết mô tả thế nào. Nhưng demo như đính kèm.
- Chèn đoạn này vào style.css
.title_home { height: 35px; color: #FFF; padding-left: 38px; line-height: 35px; background: url("../images/icon_label.png") no-repeat scroll 0 center; border-bottom: 2px solid #058B3A; }
- Vào themes/ten-theme-ban/modules/news
- Đổi nội dung file viewcat_main_right.tpl thành:
<!-- BEGIN: main --> <!-- BEGIN: listcat --> <div class="news_column"> <div class="panel panel-default clearfix"> <div class="title_home"> <ul class="list-inline" style="margin: 0"> <li><h2><a title="{CAT.title}" href="{CAT.link}"><span class="gbw">{CAT.title}</span></a></h2></li> <li class="subcat"> <ul class="subtitle"> <!-- BEGIN: subcatloop --> <li class="hidden-xs"><h3><a title="{SUBCAT.title}" href="{SUBCAT.link}"> • {SUBCAT.title}</a></h3></li> <!-- END: subcatloop --> <!-- BEGIN: subcatmore --> <li class="pull-right hidden-xs"><h3><a title="{MORE.title}" href="{MORE.link}"><em class="fa fa-sign-out"> </em></a></h3></li> <!-- END: subcatmore --> </ul> </li> </ul> </div> <div class="panel-body"> <div class="row"> <div class="{WCT}"> <!-- BEGIN: image --> <a title="{CONTENT.title}" href="{CONTENT.link}"><img src="{HOMEIMG}" alt="{HOMEIMGALT}" width="{IMGWIDTH}" class="img-thumbnail pull-left imghome" /></a> <!-- END: image --> <h3> <a title="{CONTENT.title}" href="{CONTENT.link}">{CONTENT.title}</a> <!-- BEGIN: newday --> <span class="icon_new"> </span> <!-- END: newday --> </h3> <div class="text-muted"> <ul class="list-unstyled list-inline"> <li><em class="fa fa-clock-o"> </em> {CONTENT.publtime}</li> </ul> </div> <p class="text-justify">{CONTENT.hometext}</p> </div> <!-- BEGIN: related --> <div class="col-md-8"> <ul class="related"> <!-- BEGIN: loop --> <li class="s-border clearfix"> <a href="{OTHER.link}" title="{OTHER.title}"><img src="{OTHER.imghome}" alt="{OTHER.title}" width="{OTHER.blockwidth}" class="s-border pull-left imghome" style="width:50px; height:40px"/></a> <a class="show" href="{OTHER.link}" data-content="{OTHER.hometext}" data-img="{OTHER.imghome}" data-rel="block">{OTHER.title_cut}</a> </li> <!-- END: loop --> </ul> </div> <!-- END: related --> </div> </div> </div> </div> <!-- END: listcat --> <!-- END: main -->
Có gì các bạn tùy biến thêm.
Mình cũng được người khác hướng dẫn và giờ đăng bài đóng góp cho cộng đồng. Mong được góp ý ạ.