Khung viên

Một số code khung viền trang trí cho WordPress

vietnc2019-10-20T17:04:25+07:00

Cho các bạn muốn “mỳ ăn liền” trang trí cho website của mình, code dạng HTML chỉ việc coppy và paste nên có thể dùng cho blogger, wordpress nên các bạn không phải lo về vấn đề hiển thị hay tương thích nhé. Chúng ta cùng bắt đầu tạo khung viền trong wordpress nào !

Một số code khung viền trang trí cho WordPress

Chú ý 1: Các bạn là phải dán code vào chế độ Văn bản (hay có mấy tên khác là chế độ Text hoặc chế độ HTML) của khung soạn thảo nhé. Cho những bạn chưa biết thì nếu các bạn muốn dán code vào thanh bên thì widget cần sử dụng ở đây là widget Văn bản nhé !

Chú ý 2: Coppy qua notepad Thay dấu ” bằng dấu “ (dấu nháy kép thẳng đứng)

Các code đường viền cơ bản

Dạng nét liền (solid)

Dạng dấu chấm (dotted)

Dạng nét đứt (dashed)

Dạng nét đôi (double)

Dạng đường rãnh (groove)

Dạng chóp (ridge)

Dạng đổ bóng bên trong (inset)

Dạng đổ bóng bên ngoài (outset)

Ngoài ra các bạn có thể thêm thuộc tính border-radius để bo tròn 4 góc, ví dụ như thế này:

Nếu nội dung trong khung quá dài, các bạn có thể dùng thuộc tính overflow kết hợp với max-height (hoặc height) để thu gọn lại (và sẽ xuất hiện thanh cuộn), ví dụ:

Code:

<div style=”max-height: 150px; overflow: auto; padding: 8px; border: 2px solid #00FF00; word-wrap: break-word;”>WordPress là một phần mềm nguồn mở (Open Source Software ) được viết bằng ngôn ngữ lập trình website PHP và sử dụng hệ quản trị cơ sở dữ liệu MySQL; cũng là bộ đôi ngôn ngữ lập trình website thông dụng nhất hiện tại. WordPress được ra mắt lần đầu tiên vào ngày 27/5/2003 bởi tác giả Matt Mullenweg và Mike Little. Hiện nay WordPress được sở hữu và phát triển bởi công ty Automattic có trụ sở tại San Francisco, California thuộc hợp chủng quốc Hoa Kỳ.</div>

Kết quả:

WordPress là một phần mềm nguồn mở (Open Source Software ) được viết bằng ngôn ngữ lập trình website PHP và sử dụng hệ quản trị cơ sở dữ liệu MySQL; cũng là bộ đôi ngôn ngữ lập trình website thông dụng nhất hiện tại. WordPress được ra mắt lần đầu tiên vào ngày 27/5/2003 bởi tác giả Matt Mullenweg và Mike Little. Hiện nay WordPress được sở hữu và phát triển bởi công ty Automattic có trụ sở tại San Francisco, California thuộc hợp chủng quốc Hoa Kỳ.

Chú ý chung:

Phần chữ màu đỏ là độ dày của đường viền

Phần chữ màu xanh lá cây là loại đường viền (solid, dotted, dashed,…)

Phần chữ màu hồng là màu đường viền, có thể sử dụng tên gọi của màu (red, black,…), mã màu hex (#ffffff, #ff0000,…) hoặc các loại mã màu khác để thay màu cho đường viền.