Other HTML for Belgium Flag in Header - Thêm HTML cờ nước Bỉ trong Header

[PVS]

HTML for Belgium Flag in Header - Thêm HTML cờ nước Bỉ trong Header

Đoạn mã dưới đây sẽ hiển thị một lá cờ của nước Bỉ 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: 58px;
    margin: 4px 10px 4px 0;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
    .mainFlag div
    {
        width: 33.3%;
        height: 46px;
        float: left;
    }

    .flagBlack
    {
        background-color: rgb(0, 0, 0);
    }
    .flagYellow
    {
        background-color: rgb(255, 233,54);
    }
    .flagRed
    {
        background-color: rgb(255, 15, 33);
    }
</style>

<div class="mainFlag" title="Brussels, March 22nd 2016">
    <div class="flagBlack"></div>
    <div class="flagYellow"></div>
    <div class="flagRed"></div>
</div>

​

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

Nguồn: xenforo.com​