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

Part 7Hướng dẫn cài đặt template cho Joomla!. 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 & In

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: http://yoursite.com/administrator

Bước 3: Tiến hành cài đặt

Mở menu Extensions -> Install/Uninstall

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]

Tham khảo thêm:

 http://www.siteground.com

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

.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**/

.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

.row1

.row2

/**com_weblinks**/

.componentheading

.contentpane

.contentdescription

.sectiontableheader

.tabclass1

.tabclass2

.small

.category

.inputbox

/**com_wrapper**/

.contentpane

.componentheading

.wrapper

/**includes/frontend**/

.moduletable

.newsfeed

.module

.message

/**includes\HTML_toolbar.php**/

.toolbar

/**includes\joomla.php**/

.profiler

.item

.small

.back_button

.buttonheading

.tab-page

.tab

.inputbox

/**includes\joomla.xml.php**/

.paramlist

.editlinktip

.text_area

.inputbox

/**includes\pageNavigation.php**/

inputbox

.pagenav

/**includes\pathway.php**/

.pathway

/**includes\js\dtree\dtree.js**/

.dtree

.dTreeNode

.node

.clip

/**includes\patTemplate\tmpl\forms.html**/

.message

.tooltip

.tab-page

.tab

.expander

/**mambots\content\mosimage.php**/

.mosimage_caption

.mosimage

/**mambots\content\mospaging.php**/

.pagenavcounter

.pagenavbar

.contenttoc

.toclink

/**mambots\content\mosvote.php**/

.content_rating

.content_vote

.button

/**modules\mod_latestnews.php**/

.latestnews

/**modules\mod_login.php**/

.button

.inputbox

/**modules\mod_mostread.php**/

.mostread

/**modules\mod_mostread.php**/

.poll

.pollstableborder

.button

/**modules\mod_mostread.php**/

.syndicate

.syndicate_text

/**modules\mod_search.php**/

.inputbox

.button

.search