Code đóng khung text trong bài viết

[div class=danhgia] sdafsdfdasf [/div]

[div class=MÃ THAY THẾ]

dsfsdfasdfdsfds

[end-div]

1- Đánh giá

 

.danhgia {
    border: 1px solid #DEF1BF;
    background: #c0fac4 url(https://james-franco.com/wp-content/uploads/2021/07/icon-uudiem.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
padding: 16px 10px 8px 44px;
margin-bottom: 10px;

}

Sau đó thêm DIV shortcode nhanh tại đây: DIV Shortcode

2- alert-success

[alert-success]Success text[/alert-success]

.success {
    border: 1px solid #DEF1BF;
    background: #c0fac4 url(https://james-franco.com/wp-content/uploads/2021/07/icon-uudiem.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 5px 10px 8px 44px!important;
    margin-bottom: 10px;
}

3. Lienhe

[div class="vinalienhe"]        [div]

.vinalienhe {
    border: 1px solid #bebebe;
    background: #e4f6ff url(https://digimo.biz/wp-content/uploads/2021/09/icon-phone.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 16px 10px 8px 44px;
    border-radius: 0px;
    margin-bottom: 10px;
}

Ý tưởng:

.vinaytuong {
    border: 1px solid #bebebe;
    background: #fbffe8 url(https://digimo.biz/wp-content/uploads/2021/09/icon-ytuong.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 16px 10px 8px 44px;
    border-radius: 0px;
    margin-bottom: 10px;
}

Cảnh báo

.vinacanhbao {
    border: 1px solid #bebebe;
    background: #fff1e9 url(https://digimo.biz/wp-content/uploads/2021/09/icon-canhbao.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 16px 10px 8px 44px;
    border-radius: 0px;
    margin-bottom: 10px;
}

Review

.vinareview {
    background: #ffede0;
    color: #000000;
    border: 4px dotted #ff6a00;
    border-radius: 10px;
    padding: 10px 10px 2px 10px;
    margin-top: 13px;
    margin-bottom: 13px;
}

Full toàn bộ

/*Code đóng khung nổi bật nội dung*/
.danhgia {
    border: 1px solid #DEF1BF;
    background: #c0fac4 url(https://james-franco.com/wp-content/uploads/2021/07/icon-uudiem.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
padding: 16px 10px 8px 44px;
margin-bottom: 10px;

}
.success {
    border: 1px solid #DEF1BF;
    background: #c0fac4 url(https://james-franco.com/wp-content/uploads/2021/07/icon-uudiem.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 5px 10px 8px 44px!important;
    margin-bottom: 10px;
}
.vinalienhe {
    border: 1px solid #bebebe;
    background: #e4f6ff url(https://digimo.biz/wp-content/uploads/2021/09/icon-phone.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 16px 10px 8px 44px;
    border-radius: 0px;
    margin-bottom: 10px;
}
.vinaytuong {
    border: 1px solid #bebebe;
    background: #fbffe8 url(https://digimo.biz/wp-content/uploads/2021/09/icon-ytuong.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 16px 10px 8px 44px;
    border-radius: 0px;
    margin-bottom: 10px;
}
.vinacanhbao {
    border: 1px solid #bebebe;
    background: #fff1e9 url(https://digimo.biz/wp-content/uploads/2021/09/icon-canhbao.png) no-repeat!important;
    background-position: 8px 16px!important;
    color: #000000!important;
    padding: 16px 10px 8px 44px;
    border-radius: 0px;
    margin-bottom: 10px;
}

Câu Hỏi

.cauhoi {
    border: 1px solid #bdbdbd;
    background: #ffe2d0 url(https://img.upanh.tv/2023/10/18/cau-hoi.png) no-repeat !important;
    background-position: 8px 16px !important;
    color: #000000 !important;
    border-radius: 10px;
    padding: 16px 10px 8px 44px;
    border: 1px solid #ff6900;
    margin-bottom: 10px;
}

 

Tags: code