Thêm nút (x) close button cho "bảng yêu cầu đăng ký"

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

1votes
5/5, 1 vote

  1. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    Chào các bạn!!! :)
    - Mình có tạo cái bảng yêu cầu đăng ký thành viên như hình bên dưới :
    [​IMG]
    - Nhờ các bạn thêm dùm mình cái Button Close [x] lên cái bảng này.
    - Code của mình như sau :

    1) Template footer :
    <xen:if is="!{$visitor.user_id}">
    <div>
    <div id='stickymsg'>Chào mừng đến với Diễn Đàn Giải Pháp Công Nghệ www.giaiphap-it.com<br />
    Xin hãy <a href='{xen:link 'register'}' title=''>Đăng ký </a>hoặc <a href='{xen:link 'login/'}' title=''>Đăng nhập </a>để có thể sử dụng được toàn bộ chức năng của diễn đàn.</div></div>
    </xen:if>

    2) Template Extra.css :

    /* sticky guest message */

    #stickymsg{
    position: fixed;
    bottom: 62px;
    line-height: 16px;
    right: 82px;
    z-index: 30000;
    opacity: 0.8;
    width: 260px;
    height: auto;
    background: #cf3737;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    padding: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
    border: 2px solid #771b1b;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
    border-radius: 3px;
    }
    #stickymsg a{ color: #fff; font-weight:bold; text-decoration: none; }
    #stickymsg:hover{ opacity: 1; }

    P/S : Thanks các bạn trước :D
     
    Đang tải...
  2. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    Không sài nhưng bạn test thử xem dc k
    Kế bên cái <div> đầu tiên, thêm vào
    Mã:
    <a class="closediv" title="Ẩn khung này!"></a>
    dưới extra.css, thêm vào
    Mã:
    a.closediv {
        background-image: url(styles/icons/close.png);
        position: absolute;
        left: 4px;
        top: 4px;
        cursor: pointer;
        width: 35px;
        height: 35px;
        z-index: 9999;
    }
    tự chỉnh css cho phù hợp và thêm cái ảnh nút X vào styles/icons/close.png
     
    hieucocc and ka_fan2000 like this.
  3. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    Không hiện lên bạn ơi, còn cách nào không >"<
     
  4. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    link demo :)
     
  5. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
  6. hieucocc

    hieucocc Active Member

    Bài viết:
    409
    Likes :
    223
    cách của @Fox Of Dark nếu hiện chỉ là bề nổi thôi, ko click đóng được đâu, mới về nên đang online mobile, bạn @ka_fan2000 lên gg gõ one click to close div nhé :)
     
    Fox Of Dark thích bài này.
  7. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    Mình gà Code lắm tìm cũng ko biết làm đâu, hihi. Có bạn nào biết giúp mình cái đi :)
     
  8. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    TIn buồn là ko xem demo dc =))
    Tìn vui là biết cách làm rồi, tks anh hieu :D
     
    ka_fan2000 thích bài này.
  9. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    Sao lại không bạn, bấm vào cái Menu Diễn đàn đó. Giúp mình cái đi :D

    Demo: http://shopv.tk/diendan/index.php

    P/S : Chọn Menu "Diễn đàn"
     
  10. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    Có bạn nào giúp dùm đi :)
     
  11. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    up.................up......................
     
  12. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    up....up......Bạn nào biết giúp đỡ với !!!!! :)
     
  13. ka_fan2000

    ka_fan2000 New Member

    Bài viết:
    25
    Likes :
    2
    lại up nữa......
    P/S : Help me !!!!!! :-s
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...