1. HTML5的開發環境與基礎 1-1 index.html 2. 用CSS3美化版面 2-1 index.html 2-2 style.css 3. 自適應CSS排版 3-1 index.html 3-2 style.css 3-3 index.html 動態標題背景 3-4 style.css 動態標題背景 4. BootStrap響應式框架 4-1 bootstrap/index.html 5. 同上週~ 6. XOOPS可調式佈景開發(上) 6-1 tad2017/theme.tpl 6-2 tad2017/css/style.css 7. XOOPS可調式佈景開發(下) 7-1 tad2017/config.php 7-2 tad2017/theme.tpl 7-3 tad2017/css/style.css 7-4 tad2017/config2.php 8. 現有網頁改製為XOOPS佈景 8-1 themes/eElectronics/theme.html 8-2 themes/eElectronics/config.php 8-3 themes/eElectronics/css/style.css 8-4 themes/photography/theme.html 8-5 themes/photography/config.php 8-6 themes/photography/xotpl/logo.tpl 8-7 themes/photography/css/style.css 9. XOOPS佈景運作原理 9-1 themes/eElectronics/theme.html 9-2 themes/eElectronics/css/style.css 9-3 themes/eElectronics/config2.php 9-4 themes/eElectronics/xotpl/slider.tpl 9-5 themes/eElectronics/xotpl/system.tpl 9-6 themes/photography/xotpl/footer.tpl 9-7 themes/eElectronics/modules/system/system_siteclosed.tpl
7-1
tad2017/config.php
$theme_kind
=
'bootstrap3'
;
$theme_kind_arr
=
'bootstrap3'
;
$menu_var_kind
=
'my_menu'
;
$theme_color
=
'bootstrap3'
;
$config_enable
[
'theme_type'
] =
array
(
'enable'
=>
'0'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'theme_type_2'
);
$config_enable
[
'theme_width'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
'1'
,
'max'
=>
'12'
,
'require'
=>
'1'
,
'default'
=>
'12'
);
$config_enable
[
'base_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#FFFFFF'
);
$config_enable
[
'lb_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#F2F4FF'
);
$config_enable
[
'cb_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#FFFFFF'
);
$config_enable
[
'rb_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#F4F4F4'
);
$config_enable
[
'lb_width'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'3'
);
$config_enable
[
'rb_width'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'3'
);
$config_enable
[
'clb_width'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'49%'
);
$config_enable
[
'crb_width'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'49%'
);
$config_enable
[
'margin_top'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'80'
);
$config_enable
[
'font_size'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'11pt'
);
$config_enable
[
'margin_bottom'
] =
array
(
'enable'
=>
'0'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'0'
);
$config_enable
[
'font_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#202020'
);
$config_enable
[
'link_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#005ca8'
);
$config_enable
[
'hover_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#a40019'
);
$config_enable
[
'bg_img'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'bg.gif'
);
$config_enable
[
'bg_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#FFFFFF'
);
$config_enable
[
'bg_repeat'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'repeat'
);
$config_enable
[
'bg_attachment'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'scroll'
);
$config_enable
[
'bg_position'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'center center'
);
$config_enable
[
'slide_width'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'0'
);
$config_enable
[
'slide_height'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'0'
);
$config_enable
[
'use_slide'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'1'
);
$config_enable
[
'logo_img'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'logo_position'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'page'
);
$config_enable
[
'logo_top'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'logo_right'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'logo_bottom'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'logo_left'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'logo_center'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
''
,
'default'
=>
''
);
$config_enable
[
'bt_text_size'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'1.5em'
);
$config_enable
[
'bt_text_padding'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'0'
);
$config_enable
[
'bt_text'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#6bbdff'
);
$config_enable
[
'bt_bg_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'transparent'
);
$config_enable
[
'bt_radius'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'1'
);
$config_enable
[
'block_config'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'right'
);
$config_enable
[
'bt_bg_img'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'transparent'
);
$config_enable
[
'bt_bg_repeat'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'1'
);
$config_enable
[
'block_style'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'block_title_style'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'border:none;height:40px;line-height:40px;margin-bottom:10px;'
);
$config_enable
[
'block_content_style'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'navbar_pos'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'navbar-fixed-top'
);
$config_enable
[
'navbar_bg_top'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#5b5000'
);
$config_enable
[
'navbar_bg_bottom'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#5b5000'
);
$config_enable
[
'navbar_hover'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#5b5000'
);
$config_enable
[
'navbar_img'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
$config_enable
[
'navbar_color'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#FFFFFF'
);
$config_enable
[
'navbar_color_hover'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'#FFFF00'
);
$config_enable
[
'navbar_icon'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
'icon-white'
);
$config_enable
[
'navlogo_img'
] =
array
(
'enable'
=>
'1'
,
'min'
=>
''
,
'max'
=>
''
,
'require'
=>
'0'
,
'default'
=>
''
);
1. HTML5的開發環境與基礎 1-1 index.html 2. 用CSS3美化版面 2-1 index.html 2-2 style.css 3. 自適應CSS排版 3-1 index.html 3-2 style.css 3-3 index.html 動態標題背景 3-4 style.css 動態標題背景 4. BootStrap響應式框架 4-1 bootstrap/index.html 5. 同上週~ 6. XOOPS可調式佈景開發(上) 6-1 tad2017/theme.tpl 6-2 tad2017/css/style.css 7. XOOPS可調式佈景開發(下) 7-1 tad2017/config.php 7-2 tad2017/theme.tpl 7-3 tad2017/css/style.css 7-4 tad2017/config2.php 8. 現有網頁改製為XOOPS佈景 8-1 themes/eElectronics/theme.html 8-2 themes/eElectronics/config.php 8-3 themes/eElectronics/css/style.css 8-4 themes/photography/theme.html 8-5 themes/photography/config.php 8-6 themes/photography/xotpl/logo.tpl 8-7 themes/photography/css/style.css 9. XOOPS佈景運作原理 9-1 themes/eElectronics/theme.html 9-2 themes/eElectronics/css/style.css 9-3 themes/eElectronics/config2.php 9-4 themes/eElectronics/xotpl/slider.tpl 9-5 themes/eElectronics/xotpl/system.tpl 9-6 themes/photography/xotpl/footer.tpl 9-7 themes/eElectronics/modules/system/system_siteclosed.tpl