Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

7 390 0
Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

Đang tải... (xem toàn văn)

Thông tin tài liệu

Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn Cách chỉnh sửa Template cho Joomla! 1.0.x Mặc định trong Joomla! đã có tích hợp sẵn Template, đây là một Template mẫu với một số ít vị trí cơ bản. Nếu muốn trang Web có kiểu dáng đẹp nhiều vị trí để hiển thị các thành phần mở rộng hơn thì cần phải thay đổi Template khác hoặc sửa lại cho phù hợp. Sau đây là một số cách sửa Template mặc định rhuk_solarflare_ii trong Joomla! 1.0.x Cách thay hình ảnh Logo:  Mở trang web xem hình dạng Logo của Template mặc định rhuk_solarflare_ii .  Tìm tập tin hình ảnh Logo này trong thư mục images của Template rhuk_solarflare_ii đang sử dụng nhận biết các thông số: tên: header_short.jpg, loại: jpg, kích thước: 635x150 px của tập tin này. Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn  Sau đó tạo một tập tin hình ảnh Logo mới với các thông số tương tự để thay thế cho Logo cũ.  Có thể áp dụng cách làm này để thay đổi toàn bộ hình ảnh của Template tùy ý, các hình ảnh này thông thường đều nằm trong thư mục images của Template đang sử dụng. Cách tạo thêm vị trí hiển thị Module:  Kiểm tra các vị trí hiện có của Tempale bằng cách thêm tham số /?tp=1 vào dòng địa chỉ.  Truy cập vào Menu Site Templates trong phần Quản trị (Admin). Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn  Trong Template Manager [ Site ] chọn Template muốn sửa (rhuk_solarflare_ii) nhấn nút Edit HTML  Trong cửa sổ Template HTML Editor, tìm vị trí MainBody như trong hình:  Thêm các đoạn mã để tạo vị trí Module mới là user7 nằm phía dưới MainBody như trong hình: Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn  Sau khi sửa xong nhấn vào nút Save để lưu các thay đổi lại.  Do vị trí này đãđươợc gán id là user7 (có thể thay đổi tùy ý) nên nếu muốn chỉnh sửa các thông số (chiều rộng, chiều cao, font chữ, .) cho vị trí này thì tiếp tục chọn Template rhuk_solarflare_ii nhấn nút Edit CSS.  Thêm đoạn mã như trong hình vào phía cuối để định dạng cho vị trí User7.  Bây giờ Template đã có thêm 1 vị trí Module mới là user7. Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn Cách tạo thêm vị trí hiển thị Module trong phần Mainbody:  MainBody là vị trí hiển thị phần nội dung chính (Component) của trang Web, các Module được đặt trong vị trí này sẽ hiển thị chung với phần nội dung chính.  Truy cập vào Menu Site Templates trong phần Quản trị (Admin).  Trong Template Manager [ Site ] chọn Template muốn sửa (rhuk_solarflare_ii) nhấn nút Edit HTML  Trong cửa sổ Template HTML Editor, tìm đoạn mã như trong hình bên dưới.  Thêm 2 vị trí Module đặt tên là user5 nằm phía trên user6 nằm phía dưới phần nội dung chính bằng cách sửa lại như trong hình. Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn  Sau khi sửa xong nhấn vào nút Save để lưu các thay đổi lại. Bây giờ Template đã có thêm 2 vị trí Module mới là user5 user6. Lưu ý:  Nếu các đoạn mã không nằm ngay hàng cũng không sao, chỉ cần đúng cú pháp là được. Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn  Phần Edit HTML sẽ sửa đổi tập tin index.php nằm trong thư mục của Template đang sử dụng Edit CSS sẽ sửa đổi tập tin template_css.css nằm trong thư mục css của Template đang sử dụng . Có thể mở sửa trực tiếp các dòng mã trong các tập tin đó.  Ngoài tên của các vi trí mặc định trong Template, Joomla! 1.0.x còn có sẵn các tên từ user1 -> user9 để đặt cho các vị trí khi cần thêm vào, nếu đặt tên khác thì phải khai báo thêm tên này trong phần Site -> Template manager -> Module Positions. . Thiết Kế Web Với Joomla 1. 0x & 1. 5x Collection by traibingo at buaxua.vn Cách chỉnh sửa Template cho Joomla! 1. 0.x Mặc định trong Joomla! đã. sử dụng và nhận biết các thông số: tên: header_short.jpg, loại: jpg, kích thước: 6 35x1 50 px của tập tin này. Thiết Kế Web Với Joomla 1. 0x & 1. 5x Collection

Ngày đăng: 15/12/2013, 02:15

Hình ảnh liên quan

Cách thay hình ảnh Logo: - Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

ch.

thay hình ảnh Logo: Xem tại trang 1 của tài liệu.
 Sau đó tạo một tập tin hình ảnh Logo mới với các thông số tương tự để thay thế cho Logo cũ - Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

au.

đó tạo một tập tin hình ảnh Logo mới với các thông số tương tự để thay thế cho Logo cũ Xem tại trang 2 của tài liệu.
MainBody như trong hình: - Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

ain.

Body như trong hình: Xem tại trang 3 của tài liệu.
 Thêm đoạn mã như trong hình vào phía cuối để định dạng cho vị trí - Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

h.

êm đoạn mã như trong hình vào phía cuối để định dạng cho vị trí Xem tại trang 4 của tài liệu.
 Trong cửa sổ Template HTML Editor, tìm đoạn mã như trong hình bên dưới.   - Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 17 pptx

rong.

cửa sổ Template HTML Editor, tìm đoạn mã như trong hình bên dưới. Xem tại trang 5 của tài liệu.

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan