:::
所有書籍
「[1001]XOOPS網站門面專業設計」目錄
MarkDown
14-4 上課範例:block.html
1. 認識HTML、CSS
2. HTML基礎
3. 表格、圖片與版型
4. 連結、列表與組圖
4-1 上課範例
5. 認識HTML5
5-1 上課範例
6. 套用CSS
6-1 上課練習
7. CSS於區塊的應用
7-1 上課範例:index4.html
7-2 上課範例:style2.css
8. 表格、清單、超連結
8-1 上課範例:index4.html
8-2 上課範例:style2.css
9. CSS的位置控制
9-1 上課範例:index4.html
9-2 上課範例:style2.css
10-1 上課範例:index.html
10-2 上課範例:style.css
11. XOOPS佈景
11-1 需改造網站
12. 將網頁轉為樣板
12-1 上課範例:theme.html
12-2 上課範例:style.css
13. 整修、測試佈景
13-1 block.html
13-2 block_center.html
13-3 style.css
14. 線上修改樣板
14-1 上課範例:theme.html
14-2 上課範例:block_right.html
14-3 上課範例:style.css
14-4 上課範例:block.html
15. 實用CSS技巧
16. 樣板整合
16-1 上課範例:theme.html
16-2 上課範例:style.css
16-3 上課範例:block_right.html
16-4 上課範例:loginhtml
17. XOOPS佈景速成
18. 認識CSS Sprites
18-1 範例一:左半的圖
18-2 範例二:右半邊的圖
18-3 範例三:滑鼠移過切換(IE6相容版)
18-4 範例四:框出裡面的選項
18-5 範例五:完整版
16. 樣板整合
\[1001\]XOOPS網站門面專業設計 ===================== **一、強制縮圖** 1. 為避免使用者插入過大圖片,可利用CSS來將之強制縮圖! 2. div. className img { max-width: 500px; width:expression(this.width > 500? "500px" : this.width); overflow:hidden; } 3. div. className img中的500則是指定圖片寬度上限,超過此上限,會強制縮到500px,這樣就不用擔心被圖稱破版面了。 4. 「max-width」IE不支援,所以才用CSS Expression來讓IE縮放寬度 5. IE 8 版本在標準模式下,不再支援CSS Expression **二、強制縮字** 1. 由於網頁換行是根據空白來換行,因此,若輸入連續字母,將因為沒有空白而導致無法換行,因而撐破版面,此時可用下法來解決: 2. div. className { table-layout: fixed; word-wrap: break-word; width: 540px; overflow: hidden; } 3. 其中div. className 裡的540px代表您的評論內容最大寬度,裡面的文字若超過此大小會被強迫換行。 **三、文字陰影** 1. .blockTitle { font-size:16px; color:#000000; text-shadow: #cfcfcf 1px 1px 0px; filter: progid:DXImageTransform.Microsoft.Shadow (color="#cfcfcf", strength="3", direction="135"); } 2. text-shadow是CSS3屬性,僅IE不支援,四個署性質:水平位置、儲值位置、模糊程度、陰影顏色。 3. filter: progid:DXImageTransform.Microsoft.Shadow則是IE專用濾鏡,用來產生陰影效果。
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
563
人線上 (
220
人在瀏覽
線上書籍
)
會員: 0
訪客: 563
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱(急救版)
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入