Xâ yd ng giao din cb n:

Một phần của tài liệu MÔ TẢ KỸ THUẬT MÃ NGUỒN MỞ NUKEVIET v3.x doc (Trang 30 - 32)

III. Các hàm đc xâ yd n gs n, các class, các tài nguyên khác:

b)Xâ yd ng giao din cb n:

xây d ng m t giao di n c b n t giao di n đư có ta ti n hành copy m t theme đư có, đ t l i tên theme, xóa các ph n sau:

MÔ T K THU T - MÃ NGU N M NUKEVIET v3.x http://nukeviet.vn

 Các file trong th m c css, gi l i admin.css, icons.css, ie6.css, index.html, sitemap.xsl, sitemapindex.xsl, tab_info.css.

 T t c các th m c trong th m c modules.

 Các file và th m c trong th m c images, đ l i th m c admin, arrows, icons và file index.html.

 Th m c js

B c ti p theo c u hình l i cho theme b ng cách m file config.ini:

 <layoutdefault></layoutdefault>: Layout m c đ nh c a m i module.

 Các <position></position>: V trí c a các kh i block.

 <setlayout></setlayout>: Thi t l p layout m c đ nh đ i v i m t s module. Ch nh l i CSS và các nh đ đ c giao di n theo ý.

N u mu n xây d ng giao di n riêng cho m i module, ti n hành copy th m c có tên module trong th m c images, modules và file ten-module.css t ng ng vào theme m i sau đó ch nh s a CSS và các file nh đ đ c giao di n theo ý mu n.

L u ý:

Các file đ nh d ng tpl là các file s d ng Xtemplate.

M t bi n đ c xu t b ng l nh assign thì trong file tpl s đ c đánh d u b ng {}

Ví d : $xtpl->assign( 'TITLE', „Tiêu đ trang‟ ); đ hi n th t “tiêu đ trang” thì

trong file tpl ta c n vi t {TITLE}.

N u d li u xu t d ng m ng thì các ph n t các c p đ c phân cách b ng d u ch m.

Ví d :

$xtpl->assign( 'TITLE', array( “title” => “Tiêu đ ”, “id” => 1 ) ); xu t ch Tiêu đ thì trong file tpl c n đ t {TITLE.title}.

L nh đánh d u kh i prase s đánh d u nh ng ph n n m trong c p <!--BEGIN: --

> và < !-- END: -->.

Trong các file tpl trong th m c layout, có th b b t các ph n, tuy nhiên c n

đ m b o đ c các bi n {THEME_PAGE_TITLE}, {THEME_META_TAGS},

{THEME_CSS}, {THEME_SITE_RSS}, {THEME_SITE_JS},

MÔ T K THU T - MÃ NGU N M NUKEVIET v3.x http://nukeviet.vn

{SHOW_QUERIES_FOR_ADMIN}, {THEME_ADMIN_MENU}, {THEME_MY_FOOTER}, {THEME_FOOTER_JS}.

Một phần của tài liệu MÔ TẢ KỸ THUẬT MÃ NGUỒN MỞ NUKEVIET v3.x doc (Trang 30 - 32)