:::
所有書籍
「XOOPS 新版佈景設計」目錄
MarkDown
3-3 版面布局設計
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
4. BootStrap入門
XOOPS 新版佈景設計 ============ ### 一、 CSS3圓角框設定 1. 整體:border-radius: 5px; 2. 上左:border-top-left-radius: 5px; 3. 上右:border-top-right-radius: 5px; 4. 下左:border-bottom-left-radius: 5px; 5. 下右:border-bottom-right-radius: 5px; 6. 基本上可以分開設定寬和高,亦可用%或各種css單位來顯示 ### 二、 一個效果各自表述:前綴詞 1. IE前綴詞:-ms- 2. FireFox前綴詞:-moz- 3. Opera前綴詞:-o- 4. chrome或safari:-webkit- ### 三、 box-shadow盒子陰影 1. box-shadow:none; 無陰影 2. box-shadow: 水平偏移 垂直偏移 模糊值 延伸值 顏色 inset; (除了模糊值外,其餘皆可負值) ### 四、 border-image花邊設定 ([花邊圖1](http://www.tad0616.net/uploads/tad_book3/file/border.png) ,[花邊圖2](http://www.tad0616.net/uploads/tad_book3/file/border.jpg)) 1. 搭配border:20px solid transparent;使用 2. border-image: 圖片來源 圖片切割範圍 背景圖片寬度 超界幅度 背景圖顯示方式 - (1) 圖片來源:用 url(圖片位置)來載入圖片,如url(images/border.png) - (2) 圖片切割範圍:將圖片以九宮格方式切開,其切割的寬高,如:27 即上右下左切用27x27去切割。若 27 13 則是上下用27切割,左右用13切割 - (3) 背景圖片寬度:預設為1,若是2表示用一張底圖放大成兩倍位置,由於同為數字,可能會和前面的切割範圍混淆,故加個 / 以區隔之。 - (4) 超界幅度:圖片在外框上的位置,若0則是從外框內部開始套用,越大就越往外。 - (5) 背景圖顯示方式:repeat(重複填滿)、stretch(拉長)、round(重複填滿並自動調整圖片,預設)
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
46
人線上 (
15
人在瀏覽
線上書籍
)
會員: 0
訪客: 46
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱(急救版)
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入