đổi màu nền subForum

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

1votes
5/5, 1 vote

  1. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    mong anh em hướng dẫn cách thay đổi hoặc bỏ màu nên background cho subforum và title như hình đính kèm bên dưới DEMO
     

    Các file đính kèm:

    sonhatq, 15/3/13
    #1
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. ITCAnhDuy

    ITCAnhDuy Member

    Bài viết:
    423
    Likes :
    142
    Cho xin cái demo nha bạn :)
     
    ITCAnhDuy, 15/3/13
    #2
  3. mickey

    mickey Active Member

    Bài viết:
    690
    Likes :
    228
    cho mình xin temp node_list.css của bạn xem sao ..
     
    mickey, 15/3/13
    #3
    sonhatq thích bài này.
  4. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    có đêmô rồi đó bạn

    node_liss đây bạn
    Mã:
    .nodeList
{
zoom: 1;
}
.nodeList .node
{
    zoom: 1;
    vertical-align: bottom;
}
 
.nodeList .node.level_1
{
    margin-bottom: 20px;
}
 
.nodeList .node.level_1:last-child
{
    margin-bottom: 0;
}
 
.nodeList .node.groupNoChildren + .node.groupNoChildren
{
    margin-top: -20px;
}
 
.node .nodeInfo
{
    overflow: hidden; zoom: 1;
    position: relative;
}
 
    .node .nodeInfo.primaryContent,
    .node .nodeInfo.secondaryContent
    {
        padding: 0;
    }
 
.node .nodeIcon
{
    @property "nodeIcon";
    margin: 10px 0 10px 10px;
    float: left;
    width: 36px;
    height: 36px;
    @property "/nodeIcon";   
}
 
    .node .forumNodeInfo .nodeIcon,
    .node .categoryForumNodeInfo .nodeIcon
    {
        @property "nodeIconForum";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        @property "/nodeIconForum";
    }
 
    .node .forumNodeInfo.unread .nodeIcon,
    .node .categoryForumNodeInfo.unread .nodeIcon
    {
        @property "nodeIconForumUnread";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: -36px 0;
        @property "/nodeIconForumUnread";
    }
 
    .node .pageNodeInfo .nodeIcon
    {
        @property "nodeIconPage";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: -72px 0;
        @property "/nodeIconPage";
    }
 
    .node .linkNodeInfo .nodeIcon
    {
        @property "nodeIconLink";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: -108px 0;
        @property "/nodeIconLink";
    }
 
.node .nodeText
{
    @property "nodeText";
    margin: 10px 270px 10px 56px;
    @property "/nodeText";
}
 
    .node .nodeTitle
    {
        @property "nodeTitle";
        font-size: 12pt;
        @property "/nodeTitle";
    }
 
        .node .unread .nodeTitle
        {
            @property "nodeTitleUnread";
            font-weight: bold;
            @property "/nodeTitleUnread";
        }
 
    .node .nodeDescription
    {
        @property "nodeDescription";
        font-size: 11px;
        @property "/nodeDescription";
    }
   
    .hasJs .node .nodeDescriptionTooltip
    {
        /* will be shown as a tooltip */
        display: none;
    }
   
    .Touch .node .nodeDescriptionTooltip
    {
        /* touch browsers don't see description tooltips */
        display: block;
    }
 
    .node .nodeStats
    {
        @property "nodeStats";
        font-size: 11px;
        margin-top: 2px;
        @property "/nodeStats";
    }
 
.node .nodeLastPost
{
    @property "secondaryContent";
    background: @primaryLightest url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid @primaryLighterStill;
    @property "/secondaryContent";
   
    @property "nodeLastPost";
    font-size: 11px;
    padding: 3px 10px;
    margin: 10px;
    border: 1px solid @primaryLighterStill;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 14px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 210px;
    height: 28px;
    @property "/nodeLastPost";
}
 
    .node .nodeLastPost .lastThreadMeta
    {
        display: block;
    }
 
    .node .nodeLastPost .noMessages
    {
        line-height: 28px;
    }
 
.node .nodeControls
{
    position: absolute;
    top: 0;
    right: {xen:calc '@nodeLastPost.border-left-width + @nodeLastPost.padding-left + @nodeLastPost.width + @nodeLastPost.padding-right + @nodeLastPost.border-right-width + @nodeLastPost.margin-right'}px;
    margin: 20px 0;
}
 
    .node .tinyIcon
    {
        @property "nodeTinyIcon";
        background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
        margin: 1px 4px;
        display: block;
        white-space: nowrap;
        text-indent: 9999px;
        overflow: hidden;
        opacity: 0.25;
        width: 14px;
        height: 14px;
        @property "/nodeTinyIcon";
    }
 
    .node .nodeInfo:hover .tinyIcon[href],
    .Touch .node .tinyIcon
    {
        @property "nodeTinyIconHover";
        opacity: 1;
        @property "/nodeTinyIconHover";
    }
 
        /*.node .feedIcon
        {
            background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
        }*/
 
