Giới hạn chữ ký bằng CSS

Thảo luận trong 'Style & Template Questions' bắt đầu bởi khue.nguyen, 24/8/12.

1votes
5/5, 1 vote

  1. khue.nguyen

    khue.nguyen Member

    Bài viết:
    161
    Likes :
    30
    Lúc trước mình thấy có bài của 1 bạn chỉ cách giới hạn chữ ký bằng css, tức là nếu chữ ký dài hơn sẽ có thanh trượt để kéo xuống.

    Tìm lại mãi không thấy, bạn nào biết giúp mình với, mình xin cảm ơn :D
     
    khue.nguyen, 24/8/12
    #1
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. khue.nguyen

    khue.nguyen Member

    Bài viết:
    161
    Likes :
    30
    up anh chị nào giúp em với
     
    khue.nguyen, 24/8/12
    #2
  3. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    Mở template message.css tìm đoạn sau:
    Mã:
    .message .signature
{
@property "messageSignature";
font-size: 12px;
color: @dimmedTextColor;
padding: 5px 0 0;
margin-top: 5px;
border-top: 1px dashed @primaryLighterStill;
@property "/messageSignature";
}
    Thay bằng
    Mã:
    .message .signature
{
    @property "messageSignature";
    height: 30px;
    overflow-y: auto;
    font-size: 12px;
    color: @dimmedTextColor;
    padding: 5px 0 0;
    margin-top: 5px;
    border-top: 1px dashed @primaryLighterStill;
    @property "/messageSignature";
}

    Hoặc đơn giản hơn là mở template EXTRA.css thêm vào đoạn sau:
    Mã:
    .message .signature
{
    height: 30px !important;
    overflow-y: auto !important;
}
    Thay 30px bằng giá trị chiều cao chữ ký mà bạn muốn
     
    VXF, 24/8/12
    #3
    Fox Of Dark, Mạnh Cường, Sơn Phạm and 2 others like this.
  4. sgesvn

    sgesvn VietXF Support

    Bài viết:
    741
    Likes :
    280
    Cái này rất cần cho những diễn đàn có nhiều ông thích quảng cáo. Thank for share!
     
    sgesvn, 25/8/12
    #4
  5. Reishou

    Reishou Member

    Bài viết:
    519
    Likes :
    192
    Nên thêm code trong phần sign trong style properties thì trực quan + dễ kiểm soát sau này hơn là sửa trực tiếp trong temp +_+
     
    Reishou, 25/8/12
    #5
  6. MIF

    MIF Member

    Bài viết:
    60
    Likes :
    72
    Ngoài ra có 1 cách xử lý chữ ký cũng khác nữa là hide các chữ ký mà nó có hình lại.Còn ko có hình thì ko sao hết

    [​IMG]

    Ta cũng mở file js/xenforo/xenforo.js và chèn bên dưới cùng

    Mã:
    $(document).ready(function(){
$('.messageInfo').find('.signature').children().each(function(){
$(this).has("img").wrap("<div class='hide_wrapsign'></div>").wrap("<div class='hide' style='display:none'></div>");
});
$('.hide_wrapsign').prepend("<span class='button hidebbcode'>&#x58;&#x65;&#x6D;&#x20;&#x63;&#x68;&#x1EEF;&#x20;&#x6B;&#xFD;&#x20;</span>");
$('.hidebbcode').live('click', function(){var divhide =  $(this).parent().find('div.hide');
if (divhide.is(':visible')) { divhide.fadeOut('fast');
} else {divhide.fadeIn('fast');
}});
});
    Vào template , extra.css thêm vào

    Mã:
    .hide_wrap span,.hide_wrapsign span{
margin : 10px auto;
}
 
 
.hide_wrapsign
{
color: #141414;
background: #ffffff;
border: 1px solid #ececec;
padding:2px 10px 0px 20px;
}
    Demo :
     
    MIF, 25/8/12
    #6
    kopukum and khue.nguyen like this.
  7. kopukum

    kopukum Member

    Bài viết:
    5
    Likes :
    6
    hi mif is it possible to hide the links and email ...
     
    kopukum, 25/8/12
    #7
  8. Đăng Quang Nguyễn

    Đăng Quang Nguyễn New Member

    Bài viết:
    26
    Likes :
    1
    Sao Mình làm ko được nhỉ. Có ai hướng dẫn cho mình ko?
     
    Đăng Quang Nguyễn, 20/9/12
    #8
  9. thanhpt

    thanhpt Member

    Bài viết:
    174
    Likes :
    30
    có cái để dùng :)
     
    thanhpt, 17/8/13
    #9
    Fox Of Dark thích bài này.
comments powered by Disqus

Chia sẻ trang này

Đang tải...