Thảo luận chỉ dùm em cách đóng khung chuyên mục bài viết như này

Thảo luận trong 'Add-on Quesions' bắt đầu bởi Xuanhien Nguyen, 29/6/12.

1votes
5/5, 1 vote

  1. Xuanhien Nguyen

    Xuanhien Nguyen Member

    Bài viết:
    378
    Likes :
    25
    chắc luôn của em không có nên em thêm cái của anh vào thì có bong nhưng nó bỏ ra 1 khoảng trống này
     

    Các file đính kèm:

  2. Xavier

    Xavier Well-Known Member

    Bài viết:
    1,414
    Likes :
    522
    vào node_list.css tìm đoạn code sau:
    PHP:
    .nodeList .node.level_1 
    {
    border1px solid #C8C8C8;------>bỏ chữ "solid" đi là được
    border-radius6px; -webkit-border-radius6px; -moz-border-radius6px; -khtml-border-radius6px; -webkit-border-radius6px; -moz-border-radius6px; -khtml-border-radius6px;
            
    margin-bottom20px;
    }
     
    vanminh thích bài này.
  3. vanminh

    vanminh New Member

    Bài viết:
    39
    Likes :
    1
    Luôn đây cho mình nhờ tý nhé:
    1/ Làm viền cho diễn đàn (TRUNG TÂM DIỄN ĐÀN) nhưng vẫn giữ được cuốn góc (lật góc)
    2/ Thay màu (hoặc ảnh) nền cho vị trí 2
    3/ Thay nền cho vị trí 3
    [​IMG]
    Thank nhiều
     
  4. Logi

    Logi Well-Known Member

    Bài viết:
    1,087
    Likes :
    456
    Để lại link forum cho mình vào xem
     
  5. tramp010

    tramp010 Verified User

    Bài viết:
    57
    Likes :
    6
    Cho mình hỏi mình mún đóng khung bài viết như trang http://svhy.net . Mình đã làm thử nhưng ko thành công. Nhờ các bạn chỉ dùm mình

    Trang của mình khung nó kéo dài từ đầu đến cuối. Mình muốn chia ra từng phần để chèn banner flash vào giữa như http://svhy.net . Trang của mình tên: http://diendan.8899.vn . rất cám ơn các bạn rất nhìu

    01 hinh03
     
  6. vanminh

    vanminh New Member

    Bài viết:
    39
    Likes :
    1
  7. Xavier

    Xavier Well-Known Member

    Bài viết:
    1,414
    Likes :
    522
    cái thứ 1..bạn vào template node_list.css tìm đoạn code sau
    PHP:
    .nodeList .node.level_1{
    margin-bottom20px;
    thêm vào bên dưới đoạn code sau
    PHP:
    border1px solid rgb(183183204);
    border-radius3px;
    cái thứ 2: cũng tìm ở trong template đó luôn
    PHP:
    .nodeList .categoryForumNodeInfo,
    .
    nodeList .forumNodeInfo,
    .
    nodeList .pageNodeInfo,
    .
    nodeList .linkNodeInfo
    {
    background-color#fff;-------->thay màu bạn thích
    padding10px;
    border-bottom1px solid #d7edfc;
     
     
    padding0;
    }
    tìm luôn trong template đó đoạn code sau
    PHP:
    .node .nodeLastPost
    {
    background-color#f2f9f9;------->thay màu bạn thích
    padding10px;
    border-bottom1px solid #d2edea;
    ;
     
    font-size11px;
    padding3px 10px;
    margin10px;
    border1px solid #d2edea;
    border-radius3px; -webkit-border-radius3px; -moz-border-radius3px; -khtml-border-radius3px;
    positionabsolute;
    top0;
    right0;
    line-height14px;
    white-spacenowrap;
    word-wrapnormal;
    overflowhidden;
    width210px;
    height28px;
     
    }
    done all!
     
  8. Logi

    Logi Well-Known Member

    Bài viết:
    1,087
    Likes :
    456
    @tramp010: Mình đã trả lời lúc trước rồi mà bạn : http://vietxf.org/threads/chi-dum-em-cach-dong-khung-chuyen-muc-bai-viet-nhu-nay.808/#post-5192
    @vanminh:
    1 + 2: Search template đoạn này: .nodeInfo.secondaryContent thêm vào đoạn code sau:
    Mã:
    border-left: 1px solid #d7edfc;
    border-right: 1px solid #d7edfc;
    background: #f0f0f0;
    Thay màu theo ý bạn.

    3: Search template đoạn này: .node .nodeLastPost chỉnh lại giá trị màu ở background
     
  9. Xavier

    Xavier Well-Known Member

    Bài viết:
    1,414
    Likes :
    522
    so sánh có giống mình ko nhỉ =))
     
  10. tramp010

    tramp010 Verified User

    Bài viết:
    57
    Likes :
    6
  11. tramp010

    tramp010 Verified User

    Bài viết:
    57
    Likes :
    6
    Đoạn code trong node_category_level_1 nguyên mẫu của mình là vậy:

    Mã:
    <xen:require css="node_list.css" />
    <xen:require css="node_category.css" />
     
    <li class="node category level_{$level} node_{$category.node_id}" id="{xen:helper linktitle, $category.node_id, $category.title, 1}">
    
    mình thay
    Mã:
    <li class="node category level_{$level} node_{$category.node_id}" id="{xen:helper linktitle, $category.node_id, $category.title, 1}">
    Mã:
    <li class="sectionMain node category level_{$level}" id="{xen:helper linktitle, $category.node_id, $category.title}">




    thì bị vấn đề như trên
     
  12. Xavier

    Xavier Well-Known Member

    Bài viết:
    1,414
    Likes :
    522
    cái này phải sửa toàn bộ code trong node mà bạn
     
  13. tramp010

    tramp010 Verified User

    Bài viết:
    57
    Likes :
    6
    Dưới đây là toàn bộ code trong nod_list của mình:

    Mã:
    <xen:require css="node_list.css" />
     
    <xen:if hascontent="true">
    <fieldset>
        <ol class="nodeList sectionMain" id="forums">
        <xen:contentcheck>
            <xen:foreach loop="$renderedNodes" value="$node">{xen:raw $node}</xen:foreach>
        </xen:contentcheck>
        </ol>
       
        <xen:if is="{$newDiscussionButton}"><div class="nodeListNewDiscussionButton">{xen:raw $newDiscussionButton}</div></xen:if>
    </fieldset>
    </xen:if>
     
    <xen:edithint template="node_category.css" />
    <xen:edithint template="node_category_level_1" />
    <xen:edithint template="node_category_level_2" />
    <xen:edithint template="node_category_level_n" />
     
    <xen:edithint template="node_forum.css" />
    <xen:edithint template="node_forum_level_1" />
    <xen:edithint template="node_forum_level_2" />
    <xen:edithint template="node_forum_level_n" />
     
    <xen:edithint template="node_page.css" />
    <xen:edithint template="node_page_level_1" />
    <xen:edithint template="node_page_level_2" />
    <xen:edithint template="node_page_level_n" />
     
    <xen:edithint template="node_link.css" />
    <xen:edithint template="node_link_level_1" />
    <xen:edithint template="node_link_level_2" />
    <xen:edithint template="node_link_level_n" />
    và node_catelogry_level_1

    Mã:
    <xen:require css="node_list.css" />
    <xen:require css="node_category.css" />
     
    <li class="node category level_{$level} node_{$category.node_id}" id="{xen:helper linktitle, $category.node_id, $category.title, 1}">
     
        <div class="nodeInfo categoryNodeInfo categoryStrip">
       
            <div class="categoryText">
                <h3 class="nodeTitle"><a href="{xen:link categories, $category}">{$category.title}</a></h3>
                <xen:if is="{$category.description}"><blockquote class="nodeDescription baseHtml">{xen:raw $category.description}</blockquote></xen:if>
            </div>
           
        </div>
       
        <xen:if is="{$renderedChildren}">       
            <ol class="nodeList">
                <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
            </ol>
        </xen:if>
       
        <span class="tlc"></span>
        <span class="trc"></span>
        <span class="blc"></span>
        <span class="brc"></span>
    </li>
     
  14. vanminh

    vanminh New Member

    Bài viết:
    39
    Likes :
    1
    Nếu mà thay màu bằng ảnh thì link như sau có đúng không? mà không thấy thay đổi
    Mã:
    .nodeList .categoryForumNodeInfo,
    .nodeList .forumNodeInfo,
    .nodeList .pageNodeInfo,
    .nodeList .linkNodeInfo
    {
    background-color: #fff;-------->thay màu bạn thích:  url('http://a.imageshack.us/img696/5885/boxbg.gif')
    padding: 10px;
    border-bottom: 1px solid #d7edfc;
     
     
    padding: 0;
    }
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...