Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「XOOPS佈景製作」目錄
MarkDown
4-3 css/blocks.css
1. 快速安裝XOOPS
1-1 XOOPS的外觀組成
2. 用網頁編輯器製作佈景基本網頁
3. 將樣板製作成XOOPS佈景樣板
4. 製作區塊樣板
4-1 xotpl/block.html
4-2 xotpl/block_center.html
4-3 css/blocks.css
4-4 css/style.css
4-5 theme.html
4-6 xotpl/block_right.html
5. 強化區塊樣板
6. 整合登入畫面及使用者選單至佈景中
6-1 theme.html
7. 修改轉頁畫面
8. 設定語系
9. 加入ajax或flash
10. 網站小圖
11. [補充] CSS基本概念
12. [補充]常用CSS語法
13. [下載]佈景範例
4-5 theme.html
XOOPS佈景製作 =========
@import url("blocks.css");
body { background-image: url(../img/bg.png); background-repeat: repeat-x; margin: 0px; padding: 0px;
font-size: 13px;
} #table\_1 { width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #table\_2 { width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .theme\_foot { font-size: 12px; color: #FFFFFF; width: 900px; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #theme\_head { width: 920px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
a { color: #323043; text-decoration: none; } a:hover{ color:#000000; background-color:#FFFF00; }
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
120
人線上 (
85
人在瀏覽
線上書籍
)
會員: 0
訪客: 120
更多…