Reply button Style - Tạo phong cách cho nút Reply

PVS

Super Moderator
Thành viên BQT
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
Reply button Style - Tạo phong cách cho nút Reply

Mô tả: Thay đổi phong cách mặc định của nút trả lời trở nên đẹp hơn.

nw3NpCM.png

Vào Admin CP -> Appearance -> Style -> Templates -> Extra.css thêm vào đoạn code sau:
Mã:
.message .publicControls .item {
      
        -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
        -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
        box-shadow: 0px 1px 0px 0px #f0f7fa;
      
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
        background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
      
        background-color:#33bdef;
      
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
      
        border:1px solid #057fd0;
      
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:10px;
        font-weight:bold;
        padding:4px 15px;
        text-decoration:none;
      
        text-shadow:0px -1px 0px #5b6178;
      
    }
    .message .publicControls .item:hover {
      
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
        background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
      
        background-color:#019ad2;
    }
    .message .publicControls .item:active {
        position:relative;
        top:1px;
    }

Chúc các bạn thành công.


Nguồn: xenforo.com​
 
  • Like
Reactions: THB
Làm sao ẨN NÚT TRẢ LỜI cho BÀI VIẾT #1 được nhỉ
Cái này cũng theo tư tưởng quán triệt của các xếp là không QUOTE toàn bộ topic!
 
Back
Top