Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「XOOPS佈景製作」目錄
MarkDown
10. 網站小圖
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. [下載]佈景範例
12. [補充]常用CSS語法
XOOPS佈景製作 ========= **1. 關於CSS** (1) CSS的全名是Cascading Style Sheets,中文一般稱之為「串接樣式表」,是用來解決網頁外觀控制問題的方案。 (2) 所謂樣式(Styles)就是定義如何顯示HTML的元件,簡單講就是去定義網頁的外觀。 **2. CSS的三種用法** (1) 行內CSS
<div style="樣式屬性1:值1;樣式屬性2:值2;"></div>
(2) 內嵌CSS
<style type="text/css"> 樣式屬性1:值1; 樣式屬性2:值2; </style>
(3) 連結CSS
<link rel='stylesheet' type='text/css' media='screen' href='樣式表.css' >
**3. CSS挑選者(selector)** (1)標籤 <p> p {樣式屬性1:值1;樣式屬性2:值2;} (2)id <p id="new"> #new {樣式屬性1:值1;樣式屬性2:值2;} (3)class <p class="new"> .new {樣式屬性1:值1;樣式屬性2:值2;}
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
115
人線上 (
87
人在瀏覽
線上書籍
)
會員: 0
訪客: 115
更多…