Diff
checker
Texte
Texte
Images
Documents
Excel
Dossiers
Legal
Enterprise
Application de bureau
Prix
Se connecter
Télécharger Diffchecker Desktop
Comparer le texte
Trouver la différence entre deux fichiers texte
Outils
Historique
Éditeur live
Cacher identiques
Sans retour à la ligne
Vue
Divisé
Unifié
Niveau de précision
Intelligent
Mot
Caractère
Coloration syntaxique
Choisir la syntaxe
Ignorer
Transformer le texte
Aller au premier écart
Modifier l'entrée
Diffchecker Desktop
La façon la plus sécurisée d'utiliser Diffchecker. Obtenez l'application Diffchecker Desktop : vos diffs ne quittent jamais votre ordinateur !
Obtenir Desktop
Untitled diff
Créé
il y a 9 ans
Le diff n'expire jamais
Effacer
Exporter
Partager
Expliquer
313 suppressions
Lignes
Total
Supprimé
Caractères
Total
Supprimé
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
553 lignes
Copier tout
95 ajouts
Lignes
Total
Ajouté
Caractères
Total
Ajouté
Pour continuer à utiliser cette fonctionnalité, passez à
Diff
checker
Pro
Voir les prix
556 lignes
Copier tout
<header id="header">
<header id="header">
<div id="top-header">
<div id="top-header">
<div id="site-infos">
<div id="site-infos">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<h3>{@css
.
menu.vertical.scrolling}</h3>
<h3>{@css
menu.vertical.scrolling}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<h3>{@css
.
menu.vertical.img}</h3>
<h3>{@css
menu.vertical.img}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<h2>{@css
.
menu.h2}</h2>
<h2>{@css
menu.h2}</h2>
</header>
</header>
<article>
<article>
<div class="warning">
<div class="warning">
Copier
Copié
Copier
Copié
{@css
.
menu.
content
}
{@css
menu.
warning
}
</div>
</div>
Copier
Copié
Copier
Copié
{@
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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<h3>{@css
.
menu.vertical.scrolling}</h3>
<h3>{@css
menu.vertical.scrolling}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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">
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Copier
Copié
Copier
Copié
<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>
Différences enregistrées
Texte d'origine
Ouvrir un fichier
<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>
Texte modifié
Ouvrir un fichier
<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>
Trouver la différence