Tài liệu Thiết Kế Web Với Joomla part 7 doc

Collection by traibingo

41
Part 7
Hướng dẫn cài đặt template cho Joomla! 1.5

Bước 1: Download template cho Joomla
Bạn có thể tìm template cho Joomla! bằng từ khóa "Joomla template",
"Template Free" and "Joomla" ... hoặc xem bài "Tập hợp các trang cung
cấp template free" để tìm một template phù hợp.
Bước 2: Mở trang quản trị
Mở trang quản trị (BackEnd) bằng đường dẫn: http://domain/administrator
VD:
Bước 3: Tiến hành cài đặt
Mở menu Extensions -> Install/Uninstall

Collection by traibingo

42
e
Nhấn lên nút [Browse...], chọn template mà bạn vừa download (được
đóng gói trong một file zip hoặg gz) sau đó nhấn lên nút [Upload file &
Install]
e
Chờ Joomla thông báo việc cài đặt thành công rồi nhấn vào Continue...
Bước 4: Thiết lập template mới cài đặt thành template mặc định
Mở menu Extensions -> Template manager, chọn template mới cài đặt
rồi nhấn vào nút [Default]

Collection by traibingo

43
e
Tham khảo thêm:


Các phần tử mặc định trong file CSS của Joomla
1.0.x

Joomla 1.0.x sử dụng file CSS có tên là template_css.css. File này
nằm trong thư mục templates\template_cua_ban. Để có thể thiết kế và
chỉnh sửa theo ý muốn bạn cần nắm rõ các phần tử CSS mà Joomla sử
dụng. Chúng bao gồm các phần tử sau:
/**com_contact**/
.componentheading
.contentpane
.contentdescription
.sectiontableheader
.category
.small
.contentpane
.contentheading

Collection by traibingo

44
.contact_email
.inputbox
.button
/**com_content**/

.componentheading
.contentpane
.contentdescription
.inputbox
.sectiontableheader
.sectiontableentry1
.sectiontableentry2
.sectiontablefooter
.blogsection
.contentpaneopen
.article_seperator
.contentheading
.contentpagetitle
.buttonheading
.small
.createdate
.modifydate
.readon
.pagenav_prev
.pagenav_next
.adminform
.button
.text_area
.blog
.blog_more
/**com_login**/
.contentpane
.componentheading
.inputbox
.button

/**com_newsfeeds**/

Collection by traibingo

45
.componentheading
.contentpane
.contentdescription
.sectiontableheader
.category
.small
.contentheading
/**com_poll**/
.componentheading
.contentpane
.pollstableborder
.sectiontableheader
.smalldark
.button
.inputbox
/**com_registration**/
.componentheading
.contentpane
.inputbox
.button
/**com_search**/
.componentheading
.contentpaneopen
.inputbox
.button

.searchintro
.small
.highlight
/**com_user**/
.componentheading
.inputbox
.button