Other HTML for France Flag in Header - Thêm HTML cờ nước Pháp trong Header

[PVS]

HTML for France Flag in Header - Thêm HTML cờ nước Pháp trong Header

Đoạn mã dưới đây sẽ hiển thị một lá cờ của nước France trong block phía trên bên phải của header của bạn.

Mở template ad_header của style mà bạn đang sử dụng và dán đoạn mã sau. CSS được bao gồm trong các mã, do đó bạn có thể tùy chỉnh để phù hợp với nhu cầu của bạn (ví dụ: loại bỏ box shadow cho chủ đề tối, di chuyển nó xa hơn phải phụ thuộc vào vị trí của liên kết đăng nhập của bạn). Thay đổi tiêu đề của main div đến văn bản bạn muốn nó nói.

Nếu bạn làm thay đổi ad-header, chỉ cần revert nó để loại bỏ lá cờ.

<style type="text/css">
.mainFlag
{
    float: right;
    width: 54px;
    margin-top: 8px;
    margin-right: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
    .mainFlag div
    {
        width: 33.3%;
        height: 36px;
        float: left;
    }
 
    .flagBlue
    {
        background-color: rgb(0,85,164);
    }
    .flagWhite
    {
        background-color: white;
    }
    .flagRed
    {
        background-color: rgb(239,65,53);
    }
</style>

<div class="mainFlag" title="Paris, Nov 13th 2015">
    <div class="flagBlue"></div>
    <div class="flagWhite"></div>
    <div class="flagRed"></div>
</div>

​

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

Nguồn: xenforo.com​