HỌC TẬP VÀ LÀM THEO TƯ TƯỞNG, ĐẠO ĐỨC, PHONG CÁCH HỒ CHÍ MINH

QPVN

Thi Toán Violympic, IOE

Violympic OlympicTrạng nguyên Tiếng việtChơi cờ Vua Cờ Tướng

TÀI NGUYÊN - TRI THỨC

Thời tiết 3 miền - Tỉ giá

Hà Nội
Huế
TP HCM

LỊCH HÔM NAY

Liên kết Website

Web Bộ Ngành-Báo Chí

Web Tổng hợp

DỰNG NƯỚC - GIỮ NƯỚC

QPVN

Thành viên trực tuyến

15 khách và 0 thành viên

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Tìm kiếm thông tin

    Google.com.vn Trang này
    Gốc > Chia sẻ - Thủ thuật > Thủ thuật - Kinh nghiệm >

    ĐÓNG KHUNG VÀ TẠO THANH TRƯỢT CHO BÀI VIẾT

    Đôi khi bài viết của bạn quá dài chiếm nhiều không gian trên Blog, bạn có thể đóng khung và tạo thêm thanh trượt cho "nó".

    Thủ thuật này giúp bài viết của bạn nằm trọn trong một khung viền màu khá đẹp mắt, bên phải là thanh trượt kéo lên xuống để khách tham quan có thể đọc hết cả bài viết mà vẫn không chiếm hết không gian của blog mình.
     
     
     
    Thủ thuật này khá đơn giản, khi đăng bài mới bạn để chế độ HTML và copy đoạn code phía dưới dán vào phía dưới khung soạn bài viết.


    ==>Đoạn code đây:
     
    <div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left;height: 400px;
    width: 620px;
    overflow:auto;">
    Nội dung bài viết của bạn ở đây
    </div>
     
     
    Bạn thay đổi các chữ (số)lệnh in đậm theo ý của mình, trong đó:
    border 10px: độ rộng của khung
    solid orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)
    color aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)
    height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)
    Width: độ rộng của khung
    Tiếp sau đó, bạn bấm vào thẻ VIẾT (cạnh thẻ HTML phía trên lúc nãy) để quay về viết bài như bình thường, cuối cùng bấm xuất bản và chiêm ngưỡng bài viết của mình nha.
    Chúc bạn thành công!
     
    (dunghennessy.blogspot)

    Nhắn tin cho tác giả
    Nguyễn Tuấn Anh @ 07:51 24/08/2013
    Số lượt xem: 2403
    Số lượt thích: 0 người
    Avatar

    =>Kiểu 1:

    <div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px; 
    width: 620px;
     
    overflow:auto;
    ">

    Nội dung bài viết của bạn ở đây
    </div>

    Thủ thuật khá đơn giản, khi đăng bài bạn chọn để chế độ và copy đoạn code phía dưới dán vào chỗ muốn hiển thị khung.

    Sau đó quay lại trang viết và nhập nội dung vào trong khung bình thường! 
    Lưu ý:

    Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:
    border 10px: độ rộng của khung
    orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)
    aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)
    height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)
    Width: độ rộng của khung
    =>Kiểu 2:
    Border: 3px: Độ rộng khung viền
    Dotted rgb(153, 204, 102): Màu khung viền
    Color: #666666Màu chữ
    - Kiểu 2 này khi bạn Enter xuống hàng nó sẽ nhảy sang khung khác. Chính vì vậy để sử dụng kiểu 2 này hiệu quả nhất. Khuyên bạn nên soạn nội dung ở một phần mềm khác sau đó Paste vào :)
     

    <pre style="border: 3px dotted rgb(153, 204, 102); margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto;"><span style="color: #666666; font-family: Courier New, Courier, monospace;">                       Nội dung viết tại đây                                          </span></pre>

     
    Gửi ý kiến

    HIỀN TÀI LÀ NGUYÊN KHÍ QUỐC GIA !