Diff
checker
文本
文本
圖像
文檔
Excel
文件夾
Legal
Enterprise
桌面版
定價
登入
下載 Diffchecker 桌面版
比較文本
尋找兩個文字檔案之間的差異
工具
歷史
即時編輯器
摺疊未變更行
關閉換行
檢視
拆分
統一
比對精度
智能
單詞
字符
語法突出顯示
選擇語法
忽略
文字轉換
前往第一個差異
編輯輸入
Diffchecker Desktop
執行Diffchecker最安全的方式。取得Diffchecker桌面應用程式:您的差異永遠不會離開您的電腦!
取得桌面版
Untitled diff
建立於
9 年前
差異永不過期
清除
匯出
分享
解釋
313 刪除
行
總計
刪除
字符
總計
刪除
要繼續使用此功能,請升級到
Diff
checker
Pro
查看價格
553 行
全部複製
95 新增
行
總計
新增
字符
總計
新增
要繼續使用此功能,請升級到
Diff
checker
Pro
查看價格
556 行
全部複製
<header id="header">
<header id="header">
<div id="top-header">
<div id="top-header">
<div id="site-infos">
<div id="site-infos">
複製
已複製
複製
已複製
<div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url(
'
{HEADER_LOGO}
'
);"# ENDIF #></div>
<div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url(
{HEADER_LOGO}
);"# ENDIF #></div>
<div id="site-name-container">
<div id="site-name-container">
複製
已複製
複製
已複製
<a id="site-name" href="{PATH_TO_ROOT}/">{@css
.
menu.site.title}</a>
<a id="site-name" href="{PATH_TO_ROOT}/">{@css
menu.site.title}</a>
<span id="site-slogan">{@css
.
menu.site.slogan}</span>
<span id="site-slogan">{@css
menu.site.slogan}</span>
</div>
</div>
</div>
</div>
<div id="top-header-content">
<div id="top-header-content">
複製
已複製
複製
已複製
<nav id="horizontal
_
scrolling
_
top" class="cssmenu cssmenu-horizontal">
<nav id="horizontal
-
scrolling
-
top" class="cssmenu cssmenu-horizontal">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#horizontal
_
scrolling
_
top").menumaker({ title: "{@css
.
menu.horizontal.top}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#horizontal
-
scrolling
-
top").menumaker({ title: "{@css
menu.horizontal.top}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
</div>
</div>
<div id="sub-header">
<div id="sub-header">
<div id="sub-header-content">
<div id="sub-header-content">
複製
已複製
複製
已複製
<nav id="horizontal
_
sub
_
header" class="cssmenu cssmenu-horizontal">
<nav id="horizontal
-
sub
-
header" class="cssmenu cssmenu-horizontal">
<ul class="level-0">
<ul class="level-0">
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/admin" title="{@css
.
menu.sub.admin}">{@css
.
menu.sub.admin}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/admin" title="{@css
menu.sub.admin}">{@css
menu.sub.admin}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#horizontal
_
sub
_
header").menumaker({ title: "{@css
.
menu.horizontal.sub.header}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#horizontal
-
sub
-
header").menumaker({ title: "{@css
menu.horizontal.sub.header}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</header>
</header>
<div id="global">
<div id="global">
<aside id="menu-left">
<aside id="menu-left">
<div class="module-mini-container">
<div class="module-mini-container">
<div class="module-mini-top">
<div class="module-mini-top">
複製
已複製
複製
已複製
<h3>{@css
.
menu.vertical.scrolling}</h3>
<h3>{@css
menu.vertical.scrolling}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
複製
已複製
複製
已複製
<nav id="vertical
_
scrolling
_
left" class="cssmenu cssmenu-vertical cssmenu-left
">
<nav id="vertical
-
scrolling
-
left" class="cssmenu cssmenu-vertical cssmenu-left
cssmenu-with-submenu
">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#vertical
_
scrolling
_
left").menumaker({ title: "{@css
.
menu.vertical.scrolling.left}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#vertical
-
scrolling
-
left").menumaker({ title: "{@css
menu.vertical.scrolling.left}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="module-mini-bottom"></div>
<div class="module-mini-bottom"></div>
</div>
</div>
<div class="module-mini-container">
<div class="module-mini-container">
<div class="module-mini-top">
<div class="module-mini-top">
複製
已複製
複製
已複製
<h3>{@css
.
menu.vertical.img}</h3>
<h3>{@css
menu.vertical.img}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
複製
已複製
複製
已複製
<nav id="vertical
_
img" class="cssmenu cssmenu-vertical cssmenu-left">
<nav id="vertical
-
img" class="cssmenu cssmenu-vertical cssmenu-left">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">
<a class="cssmenu-title" href="#" title="{@css
menu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
.
menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
menu.element}" />
{@css
.
menu.element}
{@css
menu.element}
</a>
</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">
<a class="cssmenu-title" href="#" title="{@css
menu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
.
menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
menu.element}" />
{@css
.
menu.element}
{@css
menu.element}
</a>
</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">
<a class="cssmenu-title" href="#" title="{@css
menu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
.
menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
menu.element}" />
{@css
.
menu.element}
{@css
menu.element}
</a>
</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">
<a class="cssmenu-title" href="#" title="{@css
menu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
.
menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css
menu.element}" />
{@css
.
menu.element}
{@css
menu.element}
</a>
</a>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#vertical
_
img").menumaker({ title: "{@css
.
menu.vertical.img}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#vertical
-
img").menumaker({ title: "{@css
menu.vertical.img}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="module-mini-bottom"></div>
<div class="module-mini-bottom"></div>
</div>
</div>
</aside>
</aside>
<div id="main" class="main-with-left main-with-right" role="main">
<div id="main" class="main-with-left main-with-right" role="main">
<div id="top-content">
<div id="top-content">
複製
已複製
複製
已複製
<nav id="horizontal
_
scrolling" class="cssmenu cssmenu-horizontal">
<nav id="horizontal
-
scrolling" class="cssmenu cssmenu-horizontal">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#horizontal
_
scrolling").menumaker({ title: "{@css
.
menu.horizontal.scrolling}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#horizontal
-
scrolling").menumaker({ title: "{@css
menu.horizontal.scrolling}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div id="main-content">
<div id="main-content">
複製
已複製
複製
已複製
<menu id="sandbox
_
actionslinks" class="cssmenu cssmenu-right cssmenu-actionslinks">
<menu id="sandbox
-
actionslinks" class="cssmenu cssmenu-right cssmenu-actionslinks">
<ul class="level-0">
<ul class="level-0">
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.actionslinks.sandbox}">{@css
.
menu.actionslinks.sandbox}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.actionslinks.sandbox}">{@css
menu.actionslinks.sandbox}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox" title="{@css
.
menu.actionslinks.index}">{@css
.
menu.actionslinks.index}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox" title="{@css
menu.actionslinks.index}">{@css
menu.actionslinks.index}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/css" title="{@css
.
menu.actionslinks.css}">{@css
.
menu.actionslinks.css}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/css" title="{@css
menu.actionslinks.css}">{@css
menu.actionslinks.css}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
menu
" title="{@css
.
menu.actionslinks.
menu
}">{@css
.
menu.actionslinks.
menu
}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
bbcode
" title="{@css
menu.actionslinks.
css
}">{@css
menu.actionslinks.
bbcode
}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
icons
" title="{@css
.
menu.actionslinks.
icons
}">{@css
.
menu.actionslinks.
icons
}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
menu
" title="{@css
menu.actionslinks.
menu
}">{@css
menu.actionslinks.
menu
}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
table
" title="{@css
.
menu.actionslinks.
table
}">{@css
.
menu.actionslinks.
table
}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
icons
" title="{@css
menu.actionslinks.
icons
}">{@css
menu.actionslinks.
icons
}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
template
" title="{@css
.
menu.actionslinks.
template
}">{@css
.
menu.actionslinks.
template
}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/
table
" title="{@css
menu.actionslinks.
table
}">{@css
menu.actionslinks.
table
}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/mail" title="{@css
.
menu.actionslinks.mail}">{@css
.
menu.actionslinks.mail}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/mail" title="{@css
menu.actionslinks.mail}">{@css
menu.actionslinks.mail}</a>
</li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/template" title="{@cssmenu.actionslinks.template}">{@cssmenu.actionslinks.template}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</menu>
</menu>
複製
已複製
複製
已複製
<script>jQuery("#sandbox
_
actionslinks").menumaker({ title: "{@css
.
menu.actionslinks}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#sandbox
-
actionslinks").menumaker({ title: "{@css
menu.actionslinks}", format: "multitoggle", breakpoint: 768 }); </script>
<nav id="breadcrumb" itemprop="breadcrumb">
<nav id="breadcrumb" itemprop="breadcrumb">
<ol>
<ol>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
複製
已複製
複製
已複製
<a href="{PATH_TO_ROOT}/" title="{@css
.
menu.breadcrumb.index}" itemprop="url">
<a href="{PATH_TO_ROOT}/" title="{@css
menu.breadcrumb.index}" itemprop="url">
<span itemprop="title">{@css
.
menu.breadcrumb.index}</span>
<span itemprop="title">{@css
menu.breadcrumb.index}</span>
</a>
</a>
</li>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
複製
已複製
複製
已複製
<a href="{PATH_TO_ROOT}/sandbox" title="{@css
.
menu.breadcrumb.sandbox}" itemprop="url">
<a href="{PATH_TO_ROOT}/sandbox" title="{@css
menu.breadcrumb.sandbox}" itemprop="url">
<span itemprop="title">{@css
.
menu.breadcrumb.sandbox}</span>
<span itemprop="title">{@css
menu.breadcrumb.sandbox}</span>
</a>
</a>
</li>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
複製
已複製
複製
已複製
<span itemprop="title">{@css
.
menu.breadcrumb.cssmenu}</span>
<span itemprop="title">{@css
menu.breadcrumb.cssmenu}</span>
</li>
</li>
</ol>
</ol>
</nav>
</nav>
<br /><br />
<br /><br />
<div class="spacer"></div>
<div class="spacer"></div>
<header>
<header>
複製
已複製
複製
已複製
<h2>{@css
.
menu.h2}</h2>
<h2>{@css
menu.h2}</h2>
</header>
</header>
<article>
<article>
<div class="warning">
<div class="warning">
複製
已複製
複製
已複製
{@css
.
menu.
content
}
{@css
menu.
warning
}
</div>
</div>
複製
已複製
複製
已複製
{@
lorem.
ipsum}
<p>{@framework.
lorem.
large}</p
>
<br /><br /
>
<p>{@framework.
lorem.
medium}</p>
{@
lorem.
ipsum}
</article>
</article>
</div>
</div>
<div id="bottom-content">
<div id="bottom-content">
複製
已複製
複製
已複製
<nav id="sandbox
_
group" class="cssmenu cssmenu-group">
<nav id="sandbox
-
group" class="cssmenu cssmenu-group">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
複製
已複製
複製
已複製
<li
>
<li
class="current"
>
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#sandbox
_
group").menumaker({ title: "{@css
.
menu.group}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#sandbox
-
group").menumaker({ title: "{@css
menu.group}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
</div>
</div>
<aside id="menu-right">
<aside id="menu-right">
<div class="module-mini-container">
<div class="module-mini-container">
<div class="module-mini-top">
<div class="module-mini-top">
複製
已複製
複製
已複製
<h3>{@css
.
menu.vertical.scrolling}</h3>
<h3>{@css
menu.vertical.scrolling}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
複製
已複製
複製
已複製
<nav id="vertical
_
scrolling
_
right" class="cssmenu cssmenu-vertical cssmenu-right
">
<nav id="vertical
-
scrolling
-
right" class="cssmenu cssmenu-vertical cssmenu-right
cssmenu-with-submenu
">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#vertical
_
scrolling
_
right").menumaker({ title: "{@css
.
menu.vertical.scrolling.right}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#vertical
-
scrolling
-
right").menumaker({ title: "{@css
menu.vertical.scrolling.right}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="module-mini-bottom"></div>
<div class="module-mini-bottom"></div>
</div>
</div>
</aside>
</aside>
</div>
</div>
複製
已複製
複製
已複製
<div id="top-footer">
<nav id="sandbox_static" class="cssmenu cssmenu-static">
<ul class="level-0">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<ul class="level-1">
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
</ul>
</li>
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<ul class="level-1">
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
</ul>
</li>
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<ul class="level-1">
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
</ul>
</li>
</ul>
</nav>
<script>jQuery("#sandbox_static").menumaker({ title: "{@css.menu.static}", format: "multitoggle", breakpoint: 768, static: true }); </script>
</div>
<footer id="footer">
<footer id="footer">
複製
已複製
複製
已複製
<div id="top-footer">
<nav id="sandbox-static" class="cssmenu cssmenu-static">
<ul class="level-0">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</ul>
</li>
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</ul>
</li>
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</ul>
</li>
</ul>
</nav>
<script>jQuery("#sandbox-static").menumaker({ title: "{@cssmenu.static}", format: "multitoggle", breakpoint: 768, static: true }); </script>
</div>
<div class="footer-content">
<div class="footer-content">
複製
已複製
複製
已複製
<nav id="sandbox
_
static
_
footer" class="cssmenu cssmenu-static">
<nav id="sandbox
-
static
-
footer" class="cssmenu cssmenu-static">
<ul class="level-0">
<ul class="level-0">
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
複製
已複製
複製
已複製
<span class="cssmenu-title" href="#" title="{@css
.
menu.sub.element}">{@css
.
menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@css
menu.sub.element}">{@css
menu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
<li>
<li>
複製
已複製
複製
已複製
<a class="cssmenu-title" href="#" title="{@css
.
menu.element}">{@css
.
menu.element}</a>
<a class="cssmenu-title" href="#" title="{@css
menu.element}">{@css
menu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
複製
已複製
複製
已複製
<script>jQuery("#sandbox
_
static
_
footer").menumaker({ title: "{@css
.
menu.static.footer}", format: "multitoggle", breakpoint: 768, static: true }); </script>
<script>jQuery("#sandbox
-
static
-
footer").menumaker({ title: "{@css
menu.static.footer}", format: "multitoggle", breakpoint: 768, static: true }); </script>
</div>
</div>
</footer>
</footer>
已保存差異
原始文本
開啟檔案
<header id="header"> <div id="top-header"> <div id="site-infos"> <div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url('{HEADER_LOGO}');"# ENDIF #></div> <div id="site-name-container"> <a id="site-name" href="{PATH_TO_ROOT}/">{@css.menu.site.title}</a> <span id="site-slogan">{@css.menu.site.slogan}</span> </div> </div> <div id="top-header-content"> <nav id="horizontal_scrolling_top" class="cssmenu cssmenu-horizontal"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#horizontal_scrolling_top").menumaker({ title: "{@css.menu.horizontal.top}", format: "multitoggle", breakpoint: 768 }); </script> </div> </div> <div id="sub-header"> <div id="sub-header-content"> <nav id="horizontal_sub_header" class="cssmenu cssmenu-horizontal"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/admin" title="{@css.menu.sub.admin}">{@css.menu.sub.admin}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </nav> <script>jQuery("#horizontal_sub_header").menumaker({ title: "{@css.menu.horizontal.sub.header}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="spacer"></div> </div> <div class="spacer"></div> </header> <div id="global"> <aside id="menu-left"> <div class="module-mini-container"> <div class="module-mini-top"> <h3>{@css.menu.vertical.scrolling}</h3> </div> <div class="module-mini-contents"> <nav id="vertical_scrolling_left" class="cssmenu cssmenu-vertical cssmenu-left"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#vertical_scrolling_left").menumaker({ title: "{@css.menu.vertical.scrolling.left}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="module-mini-bottom"></div> </div> <div class="module-mini-container"> <div class="module-mini-top"> <h3>{@css.menu.vertical.img}</h3> </div> <div class="module-mini-contents"> <nav id="vertical_img" class="cssmenu cssmenu-vertical cssmenu-left"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" /> {@css.menu.element} </a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" /> {@css.menu.element} </a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" /> {@css.menu.element} </a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" /> {@css.menu.element} </a> </li> </ul> </nav> <script>jQuery("#vertical_img").menumaker({ title: "{@css.menu.vertical.img}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="module-mini-bottom"></div> </div> </aside> <div id="main" class="main-with-left main-with-right" role="main"> <div id="top-content"> <nav id="horizontal_scrolling" class="cssmenu cssmenu-horizontal"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#horizontal_scrolling").menumaker({ title: "{@css.menu.horizontal.scrolling}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div id="main-content"> <menu id="sandbox_actionslinks" class="cssmenu cssmenu-right cssmenu-actionslinks"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.actionslinks.sandbox}">{@css.menu.actionslinks.sandbox}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox" title="{@css.menu.actionslinks.index}">{@css.menu.actionslinks.index}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/css" title="{@css.menu.actionslinks.css}">{@css.menu.actionslinks.css}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/menu" title="{@css.menu.actionslinks.menu}">{@css.menu.actionslinks.menu}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/icons" title="{@css.menu.actionslinks.icons}">{@css.menu.actionslinks.icons}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/table" title="{@css.menu.actionslinks.table}">{@css.menu.actionslinks.table}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/template" title="{@css.menu.actionslinks.template}">{@css.menu.actionslinks.template}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/mail" title="{@css.menu.actionslinks.mail}">{@css.menu.actionslinks.mail}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </menu> <script>jQuery("#sandbox_actionslinks").menumaker({ title: "{@css.menu.actionslinks}", format: "multitoggle", breakpoint: 768 }); </script> <nav id="breadcrumb" itemprop="breadcrumb"> <ol> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="{PATH_TO_ROOT}/" title="{@css.menu.breadcrumb.index}" itemprop="url"> <span itemprop="title">{@css.menu.breadcrumb.index}</span> </a> </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="{PATH_TO_ROOT}/sandbox" title="{@css.menu.breadcrumb.sandbox}" itemprop="url"> <span itemprop="title">{@css.menu.breadcrumb.sandbox}</span> </a> </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <span itemprop="title">{@css.menu.breadcrumb.cssmenu}</span> </li> </ol> </nav> <br /><br /> <div class="spacer"></div> <header> <h2>{@css.menu.h2}</h2> </header> <article> <div class="warning"> {@css.menu.content} </div> {@lorem.ipsum} <br /><br /> {@lorem.ipsum} </article> </div> <div id="bottom-content"> <nav id="sandbox_group" class="cssmenu cssmenu-group"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </nav> <script>jQuery("#sandbox_group").menumaker({ title: "{@css.menu.group}", format: "multitoggle", breakpoint: 768 }); </script> </div> </div> <aside id="menu-right"> <div class="module-mini-container"> <div class="module-mini-top"> <h3>{@css.menu.vertical.scrolling}</h3> </div> <div class="module-mini-contents"> <nav id="vertical_scrolling_right" class="cssmenu cssmenu-vertical cssmenu-right"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#vertical_scrolling_right").menumaker({ title: "{@css.menu.vertical.scrolling.right}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="module-mini-bottom"></div> </div> </aside> </div> <div id="top-footer"> <nav id="sandbox_static" class="cssmenu cssmenu-static"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#sandbox_static").menumaker({ title: "{@css.menu.static}", format: "multitoggle", breakpoint: 768, static: true }); </script> </div> <footer id="footer"> <div class="footer-content"> <nav id="sandbox_static_footer" class="cssmenu cssmenu-static"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#sandbox_static_footer").menumaker({ title: "{@css.menu.static.footer}", format: "multitoggle", breakpoint: 768, static: true }); </script> </div> </footer>
更改後文本
開啟檔案
<header id="header"> <div id="top-header"> <div id="site-infos"> <div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url({HEADER_LOGO});"# ENDIF #></div> <div id="site-name-container"> <a id="site-name" href="{PATH_TO_ROOT}/">{@cssmenu.site.title}</a> <span id="site-slogan">{@cssmenu.site.slogan}</span> </div> </div> <div id="top-header-content"> <nav id="horizontal-scrolling-top" class="cssmenu cssmenu-horizontal"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#horizontal-scrolling-top").menumaker({ title: "{@cssmenu.horizontal.top}", format: "multitoggle", breakpoint: 768 }); </script> </div> </div> <div id="sub-header"> <div id="sub-header-content"> <nav id="horizontal-sub-header" class="cssmenu cssmenu-horizontal"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/admin" title="{@cssmenu.sub.admin}">{@cssmenu.sub.admin}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </nav> <script>jQuery("#horizontal-sub-header").menumaker({ title: "{@cssmenu.horizontal.sub.header}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="spacer"></div> </div> <div class="spacer"></div> </header> <div id="global"> <aside id="menu-left"> <div class="module-mini-container"> <div class="module-mini-top"> <h3>{@cssmenu.vertical.scrolling}</h3> </div> <div class="module-mini-contents"> <nav id="vertical-scrolling-left" class="cssmenu cssmenu-vertical cssmenu-left cssmenu-with-submenu"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#vertical-scrolling-left").menumaker({ title: "{@cssmenu.vertical.scrolling.left}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="module-mini-bottom"></div> </div> <div class="module-mini-container"> <div class="module-mini-top"> <h3>{@cssmenu.vertical.img}</h3> </div> <div class="module-mini-contents"> <nav id="vertical-img" class="cssmenu cssmenu-vertical cssmenu-left"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" /> {@cssmenu.element} </a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" /> {@cssmenu.element} </a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" /> {@cssmenu.element} </a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}"> <img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" /> {@cssmenu.element} </a> </li> </ul> </nav> <script>jQuery("#vertical-img").menumaker({ title: "{@cssmenu.vertical.img}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="module-mini-bottom"></div> </div> </aside> <div id="main" class="main-with-left main-with-right" role="main"> <div id="top-content"> <nav id="horizontal-scrolling" class="cssmenu cssmenu-horizontal"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#horizontal-scrolling").menumaker({ title: "{@cssmenu.horizontal.scrolling}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div id="main-content"> <menu id="sandbox-actionslinks" class="cssmenu cssmenu-right cssmenu-actionslinks"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.actionslinks.sandbox}">{@cssmenu.actionslinks.sandbox}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox" title="{@cssmenu.actionslinks.index}">{@cssmenu.actionslinks.index}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/css" title="{@cssmenu.actionslinks.css}">{@cssmenu.actionslinks.css}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/bbcode" title="{@cssmenu.actionslinks.css}">{@cssmenu.actionslinks.bbcode}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/menu" title="{@cssmenu.actionslinks.menu}">{@cssmenu.actionslinks.menu}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/icons" title="{@cssmenu.actionslinks.icons}">{@cssmenu.actionslinks.icons}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/table" title="{@cssmenu.actionslinks.table}">{@cssmenu.actionslinks.table}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/mail" title="{@cssmenu.actionslinks.mail}">{@cssmenu.actionslinks.mail}</a> </li> <li> <a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/template" title="{@cssmenu.actionslinks.template}">{@cssmenu.actionslinks.template}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </menu> <script>jQuery("#sandbox-actionslinks").menumaker({ title: "{@cssmenu.actionslinks}", format: "multitoggle", breakpoint: 768 }); </script> <nav id="breadcrumb" itemprop="breadcrumb"> <ol> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="{PATH_TO_ROOT}/" title="{@cssmenu.breadcrumb.index}" itemprop="url"> <span itemprop="title">{@cssmenu.breadcrumb.index}</span> </a> </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="{PATH_TO_ROOT}/sandbox" title="{@cssmenu.breadcrumb.sandbox}" itemprop="url"> <span itemprop="title">{@cssmenu.breadcrumb.sandbox}</span> </a> </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <span itemprop="title">{@cssmenu.breadcrumb.cssmenu}</span> </li> </ol> </nav> <br /><br /> <div class="spacer"></div> <header> <h2>{@cssmenu.h2}</h2> </header> <article> <div class="warning"> {@cssmenu.warning} </div> <p>{@framework.lorem.large}</p> <p>{@framework.lorem.medium}</p> </article> </div> <div id="bottom-content"> <nav id="sandbox-group" class="cssmenu cssmenu-group"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="current"> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </nav> <script>jQuery("#sandbox-group").menumaker({ title: "{@cssmenu.group}", format: "multitoggle", breakpoint: 768 }); </script> </div> </div> <aside id="menu-right"> <div class="module-mini-container"> <div class="module-mini-top"> <h3>{@cssmenu.vertical.scrolling}</h3> </div> <div class="module-mini-contents"> <nav id="vertical-scrolling-right" class="cssmenu cssmenu-vertical cssmenu-right cssmenu-with-submenu"> <ul class="level-0"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-2"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-3"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#vertical-scrolling-right").menumaker({ title: "{@cssmenu.vertical.scrolling.right}", format: "multitoggle", breakpoint: 768 }); </script> </div> <div class="module-mini-bottom"></div> </div> </aside> </div> <footer id="footer"> <div id="top-footer"> <nav id="sandbox-static" class="cssmenu cssmenu-static"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#sandbox-static").menumaker({ title: "{@cssmenu.static}", format: "multitoggle", breakpoint: 768, static: true }); </script> </div> <div class="footer-content"> <nav id="sandbox-static-footer" class="cssmenu cssmenu-static"> <ul class="level-0"> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> <li class="has-sub"> <span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span> <ul class="level-1"> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> <li> <a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a> </li> </ul> </li> </ul> </nav> <script>jQuery("#sandbox-static-footer").menumaker({ title: "{@cssmenu.static.footer}", format: "multitoggle", breakpoint: 768, static: true }); </script> </div> </footer>
尋找差異