:::
所有書籍
「XOOPS 新版佈景設計」目錄
MarkDown
6. beauty_class 佈景素材及範例原始碼
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
6-2 css/style.css
XOOPS 新版佈景設計 ============ ``` <pre class="brush:xml;highlight:[111];"> <html lang="<{$xoops_langcode}>"> <head> <!--將目前的資料夾名稱，設定為樣板標籤變數 theme_name--> <{assign var=theme_name value=$xoTheme->folderName}> <!--載入由使用者設定的各項佈景變數--> <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/get_var.html"}> <!-- 設定網站文字編碼 --> <meta charset="<{$xoops_charset}>"> <!-- 套用XOOPS中的網頁索引規則 --> <meta name="robots" content="<{$xoops_meta_robots}>" /> <!-- 套用XOOPS中的網站關鍵字設定 --> <meta name="keywords" content="<{$xoops_meta_keywords}>" /> <!-- 套用XOOPS中的網站描述設定 --> <meta name="description" content="<{$xoops_meta_description}>" /> <!-- 套用XOOPS中的網頁分級設定 --> <meta name="rating" content="<{$xoops_meta_rating}>" /> <!-- 套用XOOPS中的網站作者設定 --> <meta name="author" content="<{$xoops_meta_author}>" /> <!-- 套用XOOPS中的版權宣告 --> <meta name="copyright" content="<{$xoops_meta_copyright}>" /> <!-- 網站的編輯工具 --> <meta name="generator" content="XOOPS" /> <!-- 網站的標題及標語 --> <title><{$xoops_sitename}> - <{$xoops_pagetitle}></title> <!-- 網站的RSS連結，<{xoAppUrl}>代表網站網址 --> <link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" /> <!-- 網站圖示設定 --> <link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" /> <link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" /> <!-- 網站所需的外部樣式檔，<{xoImgUrl}> 代表佈景路徑，通常是[http://網址/themes/佈景名稱] --> <!-- XOOPS本身內建的樣式 --> <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}>" /> <!-- XOOPS中會用到的一些樣式 --> <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/xoops.css}>" /> <!-- Bootstrap 樣式表--> <link href="<{xoAppUrl modules/tadtools/bootstrap/css/bootstrap.css}>" rel="stylesheet" media="screen"> <!-- 給模組套用的樣板標籤 --> <{$xoops_module_header}> <!-- 局部套用的樣式，如果有載入完整樣式 theme_css.html 那就不需要這一部份 --> <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/theme_css.html"}> <style type="text/css"> body{ font-family: <{$font_family}>; background-size: cover; } #container{ margin: <{$margin_top}>px auto 0px auto; } #container_footer{ background-color: <{$footer_bgcolor}>; <{$footer_style}> } </style> <!-- 載入 jquery --> <script type='text/javascript'> if(typeof jQuery == 'undefined') { document.write("<script type='text/javascript' src='<{xoAppUrl modules/tadtools/jquery/jquery.js}>'><\/script>"); } </script> </head> <body> <!-- 導覽列 --> <div id="container_nav"> <!--{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/menu/menu.html"}--> <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/navbar.html"}> </div> <!-- id 屬性 --> <div id="container"> <div id="container_header"> <div class="row-fluid"> <div class="span5"> <{if $logo_img}> <a href="<{$xoops_url}>"><img src="<{$logo_img}>" alt="<{$xoops_sitename}>"></a> <{else}> <h1><a href="<{$xoops_url}>"><{$xoops_sitename}></a></h1> <{/if}> </div> <div class="span7"> <ul id="head_menu"> <{foreach from=$topmenu item=tm}> <li><a href="<{$tm.url}>" target="<{$tm.target}>"><{$tm.name}></a></li> <{/foreach}> </ul> </div> </div> </div> <!--滑動圖片--> <div id="container_slide"> <{includeq file="$xoops_rootpath/themes/$theme_name/xotpl/templatemo_slider.html"}> </div> <!--跑馬燈--> <{if $marquee}> <marquee style="background-color:black;color:yellow;padding:6px 0px;"> <{$smarty.const.TF_MARQUEE_PREFIX}><{$marquee}> </marquee> <{/if}> <!--主內容區--> <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/$theme_type.html"}> </div> <div id="container_footer"> <{$xoops_footer}> </div> <!-- 載入 BootStrap所需的javascript --> <script src="<{xoAppUrl modules/tadtools/bootstrap/js/bootstrap.min.js}>"></script> <!-- 載入自訂的javascript --> <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/my_js.html"}> <!-- 是否顯示樣板變數資訊 --> <{if $show_var==1}> <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/show_var.html"}> <{/if}> </body> </html> ``` </body></html>
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
89
人線上 (
19
人在瀏覽
線上書籍
)
會員: 0
訪客: 89
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱（急救版）
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入
6. beauty_class 佈景素材及範例原始碼
