Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「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 新版佈景設計 ============ ``` <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書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
74
人線上 (
32
人在瀏覽
線上書籍
)
會員: 0
訪客: 74
更多…
6. beauty_class 佈景素材及範例原始碼
