DSO - DIỄN ĐÀN SINH VIÊN ĐÀ LẠT

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

DIỄN ĐÀN SINH VIÊN ĐẠI HỌC ĐÀ LẠT


    Cách tạo module mục lục các entry

    Nobita
    Nobita
    Trợ lý quản trị
    Trợ lý quản trị


    Giới tính : Nam
    Tổng số bài gửi : 1781
    Tuổi : 32
    Cảm ơn : 333

    Cách tạo module mục lục các entry Empty Cách tạo module mục lục các entry

    Bài gửi by Nobita 2010-03-12, 09:31

    Đã nhiều bạn hỏi cách olympia làm module tập hợp các bài viết [You must be registered and logged in to see this link.]

    Cách làm cũng không khó [You must be registered and logged in to see this link.], trước hết bạn tạo một module tự tạo ở vị trí bạn muốn [You must be registered and logged in to see this link.]
    Chọn thiết kế >>> thêm module >>> chọn cột tự thiết
    kế >>> ấn nút tiếp >>> chọn vị trí >>> ấn
    nút xong.



    [You must be registered and logged in to see this link.]

    Tiếp theo để dễ quan sát code viết ra, olympia khuyên bạn nên dùng NotePad


    [You must be registered and logged in to see this link.]

    Ta bắt đầu viết code nhé, dạng chung của code là


    <table>
    <tr>
    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 1 cột
    1">Tên bài viết dòng 1 cột 1</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 1 cột
    2">Tên bài viết dòng 1 cột 2</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 1 cột
    3">Tên bài viết dòng 1 cột 3</a>

    </tr>


    Nếu bạn muốn thêm một dòng nữa thì cho tiếp đoạn code sau tiếp theo của đoạn code trên

    <tr>
    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 2 cột
    1">Tên bài viết dòng 2 cột 1</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 2 cột
    2">Tên bài viết dòng 2 cột 2</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 2 cột
    3">Tên bài viết dòng 2 cột 3</a>

    </tr>


    để đoạn code trở thành


    <table>
    <tr>
    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 1 cột
    1">Tên bài viết dòng 1 cột 1</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 1 cột
    2">Tên bài viết dòng 1 cột 2</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 1 cột
    3">Tên bài viết dòng 1 cột 3</a>

    </tr>
    <tr>
    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 2 cột
    1">Tên bài viết dòng 2 cột 1</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 2 cột
    2">Tên bài viết dòng 2 cột 2</a>

    <td style="padding:0in 5.4pt;width:33%;"
    align="left" valign="top"><a href="Link bài viết dòng 2 cột
    3">Tên bài viết dòng 2 cột 3</a>

    </tr>


    Như vậy muốn bao nhiêu dòng thì bạn thêm bấy
    nhiêu đoạn code trên. Ngoài ra nếu muốn chèn thêm icon cho mỗi tên bài
    viết thì thêm đoạn sau vào trước phần tên bài viết


    <img src="Link hình icon">


    tức là

    <td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1"><img src="Link hình icon">Tên bài viết dòng 1 cột 1</a>


    Để thêm màu chữ, kiểu font, kích cỡ thì thêm đoạn code sau :

    <font style="font-weight:bold;color:rgb(255, 0, 255);font-family:Tahoma;" size="3">


    tức là

    <td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1"><font style="font-weight:bold;color:rgb(255, 0, 255);" size="3"><img src="Link hình icon">Tên bài viết dòng 1 cột 1</a>


    Sau khi chỉnh sửa thì code của olympia như thế này :


    [You must be registered and logged in to see this link.]


    Bây giờ bạn chọn thiết kế >>> tìm
    đến module tự tạo đã thêm lúc đầu rồi ấn nút sửa, copy code vào khung
    nội dung cột, ấn nút lưu.



    [You must be registered and logged in to see this link.]

    Trên đây là hướng dẫn tạo module mục lục theo
    kiểu 3 cột, olympia nghĩ dạng 3 cột là đẹp nhất, nếu các bạn muốn dạng
    khác thì có thể tự tìm hiểu
    [You must be registered and logged in to see this link.]



    Bản quyền bài viết thuộc về [You must be registered and logged in to see this link.]

      Hôm nay: 2024-05-17, 22:04