Làm đẹp khung cho bài viết nha.

Bài này chủ yếu làm đẹp cho phần đăng bài thôi..phái đẹp thì hay thích đẹp mà phải không?...Thí dzụ cho thấy là nguyên bài đăng này An đã cho nó vào khung đỏ đó thấy khg?..dzễ lắm thôi..chỉ vì khg muốn bài đăng của mình tràn ra đụng phải khung post bài thì mình dùng cách này cho đẹp vậy thôi hà.


Bước 1:
Tạo bài viết mới bằng cách vào Dashboard - Posting - New Post, chọn thẻ Edit HTMLvà dán code sau vào:
<div style="border: 1px solid red; padding: 10px;">
Bài viết
</div>
Bước 2:
Chuyển sang thẻ Compose: sẽ thấy có 1 khung bao quanh "Bài viết", lúc này đơn giản chỉ cần đưa nội dung cần thiết vào.
Ngược lại, ta cũng có thể soạn thảo bên thẻ Compose trước sau đó chuyển qua Edit HTML: thêm thẻ mở <div> ở trên và thẻ đóng </div> ở dưới bài viết là được.
Tùy biến:
Chúng ta có thể tùy biến các thuộc tính của dòng code này:
<div style="border: 1px solid redpadding: 10px;">
chẳng hạn như sau:

Color: có thể sử dụng các màu chuẩn như: white, red, black, lime, yellow, orange, aqua (như bài viết này)... hoặc sử dụng mã màu hex code (lựa màu tùy thích ở đây)

Width: độ dày đường khung, thường 1px là vừa.

Style: thường dùng là 'Solid', ta có thể thay đổi bằng các thược tính sau: dotted, dashed, double, groove, ridge, inset và outset

Padding: cần thiết để nội dung khỏi tràn đụng vào khung, có thể thay đổi các giá trị từ 0 đến 10px

Ngoài ra, ta có thể tùy biến thêm bằng cách đưa vào một số thuộc tính định dạng văn bản trong khung như:

Background-color: màu nền
Color: màu chữ, VD: color: orange; hoặc color: #6acfff;
Text-align: canh lề bài viết, có thể: left, center hay right.
Margin: tùy ý
Ví dụ:
<div style="border: 1px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: center;">
Bài viết
</div>
Nguồn:khamphablogspot

7 comments:

  1. Cái này làm cho từng bài riêng một chứ không phải toàn bộ blog phải không An?

    ReplyDelete
  2. Hôm nào post bài thơ mới chị làm thử :)

    ReplyDelete
  3. D mới làm thử, thích. An có biết cách làm background như trên banừg hình thay vì một màu nào đó ko

    ReplyDelete
  4. hay quá, phài thử liền mới được

    ReplyDelete
  5. Cũng hay đáng học hỏi nè phong xong hoi thank bạn nhiều

    ReplyDelete
  6. ở đâu bán dâm dương hoắc tiền của Arsenal, mới thấy nỗi khổ không chỉ của riêng Wenger: MU tiếp tục nhận lấy danh hiệu "ông vua tin đồn" trong mỗi kì chuyển nhượng, còn Chelsea chỉ mang về cái tên đã h

    ReplyDelete

-Vui lòng gõ tiếng Việt có dấu và không viết những từ của trẻ con thời @
-Code chèn hình [IMG]link hình[/IMG]
chèn youtube [YOUTUBE]link[/YOUTUBE]
TEXT