/* description tooltip */
 
.nodeDescriptionTip
{
    @property "nodeDescriptionTip";
    padding: 4px 10px;
    margin-top: -22px;
    line-height: 1.5;
    width: 350px;
    height: auto;
    @property "/nodeDescriptionTip";
}
 
    .nodeDescriptionTip .arrow
    {
        @property "nodeDescriptionTipArrow";
        border: 6px solid transparent;
        border-right-color: @tooltip.background-color;
        border-left: 1px none black;
        top: 6px;
        left: -6px;
        bottom: auto;
        @property "/nodeDescriptionTipArrow";
    }
   
/* main area - used for L2 categories and most other nodes */
 
.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
    @property "primaryContent";
    background-color: #FFFFF;
    padding: 10px;
    @property "/primaryContent";
   
    padding: 0;
}
 
/* category strip - used for L1 categories and group headers */
 
.nodeList .categoryStrip
{
    @property "subHeading";
    font-size: 11px;
    color: rgb(255, 255, 255);
    background: rgb(161, 182, 201) url('http://chovo.vn/upload/grsmall.png') repeat-x top;
    padding: 5px 10px;
    margin: 3px auto 0;
    border: 1px solid rgb(161, 182, 201);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    @property "/subHeading";
   
    @property "categoryStrip";
    color: @textCtrlBackground;
    background-image: url('http://chovo.vn/upload/grsmall.png');
    padding: 0 10px;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 6px;
    line-height: 30px;
    height: 30px;
    @property "/categoryStrip";
}
 
    .nodeList .categoryStrip .nodeTitle
    {
        @property "categoryStripTitle";
        font-weight: bold;
        font-size: 12pt;
        color: rgb(250, 247, 244);
        @property "/categoryStripTitle";
    }
   
        .nodeList .categoryStrip .nodeTitle a
        {
            color: @categoryStripTitle.color;
        }
 
    .nodeList .categoryStrip .nodeDescription
    {
        @property "categoryStripDescription";
        font-size: 10px;
        color: @secondaryDarker;
        @property "/categoryStripDescription";
    }
   
        .nodeList .categoryStrip .nodeDescription a
        {
            color: @categoryStripDescription.color;
        }
 
.nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip
{
    display: none;
}
 
/* node stats area */
 
.nodeStats
{
    overflow: hidden; zoom: 1;
}
 
.nodeStats dl,
.subForumsPopup
{
    float: left;
    display: block;
    margin-right: 3px;
}
 
/*.nodeStats dl,
.subForumsPopup .PopupControl
{
    padding-top: 2px;
}*/
 
.subForumsPopup a.PopupControl
{
    padding-left: 5px;
    padding-right: 5px;
}
 
.subForumsPopup .dt
{
    color: @mutedTextColor;
}
 
.subForumsPopup .PopupOpen .dt
{
    color: @body.color;
}
 
.subForumsMenu .node .node /* for depths 2+ */
{
    padding-left: 10px;
}
 
    .subForumsMenu .node .nodeTitle
    {
        font-size: 11px;
    }
   
/** new discussion button below nodelist **/
 
.nodeListNewDiscussionButton
{
    margin-top: 10px;
    text-align: right;
}
     
    sonhatq, 15/3/13
    #4
  5. mickey

    mickey Active Member

    Bài viết:
    690
    Likes :
    228
    bạn thay toàn bộ temp đó thành cái này xem sao
    Mã:
    .nodeList
{
zoom: 1;
}
.nodeList .node
{
    zoom: 1;
    vertical-align: bottom;
}
 
.nodeList .node.level_1
{
    margin-bottom: 20px;
}
 
.nodeList .node.level_1:last-child
{
    margin-bottom: 0;
}
 
.nodeList .node.groupNoChildren + .node.groupNoChildren
{
    margin-top: -20px;
}
 
.node .nodeInfo
{
    overflow: hidden; zoom: 1;
    position: relative;
}
 
    .node .nodeInfo.primaryContent,
    .node .nodeInfo.secondaryContent
    {
        padding: 0;
    }
 
.node .nodeIcon
{
    @property "nodeIcon";
    margin: 10px 0 10px 10px;
    float: left;
    width: 36px;
    height: 36px;
    @property "/nodeIcon"; 
}
 
    .node .forumNodeInfo .nodeIcon,
    .node .categoryForumNodeInfo .nodeIcon
    {
        @property "nodeIconForum";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        @property "/nodeIconForum";
    }
 
    .node .forumNodeInfo.unread .nodeIcon,
    .node .categoryForumNodeInfo.unread .nodeIcon
    {
        @property "nodeIconForumUnread";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: -36px 0;
        @property "/nodeIconForumUnread";
    }
 
    .node .pageNodeInfo .nodeIcon
    {
        @property "nodeIconPage";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: -72px 0;
        @property "/nodeIconPage";
    }
 
    .node .linkNodeInfo .nodeIcon
    {
        @property "nodeIconLink";
        background-image: url('@imagePath/xenforo/node-sprite.png');
        background-repeat: no-repeat;
        background-position: -108px 0;
        @property "/nodeIconLink";
    }
 
