Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[1031]XOOPS佈景設計」目錄
MarkDown
6-3 theme2014/xotpl/block_center.html (強化中間區塊樣板檔)
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 (僅列修改部份)
6-5 theme2014/css/style.css (主樣式表)
\[1031\]XOOPS佈景設計 ================= ``` body{ background-image: url(../images/templatemo_wrapper.jpg); background-position: center top; background-repeat: no-repeat; } #xoops_theme_container{ width: 960px; margin:0px auto; } #xoops_theme_head{ height:100px; } #site_name{ color:#fff; font-size: 2.5em; height:70px; line-height: 70px; font-weight: bold; text-shadow:1px 1px 2px #000; } #site_slogan{ color:rgb(255,255,255); color:rgba(255,255,255,0.5); font-size: 1.2em; height:30px; font-weight: bold; } #xoops_theme_navbar{ height:45px; margin: 0px; /* overflow: hidden; 請自行移除註解 */ } #xoops_theme_navbar li{ height:45px; line-height:45px; float: left; list-style-type: none; padding:0px 25px; background: transparent url(../images/templatemo_menu_divider.png) no-repeat right center; } #xoops_theme_navbar li > a{ color:#333; text-shadow:1px 1px 1px #fff; font-weight: bold; } #xoops_theme_navbar li > a:hover{ color:#fff; text-shadow:1px 1px 1px #333; text-decoration: none; } #xoops_theme_content{ min-height: 700px; } #xoops_theme_foot{ background-image: url(../images/templatemo_footer_wrapper.jpg); height: 85px; } #theme_foot{ width:960px; height: 85px; margin: 0px auto; background:rgba(255,255,255,0.5) url(../images/templatemo_footer.jpg); } #foot_content{ text-align:center; color:white; padding-top:15px; line-height: 2; font-size: 12px; } ```
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
84
人線上 (
9
人在瀏覽
線上書籍
)
會員: 0
訪客: 84
更多…