:::
所有書籍
「[1031]XOOPS佈景設計」目錄
MarkDown
7-4 theme2014/css/style.css
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 (僅列修改部份)
7-5 theme2014/config2.php 額外設定
\[1031\]XOOPS佈景設計 ================= ``` <pre class="brush:php;highlight:[121,123,125];"> <?php //佈景種類是否可自訂 $theme_change=0; //預設佈景種類 bootstrap or html $theme_kind='html'; /* tabs-1 版面基礎設定 */ $config_tabs[1]=1; //版面類型[自],值: theme_type_1 ~ theme_type_8 $config_enable['theme_type']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'theme_type_2'); //版面寬度[自],值:若bootstrap模式,最大值為 12,若 html 模式,則輸入預設版面寬度,如: 980 $config_enable['theme_width']=array('enable'=>0, 'min'=>'960' , 'max'=>'960' , 'require'=>1 , 'default'=>'960'); //內容區顏色[theme_type_x.html] $config_enable['base_color']=array('enable'=>0, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'transparent'); //左區域顏色[theme_type_1.html] $config_enable['lb_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'transparent'); //中區域顏色[theme_type_x.html] $config_enable['cb_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'transparent'); //右區域顏色[theme_type_2~4.html] $config_enable['rb_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'transparent'); //左區域寬度[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'=>'dot.jpg'); //背景顏色[theme_css.html] $config_enable['bg_color']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'#FFFFFF'); //背景重複[theme_css.html],值: repeat (重複), repeat-x (水平重複), repeat-y (垂直重複), no-repeat (不重複) $config_enable['bg_repeat']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'repeat'); //背景模式[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'=>'left top'); /* tabs-3 滑動圖片 */ $config_tabs[3]=0; //佈景圖片寬度[slideshow_responsive.html],值:若bootstrap模式,最大值為 12,若 html 模式,則輸入預設佈景圖片寬度,如: 980 $config_enable['slide_width']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'12'); //佈景圖片高度[slideshow_responsive.html],值:數值,單位一律為 px $config_enable['slide_height']=array('enable'=>1, 'min'=>'' , 'max'=>'' , 'require'=>0 , 'default'=>'0'); /* tabs-4 logo圖 */ $config_tabs[4]=0; // 上傳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'=>'slide'); //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'=>'#8ECDDE'); //區塊標題背景顏色[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'=>''); //區塊標題背景重複[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書籍區
即時留言簿
書籍目錄
總目錄
1.HTML5入門
1-1「範例」index.html
2.HTML5 與 CSS3
2-1index.html(背景整合設定)
2-2index.html(多背景)
2-3index.html(標題文字外觀設定)
2-4index.html(頁內樣式)
2-5index.html(版面布局)
2-6index.html(完整版面布局)
2-7index.html(導覽列)
2-8index.html(完整導覽列)
3.CSS3與版面布局
3-1index.html(標題加上左邊框)
3-2index2.html(position練習空檔)
3-3index2.html(position:relative)
3-4index2.html(position:relative+z-index 上下層)
3-5index2.html(position:absolute)
3-6index2.html(position:fixed)
3-7index.html(兩欄式)
3-8index3.html(用position來做三欄式)
3-9index4.html(利用float做三欄式)
3-10index.html(float兩欄式)
3-11index.html(側邊作者欄+花邊)
4.認識 BootStrap
4-1bootstrap1.html 固定版面布局練習
4-2bootstrap2.html 固定版面XOOPS布局練習
4-3bootstrap2.html 流動版面XOOPS布局練習
4-4bootstrap3.html 流動版面網頁排版練習
5.XOOPS佈景開發(上)
5-1theme2014/index.html 基本頁面
5-2theme2014/index.html 基本頁面+架構+justfont字型
5-3css/style.css 主樣式表
5-4theme2014/index.html 導覽列+XOOPS八區域+頁尾
5-5theme2014/theme.html 樣板檔(大架構初步完成)
5-6theme2014/xotpl/block.html (區塊樣板檔)
5-7theme2014/css/xoops.css (XOOPS內容樣式表)
5-8theme2014/xotpl/block_center.html (中間區塊樣板檔)
6.XOOPS佈景開發(下)
6-1theme2014/theme.html 樣板檔(加入管理工具)
6-2theme2014/xotpl/block.html (強化區塊樣板檔)
6-3theme2014/xotpl/block_center.html (強化中間區塊樣板檔)
6-4theme2014/css/xoops.css (XOOPS內容樣式表)
6-5theme2014/css/style.css (主樣式表)
6-6theme2014/modules/system/system_redirect.html 轉頁畫面
6-7theme2014/language/tchinese_utf8/main.php
7.打造可控制佈景
7-1佈景結構參考
7-2theme2014/theme.html (主佈景架構)
7-3theme2014/theme.ini (佈景資訊檔)
7-4theme2014/css/style.css
7-4theme2014/config.php (佈景主設定檔)
7-5theme2014/config2.php 額外設定
8.進階佈景設計
8-1theme2014/theme.html 主佈景架構
8-2theme2014/language/tchinese_utf8/main.php 語系檔
9.快速做出XOOPS佈景
9-1themes/sailing_demo/theme.html
9-2themes/sailing_demo/theme.ini
9-3themes/sailing_demo/README
9-4themes/sailing_demo/config.php
9-5themes/sailing_demo/config2.php
9-6themes/sailing_demo/templatemo_style.css (僅列修改部份)
展開
|
闔起
線上使用者
28
人線上 (
6
人在瀏覽
線上書籍
)
會員: 0
訪客: 28
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱(急救版)
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入