.node .nodeText
{
    @property "nodeText";
    margin: 10px 270px 10px 56px;
    @property "/nodeText";
}
 
    .node .nodeTitle
    {
        @property "nodeTitle";
        font-size: 12pt;
        @property "/nodeTitle";
    }
 
        .node .unread .nodeTitle
        {
            @property "nodeTitleUnread";
            font-weight: bold;
            @property "/nodeTitleUnread";
        }
 
    .node .nodeDescription
    {
        @property "nodeDescription";
        font-size: 11px;
        @property "/nodeDescription";
    }
 
    .hasJs .node .nodeDescriptionTooltip
    {
        /* will be shown as a tooltip */
        display: none;
    }
 
    .Touch .node .nodeDescriptionTooltip
    {
        /* touch browsers don't see description tooltips */
        display: block;
    }
 
    .node .nodeStats
    {
        @property "nodeStats";
        font-size: 11px;
        margin-top: 2px;
        @property "/nodeStats";
    }
 
.node .nodeLastPost
{
    @property "secondaryContent";
    background: url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid @primaryLighterStill;
    @property "/secondaryContent";
 
    @property "nodeLastPost";
    font-size: 11px;
    padding: 3px 10px;
    margin: 10px;
    border: 1px solid @primaryLighterStill;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 14px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 210px;
    height: 28px;
    @property "/nodeLastPost";
}
 
    .node .nodeLastPost .lastThreadMeta
    {
        display: block;
    }
 
    .node .nodeLastPost .noMessages
    {
        line-height: 28px;
    }
 
.node .nodeControls
{
    position: absolute;
    top: 0;
    right: {xen:calc '@nodeLastPost.border-left-width + @nodeLastPost.padding-left + @nodeLastPost.width + @nodeLastPost.padding-right + @nodeLastPost.border-right-width + @nodeLastPost.margin-right'}px;
    margin: 20px 0;
}
 
    .node .tinyIcon
    {
        @property "nodeTinyIcon";
        background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
        margin: 1px 4px;
        display: block;
        white-space: nowrap;
        text-indent: 9999px;
        overflow: hidden;
        opacity: 0.25;
        width: 14px;
        height: 14px;
        @property "/nodeTinyIcon";
    }
 
    .node .nodeInfo:hover .tinyIcon[href],
    .Touch .node .tinyIcon
    {
        @property "nodeTinyIconHover";
        opacity: 1;
        @property "/nodeTinyIconHover";
    }
 
        /*.node .feedIcon
        {
            background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
        }*/
 
/* description tooltip */
 
.nodeDescriptionTip
{
    @property "nodeDescriptionTip";
    padding: 4px 10px;
    margin-top: -22px;
    line-height: 1.5;
    width: 350px;
    height: auto;
    @property "/nodeDescriptionTip";
}
 
    .nodeDescriptionTip .arrow
    {
        @property "nodeDescriptionTipArrow";
        border: 6px solid transparent;
        border-right-color: @tooltip.background-color;
        border-left: 1px none black;
        top: 6px;
        left: -6px;
        bottom: auto;
        @property "/nodeDescriptionTipArrow";
    }
 
/* main area - used for L2 categories and most other nodes */
 
.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
    @property "primaryContent";
    background-color: #FFFFF;
    padding: 10px;
    @property "/primaryContent";
 
    padding: 0;
}
 
/* category strip - used for L1 categories and group headers */
 
.nodeList .categoryStrip
{
    @property "subHeading";
    font-size: 11px;
    color: rgb(255, 255, 255);
    background: rgb(161, 182, 201) url('http://chovo.vn/upload/grsmall.png') repeat-x top;
    padding: 5px 10px;
    margin: 3px auto 0;
    border: 1px solid rgb(161, 182, 201);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    @property "/subHeading";
 
    @property "categoryStrip";
    color: @textCtrlBackground;
    background-image: url('http://chovo.vn/upload/grsmall.png');
    padding: 0 10px;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 6px;
    line-height: 30px;
    height: 30px;
    @property "/categoryStrip";
}
 
    .nodeList .categoryStrip .nodeTitle
    {
        @property "categoryStripTitle";
        font-weight: bold;
        font-size: 12pt;
        color: rgb(250, 247, 244);
        @property "/categoryStripTitle";
    }
 
        .nodeList .categoryStrip .nodeTitle a
        {
            color: @categoryStripTitle.color;
        }
 
    .nodeList .categoryStrip .nodeDescription
    {
        @property "categoryStripDescription";
        font-size: 10px;
        color: @secondaryDarker;
        @property "/categoryStripDescription";
    }
 
        .nodeList .categoryStrip .nodeDescription a
        {
            color: @categoryStripDescription.color;
        }
 
.nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip
{
    display: none;
}
 
/* node stats area */
 
.nodeStats
{
    overflow: hidden; zoom: 1;
}
 
.nodeStats dl,
.subForumsPopup
{
    float: left;
    display: block;
    margin-right: 3px;
}
 
/*.nodeStats dl,
.subForumsPopup .PopupControl
{
    padding-top: 2px;
}*/
 
.subForumsPopup a.PopupControl
{
    padding-left: 5px;
    padding-right: 5px;
}
 
.subForumsPopup .dt
{
    color: @mutedTextColor;
}
 
.subForumsPopup .PopupOpen .dt
{
    color: @body.color;
}
 
.subForumsMenu .node .node /* for depths 2+ */
{
    padding-left: 10px;
}
 
    .subForumsMenu .node .nodeTitle
    {
        font-size: 11px;
    }
 
/** new discussion button below nodelist **/
 
.nodeListNewDiscussionButton
{
    margin-top: 10px;
    text-align: right;
}
     
    mickey, 15/3/13
    #5
    sonhatq and Thien phuc like this.
  6. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    chuẩn rồi bạn
    mình sửa lại border = 0px là ok rồi
     
    sonhatq, 15/3/13
    #6
  7. mickey

    mickey Active Member

    Bài viết:
    690
    Likes :
    228
    temp trên có được không ...
     
    mickey, 15/3/13
    #7
    sonhatq thích bài này.
  8. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    chuẩn bạn ah, sủa lại chút bỏ cái border cho latest new là ok
    thank bạn
     
    sonhatq, 15/3/13
    #8
  9. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    lại làm phiền bạn chút
    bgio mình muốn thêm màu hoặc ảnh nền background cho forum chính (ko phải category)
    mình làm như sau, tai sao nhìn nó lại THẾ NÀY nhỉ
     
    sonhatq, 15/3/13
    #9
  10. mickey

    mickey Active Member

    Bài viết:
    690
    Likes :
    228
    cho forum chính là sao... cụ thể xíu đi bạn
     
    mickey, 15/3/13
    #10
    sonhatq thích bài này.
  11. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    giống cài này bạn ah
     
    sonhatq, 15/3/13
    #11
  12. mickey

    mickey Active Member

    Bài viết:
    690
    Likes :
    228
    bạn chụp cho mình cái hình đi
     
    mickey, 15/3/13
    #12
    sonhatq thích bài này.
  13. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    mình muốn làm cái bg như tring hình
     

    Các file đính kèm:

    sonhatq, 15/3/13
    #13
  14. mickey

    mickey Active Member

    Bài viết:
    690
    Likes :
    228
    để như vậy không đẹp hơn sao.. nếu muốn thì tạo ra cate mới để có hình nền
     
    mickey, 15/3/13
    #14
  15. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    nếu tao cate mới thì phân biệt thế nào được với khu vục khác bạn

    minh dùng code để tao cho tùng main forum ma ko duoc. chac pahi để dạng border top
    Mã:
    .node_41 {background: url("/images/nodebg.png");}
     
    sonhatq, 15/3/13
    #15
  16. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    thank ca nha
    cuoi cùng cũng mày mò ra DEMO
     
    sonhatq, 15/3/13
    #16
  17. tridai_mobile

    tridai_mobile Member

    Bài viết:
    148
    Likes :
    7
    đánh dấu
     
    tridai_mobile, 15/3/13
    #17
  18. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    cạu à
    cái node_list này bị lỗi
    khi thay vào nó bị navi tab trong suốt
     

    Các file đính kèm:

    sonhatq, 17/3/13
    #18
  19. mickey

    mickey Active Member

    Bài viết:
    690
    Likes :
    228
    cậu có sửa hay xóa cái gì k .. nếu k thì copy cái cũ của cậu bỏ vào xem thử có hết lỗi k .. rồi cm tại đây mình xem .. mình k nghĩ là do node_list
     
    mickey, 17/3/13
    #19
  20. sonhatq

    sonhatq Member

    Bài viết:
    157
    Likes :
    5
    minh khong sua hay xóa gì cả
    mày mỏ cả tối qua
    thi ra cái .node lastpost của cậu đưa bị lỗi navitab
    mình đã sủa dc rồi
     
    sonhatq, 17/3/13
    #20
comments powered by Disqus

Chia sẻ trang này

Đang tải...