Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「XOOPS 新版佈景設計」目錄
MarkDown
3-1 常用屬性
1. 關於XOOPS佈景
1-1 安裝各種輔助工具
2. HTML5入門
2-1 HTML表單（僅參考，不上）
3. CSS3入門
3-1 常用屬性
3-2 CSS盒狀模型
3-3 版面布局設計
3-4 CSS3 新功能（僅參考，不上）
4. BootStrap入門
4-1 BootStrap的版面布局
4-2 常用BootStrap效果
5. XOOPS佈景開發
5-1 XOOPS佈景開發
5-2 關於 config.php
5-3 關於 theme_css.html（佈景CSS設定）
5-4 滑動圖文
5-5 導覽列選單
5-6 logo 設定
5-7 進階佈景設計
5-8 關於 config2.php 額外設定
5-9 xoops內建的樣板標籤
5-10 區塊標題技法
6. beauty_class 佈景素材及範例原始碼
6-1 theme.html
6-2 css/style.css
6-3 theme.ini
6-4 config.php
6-5 config2.php
6-6 上方選單設定值
6-7 language/tchinese_utf8/main.php
6-8 xotpl/templatemo_slider.html
6-9 css/nivo-slider.css
7. white 佈景素材及範例原始碼
7-1 theme.html
7-2 css/style.css
7-3 theme.ini
7-4 README
7-5 config.php
7-6 config2.php
7-7 xotpl/contentslider.html
7-8 language/tchinese_utf8/main.php
3-3 版面布局設計
XOOPS 新版佈景設計 ============ ###  ### 一、 區塊<div>或段落<p>常用CSS設定 1. 尺寸：width:寬度px; height:高度px; （亦可用 80% 這樣的呈現方式） 2. 邊框：border: 1px solid #FF0000; （粗細 框線類型 顏色） 3. 外邊界：margin: 10px auto 20px auto（上 右 下 左）←就是順時針 4. 內間距：padding: 30px;（上 右 下 左） - (1) 凡是有上右下左的屬性，都可以分開寫。例如 border、margin、padding等屬性。 - (2) margin-top:10px; padding-bottom:15px; 1. 首行縮排：text-indent: 24px (亦可用%) 2. 大小寫：text-transform: capitalize (首字大寫) , uppercase(全大寫) ,lowercase(全小寫) 3. 擬元件（Pseudo-elements）建立一個抽象的網頁元件，例如「段落第一行」或者「段落第一個字」，而且也提供另一個方法來套用樣式到一個不存在的內容。（:before 及 :after）。 - (1) :first-letter 設定目標第一個字的樣式 - (2) :first-line 設定目標第一列字的樣式
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
42
人線上 (
9
人在瀏覽
線上書籍
)
會員: 0
訪客: 42
更多…
3-1 常用屬性
