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

PVS

Super Moderator
Thành viên BQT
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