Thanks. with message_user_info.css replace all code.? if yes, not permanent working. i will try to show screenshots.
Về phần icon! Ví dụ ở news thì nó đặt 1 class là icon-bullhorn, định dạng css như sau: Mã: a [class^="icon-"], a [class*=" icon-"] { display: inline; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .icon-bullhorn:before { content: "\f0a1"; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } Các css định dạng icon thì như nhau, chỉ đặt khác phần css cho mỗi cái mà thôi!
nó đặt cho comment là 1 class: Mã: <i class="icon-comment"></i> sau đó tuỳ biến css như sau: Mã: .node_6 .nodeInfo.unread .icon-comment { color: #BF1E2E; } Mã: .icon-comment:before { content: "\f075"; }
anh ví dụ, em chép đoạn code này vào node_list.css Mã: .node_4 .icon-comment { color: #006633; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .icon-comment:before { content: "\f075"; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } Thêm cái này đầu node_list: Mã: <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
Quên nữa! Em vào template node_forum_lv2 tìm: <div class="nodeStats pairsInline" > thêm vào phía dưới : Mã: <div class="iconStats"><dl><dt><i class="icon-comment"></i></dt> <dd> <span class="Tooltip">5</span>/<span class="Tooltip">21</span></dd></dl></div>