[Hỏi đáp] Xin Code trong suốt diễn đàn

Trong suốt diễn đàn giống như giữa các Forum với nhau cũng như viền Forum
Link Demo: Ngay ở Devs
Vì mình đã thử qua mấy code ở chinhphuc nhưng đều lỗi hết nên mới mạo muội lập top ở devs

Tất nhiên là code bạn thử sẽ khó mà dùng được nếu forum của bạn đã sửa templates, hoặc hướng dẫn đó không dùng cho templates mặc định, hoặc phiên bản không phù hợp...

Code trong suốt mà mình viết khá đơn giản:

Code:

#ipbwrapper {
    margin: 70px auto 30px;
    padding: 20px;
    background: rgba(255,255,255,0.3);
    outline: 1px solid rgba(255,255,255,0.6);
}
.borderwrap {
    background: #FFF;
    border: 1px solid #2980b9;
    padding: 0;
}

Để áp dụng code trên bạn cần:

1. Sử dụng phiên bản Invision, nếu phiên bản khác thì sửa selector tương ứng.
   
2. Đặt màu nền cho các khối chính, và làm trong suốt các lớp bao quanh nó. Để làm được điều này, đa phần là bạn phải sửa Templates và phải biết được những ảnh hưởng của nó đến các trang khác.
   Trong Invision, mình chọn .borderwrap làm khối chính, thì các lớp còn lại cho đến #ipbwrapper phải được bỏ màu nền, hoặc làm trong suốt nó. Ví dụ: #ipbwrapper > #emptyidcc > #outer-wrapper > #wrapper > #container > #content > #main > #main-content > .borderwrap
   Sau khi chọn khối chính, thì sửa Templates để đặt những thành chính vào .borderwrap và xoá khối mặc định đi.
   

Nói chung là cách thực hiện không phức tạp, chỉ cần hiểu về Templates và tốn chút thời gian là có thể làm được. Nếu muốn đồng bộ cho toàn bộ forum thì phải sửa khá nhiều đấy. Ví dụ: agreement, index_body, index_box, memberlist_body, search_results_posts, search_results_topics, topics_blog_box, topics_list_box, viewcomments_body, viewforum_body, viewtopic_body, viewtopic_poll_ballot, viewtopic_poll_result, ...

Thực sự mình cuxg không hiểu rõ lắm. Admin giải thích rõ ràng ra được ko? :D

Nói chung là tìm cục bao quanh toàn diễn đàn (hoặc bao cái gì tùy thích), rồi đặt background với rgba (VD: background: rgba(255,255,255,.1))

Còn rắc rối quá thì tung link forum lên đây

Trong cái đoạn mình lảm nhãm ở trên thì phần màu đỏ là #ipbwrapper, màu tím là .borderwrap.

@zzbaivong đã hiểu :D

NCat wrote:Nói chung là tìm cục bao quanh toàn diễn đàn (hoặc bao cái gì tùy thích), rồi đặt background với rgba (VD: background: rgba(255,255,255,.1))

Còn rắc rối quá thì tung link forum lên đây

Link

ziinky14 wrote:
Link

Tìm trong css:

Code:


#innerWrapper {
width: 1022px;
margin: 0 auto;
background: #fff;
margin: 0 1px;
border: 1px solid #DDD;
}


Thay thành:

Code:


#innerWrapper {
width: 1022px;
margin: 0 auto;
background: rgba(255,255,255,0.3);
outline: 1px solid rgba(255,255,255,0.6);
margin: 0 1px;
}


anhdausai wrote:

ziinky14 wrote:
Link

Tìm trong css:

Code:


#innerWrapper {
width: 1022px;
margin: 0 auto;
background: #fff;
margin: 0 1px;
border: 1px solid #DDD;
}


Thay thành:

Code:


#innerWrapper {
width: 1022px;
margin: 0 auto;
background: rgba(255,255,255,0.3);
outline: 1px solid rgba(255,255,255,0.6);
margin: 0 1px;
}


Đã thành công cơ mà mình hiểu từ Post của zzbaivong rồi =))