Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[1092] 前端技術入門」目錄
MarkDown
6-1 modules\system\system_siteclosed.tpl
1. HTML5與CSS3入門
1-1 css/style.css
1-2 index.html
2. 進階自適應排版技術
2-1 theme.html
2-2 css/style.css
3. 製作成XOOPS佈景
3-1 theme.tpl
3-2 css/style.css
3-3 xotpl/nav.tpl
3-4 xotpl/block.tpl
3-5 xotpl/canvas.tpl
3-6 xotpl/search.tpl
3-7 xotpl/logo.tpl
4. 讓佈景可透過tad_themes來管理
4-1 theme.tpl
4-2 css/style.css
4-3 config.php
4-4 xotpl/nav.tpl
4-5 xotpl/menu.tpl
4-6 xotpl/opt.tpl
5. 用CSS3美化區塊
5-1 xotpl/block.tpl
5-2 css/style.css
5-3 theme.tpl
6. 利用多背景來組成自適應畫面
6-1 modules\system\system_siteclosed.tpl
6-2 config.php
6-3 xotpl\nav.tpl
6-4 theme.tpl
6-5 css\style.css
6-6 xotpl\header.tpl
6-7 xotpl\carousel.tpl
6-8 config2_slide.php
6-9 language\tchinese_utf8\main.php
6-10 config2.php
6-3 xotpl\nav.tpl
\[1092\] 前端技術入門 =============== ```php '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'theme_type_5'); //版面寬度[自],值:若bootstrap模式,最大值為 12,若 html 模式,則輸入預設版面寬度,如: 980 $config_enable['theme_width'] = array('enable' => '0', 'min' => '', 'max' => '', 'require' => '1', 'default' => '12'); //內容區顏色[theme_type_x.tpl] $config_enable['base_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#ffffff'); //左區域顏色[theme_type_1.tpl] $config_enable['lb_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#f8f8f8'); //中區域顏色[theme_type_x.tpl] $config_enable['cb_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'transparent'); //右區域顏色[theme_type_2~4.tpl] $config_enable['rb_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#f8f8f8'); //左區域寬度[theme_type_x.tpl],值:若 bootstrap 模式,最大值為 12,若 html 模式,則輸入預設左區域寬度,如: 220 $config_enable['lb_width'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'auto'); //中區域寬度[theme_type_1~8.tpl],值:若 bootstrap 模式,最大值為 12,若 html 模式,則輸入預設右區域寬度,如: 220 $config_enable['cb_width'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '7'); //右區域寬度[theme_type_2~8.tpl],值:若 bootstrap 模式,最大值為 12,若 html 模式,則輸入預設右區域寬度,如: 220 $config_enable['rb_width'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'auto'); //中左區塊寬度[無] $config_enable['clb_width'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '50%'); //中右區塊寬度[無] $config_enable['crb_width'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '50%'); //離上邊界距離[自] $config_enable['margin_top'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '55px'); //文字大小[theme_css.tpl] $config_enable['font_size'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '1em'); //離下邊界距離[自] $config_enable['margin_bottom'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //文字顏色[theme_css.tpl] $config_enable['font_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#202020'); //連結顏色[theme_css.tpl] $config_enable['link_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#005ca8'); //移到連結顏色[theme_css.tpl] $config_enable['hover_color'] = array('enable' => '', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#a40019'); /* tabs-2 背景圖 */ $config_tabs[2] = 0; //上傳背景圖[theme_css.tpl],值:可指定置於「themes/佈景/images/bg/」下的某一檔案名稱 $config_enable['bg_img'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => ''); //背景顏色[theme_css.tpl] $config_enable['bg_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#007fa0'); //背景重複[theme_css.tpl],值: repeat (重複), repeat-x (水平重複), repeat-y (垂直重複), no-repeat (不重複) $config_enable['bg_repeat'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'repeat'); //背景縮放[theme_css.tpl],值: cover (放大圖片填滿畫面), contain (縮放以呈現完整圖片) $config_enable['bg_size'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '', 'default' => 'auto'); //背景模式[theme_css.tpl],值: scroll (捲動),fixed (固定) $config_enable['bg_attachment'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'scroll'); //背景位置[theme_css.tpl],值: left top (預設,左上), right top (右上), left bottom (左下), right bottom (右下), center center (中中), center top (中上), center bottom (中下) $config_enable['bg_position'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'center top'); /* tabs-3 滑動圖片 */ $config_tabs[3] = 1; //佈景圖片寬度[slideshow_responsive.tpl],值:若bootstrap模式,最大值為 12,若 html 模式,則輸入預設佈景圖片寬度,如: 980 $config_enable['slide_width'] = array('enable' => '1', 'min' => '0', 'max' => '12', 'require' => '1', 'default' => '12'); //佈景圖片高度[slideshow_responsive.tpl],值:數值,單位一律為 px $config_enable['slide_height'] = array('enable' => '0', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //是否可上傳滑動圖片[slideshow_responsive.tpl] $config_enable['use_slide'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '1'); /* tabs-4 logo圖 */ $config_tabs[4] = 0; // 上傳logo圖[logo.tpl],值:可指定置於「themes/佈景/images/logo/」下的某一檔案名稱 $config_enable['logo_img'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'logo.png'); //logo圖位置[logo.tpl],值: slide (在滑動圖文上), page (在頁面上) $config_enable['logo_position'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'page'); //Logo離上方距離[logo.tpl],值:數值,單位一律為 px $config_enable['logo_top'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //Logo離右邊距離[logo.tpl],值:數值,單位一律為 px $config_enable['logo_right'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //Logo離下方距離[logo.tpl],值:數值,單位一律為 px $config_enable['logo_bottom'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //Logo離左邊距離[logo.tpl],值:數值,單位一律為 px $config_enable['logo_left'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //Logo置中[logo.tpl],值:1,0 $config_enable['logo_center'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); /* tabs-5 區塊標題列 */ $config_tabs[5] = 0; //區塊標題文字大小[theme_css_blocks.tpl],值:數值含單位 $config_enable['bt_text_size'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '1.3em'); //區塊標題縮排[theme_css_blocks.tpl],值:數值,單位一律為 px $config_enable['bt_text_padding'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //區塊標題文字顏色[theme_css_blocks.tpl] $config_enable['bt_text'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#ffffff'); //區塊標題背景顏色[theme_css_blocks.tpl] $config_enable['bt_bg_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#007fa0'); //區塊標題圓角設定[theme_css_blocks.tpl],值: 1 (圓角), 0 (直角) $config_enable['bt_radius'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '1'); //區塊標題設定按鈕[theme_css_blocks.tpl],值: right (右), left (左) $config_enable['block_config'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'right'); //區塊標題背景圖[theme_css_blocks.tpl] $config_enable['bt_bg_img'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => ''); //區塊標題背景重複[theme_css_blocks.tpl],值: 1 (重複), 0 (不重複) $config_enable['bt_bg_repeat'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '0'); //區塊整體樣式手動設定[theme_css_blocks.tpl],值: 1 (重複), 0 (不重複) $config_enable['block_style'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'background: rgba(255, 255, 255, 0.5); border: none; border-radius: 6px; padding: 0px; margin:0px 0px 20px;'); //區塊標題區樣式手動設定[theme_css_blocks.tpl],值: 1 (重複), 0 (不重複) $config_enable['block_title_style'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'padding:6px; text-align:center; font-family: 微軟正黑體; text-shadow: 0px 1px #0c4d5b, 1px 0px #0c4d5b, -1px 0px #0c4d5b, 0px -1px #0c4d5b, -1px -1px #0c4d5b, 1px 1px #0c4d5b, 1px -1px #0c4d5b, -1px 1px #0c4d5b;'); //區塊內容區樣式手動設定[theme_css_blocks.tpl],值: 1 (重複), 0 (不重複) $config_enable['block_content_style'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'padding: 5px 0px 10px;'); /* 若沒指定位置(如上方預設),那就是全部區塊預設值,若欲指定位置,只要多一個索引值即可: $config_enable['bt_xx']['leftBlock']:左區塊設定 $config_enable['bt_xx']['rightBlock']:右區塊設定 $config_enable['bt_xx']['centerBlock']:上中區塊設定 $config_enable['bt_xx']['centerLeftBlock']:上中左區塊設定 $config_enable['bt_xx']['centerRightBlock']:上中右區塊設定 $config_enable['bt_xx']['centerBottomBlock']:下中區塊設定 $config_enable['bt_xx']['centerBottomLeftBlock']:下中左區塊設定 $config_enable['bt_xx']['centerBottomRightBlock']:下中右區塊設定 $config_enable['bt_xx']['footerCenterBlock']:頁尾中區塊設定 $config_enable['bt_xx']['footerLeftBlock']:頁尾左區塊設定 $config_enable['bt_xx']['footerRightBlock']:頁尾右區塊設定 例如: $config_enable['bt_bg_color']['leftBlock'] = array('enable'=>1, 'min' => '', 'max' => '', 'require'=>0 , 'default' => '#7CBBBB'); $config_enable['bt_bg_color']['rightBlock'] = array('enable'=>1, 'min' => '', 'max' => '', 'require'=>0 , 'default' => '#D2C38E'); */ $config_enable['block_style']['footerCenterBlock'] = array('enable' => 1, 'min' => '', 'max' => '', 'require' => 0, 'default' => 'border: none; border-radius: 6px; padding: 0px; margin:0px 0px 20px;'); $config_enable['block_style']['footerLeftBlock'] = array('enable' => 1, 'min' => '', 'max' => '', 'require' => 0, 'default' => 'border: none; border-radius: 6px; padding: 0px; margin:0px 0px 20px;'); $config_enable['block_style']['footerRightBlock'] = array('enable' => 1, 'min' => '', 'max' => '', 'require' => 0, 'default' => 'border: none; border-radius: 6px; padding: 0px; margin:0px 0px 20px;'); $config_enable['bt_bg_color']['leftBlock'] = array('enable' => 1, 'min' => '', 'max' => '', 'require' => 0, 'default' => '#ff7163'); $config_enable['bt_bg_color']['rightBlock'] = array('enable' => 1, 'min' => '', 'max' => '', 'require' => 0, 'default' => '#ff7163'); /* tabs-6 導覽工具列 */ $config_tabs[6] = 0; //導覽工具列位置[navbar.tpl],值: fixed-top (固定上方), fixed-bottom (固定下方), sticky-top(滑動圖片上方), default (滑動圖片下方), not-use (不使用) $config_enable['navbar_pos'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'fixed-top'); //導覽工具列 漸層顏色(top)[theme_css_navbar.tpl] $config_enable['navbar_bg_top'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#e6e6e6'); //導覽工具列 漸層顏色(bottom)[theme_css_navbar.tpl] $config_enable['navbar_bg_bottom'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#e6e6e6'); //導覽工具列 連結區塊底色[theme_css_navbar.tpl] $config_enable['navbar_hover'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#00b39c'); //上傳導覽列背景圖[navbar.tpl],值:可指定置於「themes/佈景/images/nav_bg/」下的某一檔案名稱 $config_enable['navbar_img'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => ''); //導覽工具列 文字顏色[theme_css_navbar.tpl] $config_enable['navbar_color'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#0a0028'); //導覽工具列 文字移過顏色[theme_css_navbar.tpl] $config_enable['navbar_color_hover'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => '#ffffff'); //導覽工具列 圖示顏色[navbar.tpl],值: icon-white (白色圖案), '' (黑色圖案) $config_enable['navbar_icon'] = array('enable' => '0', 'min' => '', 'max' => '', 'require' => '0', 'default' => 'style='); //導覽工具列 導覽選項上下距離[theme_css_navbar.tpl] $config_enable['navbar_py'] = array('enable' => '1', 'min' => '2', 'max' => '30', 'require' => '1', 'default' => ''); //導覽工具列 導覽選項左右距離[theme_css_navbar.tpl] $config_enable['navbar_px'] = array('enable' => '1', 'min' => '2', 'max' => '30', 'require' => '1', 'default' => '15'); // 上傳導覽列logo圖[navbar.tpl],值:可指定置於「themes/佈景/images/navlogo/」下的某一檔案名稱 $config_enable['navlogo_img'] = array('enable' => '1', 'min' => '', 'max' => '', 'require' => '0', 'default' => ''); ```
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
80
人線上 (
13
人在瀏覽
線上書籍
)
會員: 0
訪客: 80
更多…