Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[1001]XOOPS網站門面專業設計」目錄
MarkDown
9-1 上課範例:index4.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 範例五:完整版
10-1 上課範例:index.html
\[1001\]XOOPS網站門面專業設計 ===================== /\* CSS Document \*/ body{ /\* background-image: url(../images/b.jpg); \*/ background-color: rgb(81,81,81); } #page{ width: 500px; border: 1px solid rgb(0,102,153); margin: 20px auto; padding: 25px 50px; background-image: url(../images/02-02-35.jpg); background-repeat: no-repeat; background-position: left top; background-color:rgb(255,255,255); } #title{ font-size: 20px; color: rgb(0,102,204); border-left: 10px solid rgb(153,204,0); padding: 5px 10px; } #content{ color: rgb(48,48,48); font-size:12px; line-height: 2; text-align: justify; margin: 0px 25px; } #info{ font-size:12px; line-height: 1.5; color:rgb(204,102,153); border: 1px dotted rgb(153,51,51); padding:10px; margin: 0px 25px; } table#tbl{ border-collapse: collapse; border: 1px solid rgb(51,51,51); margin:5px 0 20px; font-size:12px; line-height:150%; background-image: url(../images/cc.jpg); } table#tbl td , table#tbl th{ border: 1px solid rgb(51,51,51); padding: 4px 6px; } table#tbl tr.odd{ } table#tbl tr.even{ } table#tbl th{ white-space: nowrap; font-weight: normal; } table#tbl td{ } ul.list{ list-style: url(../images/b.png); } ul#menu li { list-style: none; } ul#menu li a { background-color: rgb(240,240,240); background-image: url(../images/b.png); background-repeat: no-repeat; background-position: 6px; padding: 3px 6px 3px 30px; float: left; border:1px dotted gray; margin-right: 4px; color:rgb(0,0,0); font-size:12px; text-decoration: none; } ul#menu li a:hover { color: rgb(255,255,255); background-color: rgb(80,80,80); border:1px solid rgb(176,176,176); background-image: url(../images/b2.png); background-position: 2px; } p{ text-indent: 24px; } p#first{ text-indent: 0px; } p#first:first-letter{ font-size: 36px; line-height: 24px; } [demo](http://www.tad0616.net/uploads/tad_book3/file/1001/tad2011(1).rar)
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
46
人線上 (
17
人在瀏覽
線上書籍
)
會員: 0
訪客: 46
更多…