Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「XOOPS佈景製作」目錄
MarkDown
4-4 css/style.css
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. [下載]佈景範例
4-6 xotpl/block_right.html
XOOPS佈景製作 ========= <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops\_langcode}>" lang="<{$xoops\_langcode}>"> <head> <!-- Assign Theme name --> <{assign var=theme\_name value=$xoTheme->folderName}> <!-- Title and meta --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="content-language" content="<{$xoops\_langcode}>" /> <meta http-equiv="content-type" content="text/html; charset=<{$xoops\_charset}>" /> <title><{$xoops\_sitename}><{if $xoops\_pagetitle !=''}> - <{$xoops\_pagetitle}><{/if}></title> <meta name="robots" content="<{$xoops\_meta\_robots}>" /> <meta name="keywords" content="<{$xoops\_meta\_keywords}>" /> <meta name="description" content="<{$xoops\_meta\_description}>" /> <meta name="rating" content="<{$xoops\_meta\_rating}>" /> <meta name="author" content="<{$xoops\_meta\_author}>" /> <meta name="copyright" content="<{$xoops\_meta\_copyright}>" /> <meta name="generator" content="XOOPS" /> <!-- Rss --> <link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" /> <!-- Favicon --> <link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" /> <link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" /> <!-- Sheet Css --> <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" /> <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/style.css}>" /> <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/xoops.css}>" /> <!-- customized header contents --> <{$xoops\_module\_header}> </head> <body> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" id="table\_1"> <tr> <td height="245" valign="top" background="<{xoImgUrl img/theme\_head.png}>"><table width="920" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="theme\_head"> <tr valign="top"> <td width="326" height="129"> </td> <td width="270"> </td> <td width="324"> </td> </tr> <tr valign="top"> <td>公佈欄</td> <td> </td> <td>登入區</td> </tr> </table></td> </tr> <tr> <td valign="top" background="<{xoImgUrl img/theme\_body.png}>"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0" id="table\_2"> <tr valign="top"> <td width="180"> <!--左區塊區--> <{foreach item=block from=$xoBlocks.canvas\_left}> <{includeq file="$theme\_name/xotpl/block.html"}> <{/foreach}> </td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td colspan="2"> <!-- 上中區塊 --> <{foreach item=block from=$xoBlocks.page\_topcenter}> <{includeq file="$theme\_name/xotpl/<span style="color: rgb(255, 0, 0);">block\_center.html</span>"}> <{/foreach}> </td> </tr> <tr valign="top"> <td> <!-- 上中左區塊 --> <{foreach item=block from=$xoBlocks.page\_topleft}> <{includeq file="$theme\_name/xotpl/<span style="color: rgb(255, 0, 0);">block\_center.html</span>"}> <{/foreach}> </td> <td> <!-- 上中右區塊 --> <{foreach item=block from=$xoBlocks.page\_topright}> <{includeq file="$theme\_name/xotpl/<span style="color: rgb(255, 0, 0);">block\_center.html</span>"}> <{/foreach}> </td> </tr> <tr valign="top"> <td colspan="2"> <!--主內容區--> <{$xoops\_contents}> </td> </tr> <tr valign="top"> <td> <!-- 下中左區塊 --> <{foreach item=block from=$xoBlocks.page\_bottomleft}> <{include file="$theme\_name/xotpl/<span style="color: rgb(255, 0, 0);">block\_center.html</span>"}> <{/foreach}> </td> <td> <!-- 下中右區塊 --> <{foreach item=block from=$xoBlocks.page\_bottomright}> <{include file="$theme\_name/xotpl/<span style="color: rgb(255, 0, 0);">block\_center.html</span>"}> <{/foreach}> </td> </tr> <tr valign="top"> <td colspan="2"> <!-- 下中區塊 --> <{if $xoBlocks.page\_bottomcenter}> <{foreach item=block from=$xoBlocks.page\_bottomcenter}> <{include file="$theme\_name/xotpl/<span style="color: rgb(255, 0, 0);">block\_center.html</span>"}> <{/foreach}> <{/if}> </td> </tr> </table></td> <td width="180"> <!--右區塊區--> <{foreach item=block from=$xoBlocks.canvas\_right}> <{includeq file="$theme\_name/xotpl/block.html"}> <{/foreach}> </td> </tr> </table></td> </tr> <tr> <td height="120" valign="top" background="<{xoImgUrl img/theme\_foot.png}>"><div class="theme\_foot"> <!--頁尾區--> <{$xoops\_footer}> </div></td> </tr> </table> </body> </html>
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
49
人線上 (
13
人在瀏覽
線上書籍
)
會員: 0
訪客: 49
更多…
4-4 css/style.css
