Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[1031]XOOPS佈景設計」目錄
MarkDown
9-3 themes/sailing_demo/README
1. HTML5入門
1-1 「範例」index.html
2. HTML5 與 CSS3
2-1 index.html(背景整合設定)
2-2 index.html(多背景)
2-3 index.html(標題文字外觀設定)
2-4 index.html(頁內樣式)
2-5 index.html(版面布局)
2-6 index.html(完整版面布局)
2-7 index.html(導覽列)
2-8 index.html(完整導覽列)
3. CSS3與版面布局
3-1 index.html(標題加上左邊框)
3-2 index2.html(position練習空檔)
3-3 index2.html(position:relative)
3-4 index2.html(position:relative+z-index 上下層)
3-5 index2.html(position:absolute)
3-6 index2.html(position:fixed)
3-7 index.html(兩欄式)
3-8 index3.html(用position來做三欄式)
3-9 index4.html(利用float做三欄式)
3-10 index.html(float兩欄式)
3-11 index.html(側邊作者欄+花邊)
4. 認識 BootStrap
4-1 bootstrap1.html 固定版面布局練習
4-2 bootstrap2.html 固定版面XOOPS布局練習
4-3 bootstrap2.html 流動版面XOOPS布局練習
4-4 bootstrap3.html 流動版面網頁排版練習
5. XOOPS佈景開發(上)
5-1 theme2014/index.html 基本頁面
5-2 theme2014/index.html 基本頁面+架構+justfont字型
5-3 css/style.css 主樣式表
5-4 theme2014/index.html 導覽列+XOOPS八區域+頁尾
5-5 theme2014/theme.html 樣板檔(大架構初步完成)
5-6 theme2014/xotpl/block.html (區塊樣板檔)
5-7 theme2014/css/xoops.css (XOOPS內容樣式表)
5-8 theme2014/xotpl/block_center.html (中間區塊樣板檔)
6. XOOPS佈景開發(下)
6-1 theme2014/theme.html 樣板檔(加入管理工具)
6-2 theme2014/xotpl/block.html (強化區塊樣板檔)
6-3 theme2014/xotpl/block_center.html (強化中間區塊樣板檔)
6-4 theme2014/css/xoops.css (XOOPS內容樣式表)
6-5 theme2014/css/style.css (主樣式表)
6-6 theme2014/modules/system/system_redirect.html 轉頁畫面
6-7 theme2014/language/tchinese_utf8/main.php
7. 打造可控制佈景
7-1 佈景結構參考
7-2 theme2014/theme.html (主佈景架構)
7-3 theme2014/theme.ini (佈景資訊檔)
7-4 theme2014/css/style.css
7-4 theme2014/config.php (佈景主設定檔)
7-5 theme2014/config2.php 額外設定
8. 進階佈景設計
8-1 theme2014/theme.html 主佈景架構
8-2 theme2014/language/tchinese_utf8/main.php 語系檔
9. 快速做出XOOPS佈景
9-1 themes/sailing_demo/theme.html
9-2 themes/sailing_demo/theme.ini
9-3 themes/sailing_demo/README
9-4 themes/sailing_demo/config.php
9-5 themes/sailing_demo/config2.php
9-6 themes/sailing_demo/templatemo_style.css (僅列修改部份)
9-5 themes/sailing_demo/config2.php
\[1031\]XOOPS佈景設計 ================= ``` 1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'theme_type_2'); //版面寬度[自],值:若bootstrap模式,最大值為 12,若 html 模式,則輸入預設版面寬度,如: 980 $config_enable['theme_width']=array('enable'=>0, 'min'=>'1' , 'max'=>'12' , 'require'=>1 , 'default'=>'940'); //內容區顏色[theme_type_x.html] $config_enable['base_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#FFFFFF'); //左區域顏色[theme_type_1.html] $config_enable['lb_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#F2F4FF'); //中區域顏色[theme_type_x.html] $config_enable['cb_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#FFFFFF'); //右區域顏色[theme_type_2~4.html] $config_enable['rb_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#F4F4F4'); //左區域寬度[theme_type_x.html],值:若 bootstrap 模式,最大值為 12,若 html 模式,則輸入預設左區域寬度,如: 220 $config_enable['lb_width']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'220'); //右區域寬度[theme_type_2~8.html],值:若 bootstrap 模式,最大值為 12,若 html 模式,則輸入預設右區域寬度,如: 220 $config_enable['rb_width']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'220'); //中左區塊寬度[無] $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'=>0, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'0'); //文字大小[theme_css.html] $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'); //文字顏色[theme_css.html] $config_enable['font_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#202020'); //連結顏色[theme_css.html] $config_enable['link_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#005ca8'); //移到連結顏色[theme_css.html] $config_enable['hover_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#a40019'); /* tabs-2 背景圖 */ $config_tabs[2]=0; //上傳背景圖[theme_css.html],值:可指定置於「themes/佈景/images/bg/」下的某一檔案名稱 $config_enable['bg_img']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'templatemo_body.jpg'); //背景顏色[theme_css.html] $config_enable['bg_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#CDEEFF'); //背景重複[theme_css.html],值: repeat (重複), repeat-x (水平重複), repeat-y (垂直重複), no-repeat (不重複) $config_enable['bg_repeat']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'repeat-x'); //背景模式[theme_css.html],值: scroll (捲動),fixed (固定) $config_enable['bg_attachment']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'scroll'); //背景位置[theme_css.html],值: 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.html],值:若bootstrap模式,最大值為 12,若 html 模式,則輸入預設佈景圖片寬度,如: 980 $config_enable['slide_width']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'940'); //佈景圖片高度[slideshow_responsive.html],值:數值,單位一律為 px $config_enable['slide_height']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'0'); //是否可上傳滑動圖片[slideshow_responsive.html] $config_enable['use_slide']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'1'); /* tabs-4 logo圖 */ $config_tabs[4]=1; // 上傳logo圖[logo.html],值:可指定置於「themes/佈景/images/logo/」下的某一檔案名稱 $config_enable['logo_img']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); //logo圖位置[logo.html],值: slide (在滑動圖文上), page (在頁面上) $config_enable['logo_position']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'page'); //Logo離上方距離[logo.html],值:數值,單位一律為 px $config_enable['logo_top']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); //Logo離右邊距離[logo.html],值:數值,單位一律為 px $config_enable['logo_right']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); //Logo離下方距離[logo.html],值:數值,單位一律為 px $config_enable['logo_bottom']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); //Logo離左邊距離[logo.html],值:數值,單位一律為 px $config_enable['logo_left']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); /* tabs-5 區塊標題列 */ $config_tabs[5]=1; //區塊標題文字大小[theme_css_blocks.html],值:數值含單位 $config_enable['bt_text_size']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'1.5em'); //區塊標題縮排[theme_css_blocks.html],值:數值,單位一律為 px $config_enable['bt_text_padding']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'0'); //區塊標題文字顏色[theme_css_blocks.html] $config_enable['bt_text']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#6bbdff'); //區塊標題背景顏色[theme_css_blocks.html] $config_enable['bt_bg_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'transparent'); //區塊標題圓角設定[theme_css_blocks.html],值: 1 (圓角), 0 (直角) $config_enable['bt_radius']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'1'); //區塊標題設定按鈕[theme_css_blocks.html],值: right (右), left (左) $config_enable['block_config']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'right'); //區塊標題背景圖[theme_css_blocks.html] $config_enable['bt_bg_img']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'transparent'); //區塊標題背景重複[theme_css_blocks.html],值: 1 (重複), 0 (不重複) $config_enable['bt_bg_repeat']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'1'); //區塊整體樣式手動設定[theme_css_blocks.html],值: 1 (重複), 0 (不重複) $config_enable['block_style']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); //區塊標題區樣式手動設定[theme_css_blocks.html],值: 1 (重複), 0 (不重複) $config_enable['block_title_style']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'border:none;height:40px;line-height:40px;margin-bottom:10px;'); //區塊內容區樣式手動設定[theme_css_blocks.html],值: 1 (重複), 0 (不重複) $config_enable['block_content_style']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); /* tabs-6 導覽工具列 */ $config_tabs[6]=0; //導覽工具列位置[navbar.html],值: navbar-fixed-top (固定上方), navbar-fixed-bottom (固定下方), navbar-static-top (滑動圖片上方), navbar-static-bottom (滑動圖片下方), default (佈景預設值), not-use (不使用) $config_enable['navbar_pos']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'default'); //導覽工具列 漸層顏色(top)[theme_css_navbar.html] $config_enable['navbar_bg_top']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#54b4eb'); //導覽工具列 漸層顏色(bottom)[theme_css_navbar.html] $config_enable['navbar_bg_bottom']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#2fa4e7'); //導覽工具列 連結區塊底色[theme_css_navbar.html] $config_enable['navbar_hover']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#1684c2'); //上傳導覽列背景圖[navbar.html],值:可指定置於「themes/佈景/images/nav_bg/」下的某一檔案名稱 $config_enable['navbar_img']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); //導覽工具列 文字顏色[theme_css_navbar.html] $config_enable['navbar_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#FFFFFF'); //導覽工具列 文字移過顏色[theme_css_navbar.html] $config_enable['navbar_color_hover']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#FFFF00'); //導覽工具列 圖示顏色[navbar.html],值: icon-white (白色圖案), '' (黑色圖案) $config_enable['navbar_icon']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'icon-white'); // 上傳導覽列logo圖[navbar.html],值:可指定置於「themes/佈景/images/navlogo/」下的某一檔案名稱 $config_enable['navlogo_img']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>''); ?> ```
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
90
人線上 (
22
人在瀏覽
線上書籍
)
會員: 0
訪客: 90
更多…