Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[Share] Trang trí các thẻ trong Widget KEYWORDS

  • Please log in to post a topic
  • huyhoang1997

    huyhoang1997
    huyhoang1997

    huyhoang1997

    Group: Moderagerator

    Hiện đang:
    Bài viết : 670
    Points : 905
    Birthday : 14/06/1997
    Thanks : 73
    Đến từ : Ninh Thuận

    Moderagerator

    Moderagerator
    Bài viết thứ :1

    Đăng vào:10/4/2016, 11:45

    Moderagerator
    Demo:

    [Share] Trang trí các thẻ trong Widget KEYWORDS Tag10

    Hướng dẫn:

    vào ACP >> Templates >> Portal >> mod_keywords: (thay toàn bộ code trong Mod KEYWORDS)
    Code:
    <div class="module">
     <div class="inner"><span class="corners-top"><span></span></span>

     <div class="h3">{L_KEYWORDS}</div>
     
     <!-- BEGIN li_row -->
     <div class="ticket"><span class="circle"></span><a href="{li_row.LINKEYWORDS}">{li_row.KEYWORDS}</a> &nbsp;</div>
     <!-- END li_row -->
     

     <span class="corners-bottom"><span></span></span></div>
    </div>

    <style type="text/css">
      .ticket {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        position: relative !important;
        background: #8dc63f;
        float: left;
        padding: 7px 3px;
        margin: 0 5px 5px 0;
    }
      .ticket:after {
        content: "";
        position: absolute !important;
        z-index: 100;
        top: 0;
        left: 0;
        border-right: #fff 7px solid;
        border-bottom: #fff 7px solid;
        -moz-border-radius: 0 0 20px 0;
        -webkit-border-radius: 0 0 20px 0;
        border-radius: 0 0 20px 0;
    }
    .ticket:before {
        content: "";
        position: absolute !important;
        z-index: 100;
        top: 0;
        right: 0;
        border-left: #fff 7px solid;
        border-bottom: #fff 7px solid;
        -moz-border-radius: 0 0 0 20px;
        -webkit-border-radius: 0 0 0 20px;
        border-radius: 0 0 0 20px;
    }
      .ticket a {
        outline: 1px rgba(255,255,255,0.4) dashed;
        border: 1px rgba(0,0,0,0.3) dashed;
        padding: 4px 10px 4px 20px;
        text-decoration: none;
        color: rgba(255,255,255,0.5)!important;
        white-space: nowrap;
    }
    .ticket a:hover {color: rgba(0,0,0,0.5)!important;}
      .ticket a:after {
        content: "";
        position: absolute !important;
        z-index: 100;
        bottom: 0;
        left: 0;
        border-right: #fff 7px solid;
        border-top: #fff 7px solid;
        -moz-border-radius: 0 20px 0 0;
        -webkit-border-radius: 0 20px 0 0;
        border-radius: 0 20px 0 0;
    }
    .ticket a:before {
        content: "";
        position: absolute !important;
        z-index: 1000;
        bottom: 0;
        right: 0;
        border-left: #fff 7px solid;
        border-top: #fff 7px solid;
        -moz-border-radius: 20px 0 0 0;
        -webkit-border-radius: 20px 0 0 0;
        border-radius: 20px 0 0 0;
    }
      .ticket .circle {
        position: absolute !important;
        z-index: 100;
        border: 5px #fff solid;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-top: -5px;
        width: 0;
        height: 0;
        top: 50%;
        left: 8px;
        -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
            0 1px 0 rgba(255,255,255,0.3);
        -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
            0 1px 0 rgba(255,255,255,0.3);
        box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
            0 1px 0 rgba(255,255,255,0.3);
    }
    </style>
    Chúc các bạn thành công !
    (Edit code lại từ [You must be registered and logged in to see this link.]

    #1 - Posted 10/4/2016, 11:45

    Đang kiểm tra dữ liệu...

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

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90