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>
查找差异