Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

Đăng Ký

Bạn phải điền đầy đủ thông tin đăng ký!

  

[TUTs] UserAction nhóm gọn công cụ người dùng

    Quản trị viên

    avatar

    Bài viết : 89

    Tài sản : 275

    Uy tín : 7

    #1

     on 21.08.15 13:15 

    UserAction nhóm gọn công cụ người dùng


    Giới thiệu

    Các công cụ người dùng, mặc định được trình bày dàn trải, hướng dẫn này sẽ làm cho nó một giao diện gọn và đẹp hơn.


    Demo


    Công cụ người dùng mặc định


    Công cụ người dùng đã chỉnh sửa


    Công cụ trong bài viết


    Công cụ trong bài viết với Action


    Hướng dẫn


    Thêm vào CSS của diễn đàn:
    ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet

    Code:
    /* User action */
    #pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
    #pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
    .main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
    #pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
    #pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
    #pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
    .main-box li{margin-left:0;float:left;text-align:left;width:170px}
    #pun-visit ul:hover li,.main-box ul:hover li{display:block}
    #pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
    #plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
    #plus_menu .title-overview{display:none}
    #plus_menu .left-overview{padding:0}
    #pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
    #pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
    .dashed{border-top:1px dashed silver;margin:5px 0}
    #pun-visit br{display:none}


    Phiên bản áp dụng

    PunBB


    Nguồn

    Zzbaivong (devs.forumvi.com)
    You cannot reply to topics in this forum