Một số khung chứa văn bản đơn giản cho WordPress

Sau những tháng ngày làm wordpress tôi đã tích lũy được những đoạn code khung chứa văn bản rất hay. Tôi nghĩ một ngày nào đó bạn sẽ cần nó nên tôi chia sẻ nó.

Mẫu 1:

Copy và dán code này:

<div style="background: #ebf6e0; border-radius: 2px; border: 1px solid #b3dc82; box-sizing: border-box; float: none; margin: 0px auto; outline: 0px; padding: 15px 20px; vertical-align: baseline; color: #5f9025; font-family: arial, sans-serif; font-size: 15px;">Mẫu này khá đẹp dùng cho các chương trình khuyến mãi và quảng cáo</div>

Mẫu 2: 

Copy và dán code này:

<div style="background: #ffe9e9; border-radius: 2px; border: 1px solid #fbc4c4; box-sizing: border-box; color: #de5959; float: none; font-family: Arial, sans-serif; font-size: 15px; margin: 0px auto; outline: 0px; padding: 15px 20px; vertical-align: baseline;"><strong>Thông báo : </strong><em>Mẫu này thì làm ghi chú, thông báo đẹp lắm</em></div>

Mẫu 3:

Copy và dán code này:

<div class="symple-box yellow center " style="background: #fffdf3; border-radius: 2px; border: 1px solid #f2dfa4; box-sizing: border-box; color: #c4690e; float: none; font-family: Arial, sans-serif; font-size: 15px; margin: 0px auto; outline: 0px; padding: 15px 20px; vertical-align: baseline;"><strong style="background: transparent; border: 0px; box-sizing: initial; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Lưu ý</strong>:
<ul style="background: transparent; border: 0px; box-sizing: initial; margin: 0px 0px 20px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background: transparent; border: 0px; box-sizing: initial; list-style: disc; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Mỗi khách hàng chỉ được sử dụng mỗi coupon 1 lần duy nhất.</li>
<li style="background: transparent; border: 0px; box-sizing: initial; list-style: disc; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Tối đa mỗi khuyến mại tên miền có thể đăng ký 20 domain/account/giao dịch.</li>
<li style="background: transparent; border: 0px; box-sizing: initial; list-style: disc; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Khuyến mại kết thúc vào 27/10/2021 theo giờ Việt Nam.</li>
</ul>
</div>

Mẫu 4: 

Copy và dán code này:

<div style="background: linear-gradient(40deg,#4caf5014,#ffeb3b17); border-radius: 3px; border: 3px solid #d5d5d500; color: #333333; border-image-source: linear-gradient(to right, #4caf5080, #9c27b0a8, #03a9f4a6); border-image-slice: 1; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 1em; vertical-align: baseline;">Mẫu này cũng khá đẹp đễ trang trí thêm cho các nội dung cần ghi chú trong bài viết</div>

Mẫu 5: 

Note:Mẫu này dùng đễ note thông tin rất đẹp.

Copy và dán code này:

<blockquote style="-webkit-text-stroke-width: 0px; background: #e8f9f4; border: 1px solid #8ee3c8; box-sizing: border-box; clear: right; color: #181818; font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 300; letter-spacing: normal; line-height: 1.6em; margin: 1.5em 0px; orphans: 2; padding: 1.6em; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><strong style="box-sizing: border-box; font-weight: 500;">Note:</strong><em>Mẫu này dùng đễ note thông tin rất đẹp</em><strong style="box-sizing: border-box; font-weight: 500;">.</strong></blockquote>

Mẫu 6: 

Copy và dán code này:

<div class="content-box-yellow" style="background-color: #fef5c4; border: 1px solid #fadf98; box-sizing: inherit; margin: 0px 0px 25px; overflow: hidden; padding: 20px;">Mẫu này dùng khá phổ biến trên các bài viết, dùng đễ note lại những thông tin chính</div>

Mẫu 7:

Copy và dán code này:

<div class="box_luuy" style="background: #66689c; box-shadow: rgba(0, 0, 0, 0.1) 3px 4px 4px; clear: both; line-height: 1.7; color: white; font-family: Roboto; letter-spacing: -0.75px; margin: 5px 0px; padding: 20px 25px; transition: 0.5s;">Mẫu này dùng khá phổ biến trên các bài viết, dùng đễ note lại những thông tin chính</div>

Mẫu 8:

 Copy và dán code này:

<aside class="caution" style="background: #fff3e0; box-sizing: inherit; color: #dd2c00; font-family: Roboto, sans-serif; font-size: 14px; margin: 16px 0px; padding: 12px 24px 12px 20px;"><strong style="box-sizing: inherit; margin-top: 0px;">Caution:</strong><em>Mẫu này dùng khá phổ biến trên các bài viết, dùng đễ note lại những thông tin chính</em></aside>