skin rippers help me

Thảo luận trong 'Style & Template Questions' bắt đầu bởi NaveedAli, 24/9/13.

1votes
5/5, 1 vote

  1. NaveedAli

    NaveedAli New Member

    Bài viết:
    6
    Likes :
    0
    Thanks. with message_user_info.css replace all code.? if yes, not permanent working. i will try to show screenshots. :rolleyes:
     
  2. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    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!
     
    dangquang thích bài này.
  3. dangquang

    dangquang Member

    Bài viết:
    271
    Likes :
    165
    ở forumlist luôn à a .
    [​IMG]

    còn cái phần số bài viết với số chủ để làm sao để được như vậy a ?
     
    ChungKk thích bài này.
  4. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    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";
    }
     
  5. dangquang

    dangquang Member

    Bài viết:
    271
    Likes :
    165
    k hiểu lắm @@ ! vậy giờ chèn vào đâu để hiện a ? giúp e cho luôn đi :D
     
    ChungKk thích bài này.
  6. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    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">
     
    dangquang thích bài này.
  7. dangquang

    dangquang Member

    Bài viết:
    271
    Likes :
    165
    nó k hiện a ơi
     
    ChungKk thích bài này.
  8. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
  9. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    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>
     
    dangquang thích bài này.
  10. dangquang

    dangquang Member

    Bài viết:
    271
    Likes :
    165
    cái này khó à anh nó thêm 5/21/ ở đằng dưới . k thể giống được
     
    ChungKk thích bài này.
  11. dangquang

    dangquang Member

    Bài viết:
    271
    Likes :
    165
    ChungKk thích bài này.
comments powered by Disqus

Chia sẻ trang này

Đang tải...