Diff
checker
Text
Text
Bilder
Dokumente
Excel
Ordner
Legal
Enterprise
Desktop-App
Preise
Einloggen
Diffchecker Desktop herunterladen
Texte vergleichen
Finde den Unterschied zwischen zwei Textdateien
Werkzeuge
Verlauf
Anzeige
Ansicht
Zweispaltig
Einspaltig
Live-Editor
Leerzeichen ausblenden
Gleiches ausblenden
Zeilenumbruch aus
Vergleichsgenauigkeit
Intelligent
Syntax
Keine
Darstellung ändern
Verarbeitung
Ignorieren
Text umwandeln
Zur ersten Änderung
Eingabe bearbeiten
Diffchecker Desktop
Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!
Desktop holen
Untitled diff
Erstellt
vor 9 Jahren
Diff läuft nie ab
Löschen
Exportieren
Teilen
Erklären
226 Entfernungen
Zeilen
Gesamt
Entfernt
Zeichen
Gesamt
Entfernt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
315 Zeilen
Kopieren
350 Hinzufügungen
Zeilen
Gesamt
Hinzugefügt
Zeichen
Gesamt
Hinzugefügt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
425 Zeilen
Kopieren
<section>
<section>
<header>
<header>
Kopieren
Kopiert
Kopieren
Kopiert
<h2>{@css.typography}</h2>
<h1>
{@module.title} - {@title.css}
# IF IS_ADMIN #
<span class="actions">
<a href="{PATH_TO_ROOT}/admin/menus/menus.php" title="Admin/menus">Admin/menus</a>
</span>
# ENDIF #
</h1>
</header>
</header>
Kopieren
Kopiert
Kopieren
Kopiert
<article>
<header>
<h2>
<span>{@css.page.title}</span>
<span class="actions">
<a href="#" class="fa fa-edit" title="{@css.edit}"></a>
<a href="#" class="fa fa-trash" title="{@css.delete}"></a>
</span>
</h2>
<div class="more">{@css.more}</div>
</header>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="content">
<div class="content">
Kopieren
Kopiert
Kopieren
Kopiert
<img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" alt="{@css.picture}" class="left" />
<img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" alt="{@css.picture}" class="right" />
<div>{@framework.lorem.large}</div>
</div>
</article>
<article class="content">
<div class="pbt-box-largest">
Text moved with changes from lines 165-179 (99.5% similarity)
<h4>{@css.options}</h4>
<div class="options">
<h6>{@css.options.sort_by}</h6>
<select>
<option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option>
<option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option>
<option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option>
<option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option>
<option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option>
</select>
<select>
<option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option>
<option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option>
</select>
</div>
{@framework.lorem.large}
</div>
</article>
<footer></footer>
</section>
Kopieren
Kopiert
Kopieren
Kopiert
<
h5
>{@css.title
s
}</
h5><br /
>
<section>
<div
class="content">
<header>
<
h2
>{@css.title
.typography
}</
h2>
</header
>
<article
class="content">
<div class="pbt-box-smallest">
<h4>{@css.titles}</h4>
<h1>h1. {@css.title} 1</h1>
<h1>h1. {@css.title} 1</h1>
<h2>h2. {@css.title} 2</h2>
<h2>h2. {@css.title} 2</h2>
<h3>h3. {@css.title} 3</h3>
<h3>h3. {@css.title} 3</h3>
<h4>h4. {@css.title} 4</h4>
<h4>h4. {@css.title} 4</h4>
<h5>h5. {@css.title} 5</h5>
<h5>h5. {@css.title} 5</h5>
Kopieren
Kopiert
Kopieren
Kopiert
<h6>h6. {@css.title} 6</h6>
<br />
<h6>h6. {@css.title} 6</h6>
</div>
</div>
<div class="
pbt-box-smallest">
<h5>{@css.specific_titles}</h5><br />
<
h4>{@css.title.sizes}</h4>
<div class="
content">
<span href="#"
class="
smaller
">{@css.
text.smaller}</span>
<br />
<
h2
class="
formatter-title
">{@css.
title} 1</h2>
<br />
<
span href="#"
class="
small
">{@css.
text.small}</span>
<br />
<
h3
class="
formatter-title
">{@css.
title} 2</h3>
<br />
<
span href="#"
class="
big
">{@css.
text.big}</span>
<br />
<
h4
class="
formatter-title
">{@css.
title} 3</h4>
<br />
<
span href="#"
class="
bigger
">{@css.
text.bigger}</span>
<br />
<
h5
class="
formatter-title
">{@css.
title} 4</h5><br />
<br />
<span href="#" class="biggest">{@css.text.biggest}</span>
</div>
</div>
<div class="pbt-box-smallest">
<
h5
>{@css.styles}</
h5><br />
<
h4
>{@css.styles}</
h4
>
<div class="content"
>
<strong>{@css.text_bold}</strong><br />
<strong>{@css.text_bold}</strong><br />
<em>{@css.text_italic}</em><br />
<em>{@css.text_italic}</em><br />
<span style="text-decoration: underline;">{@css.text_underline}</span><br />
<span style="text-decoration: underline;">{@css.text_underline}</span><br />
Kopieren
Kopiert
Kopieren
Kopiert
<strike>{@css.text_strike}</strike><br />
<br />
<strike>{@css.text_strike}</strike><br />
</div>
<a href="#" title="{@css.link}">{@css.link}</a>
<h5>{@css.sizes}</h5><br />
<div class="content">
<a href="#">{@css.link}</a> <br />
<a href="#" class="smaller">{@css.link_smaller}</a> <br />
<a href="#" class="small">{@css.link_small}</a> <br />
<a href="#" class="big">{@css.link_big}</a> <br />
<a href="#" class="bigger">{@css.link_bigger}</a> <br />
<a href="#" class="biggest">{@css.link_biggest}</a> <br /><br />
</div>
<h5>{@css.rank_color}</h5><br />
<div class="content">
<a href="#" class="admin">{@css.admin}</a> <br />
<a href="#" class="modo">{@css.modo}</a> <br />
<a href="#" class="member">{@css.member}</a> <br />
</div>
</div>
<div class="pbt-box-smallest">
<h4>{@css.rank_color}</h4>
<a href="#" class="admin" title="{@css.admin}">{@css.admin}</a> <br />
<a href="#" class="modo" title="{@css.modo}">{@css.modo}</a> <br />
<a href="#" class="member" title="{@css.member}">{@css.member}</a> <br />
</div>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
</article>
<footer></footer>
<footer></footer>
</section>
</section>
<section>
<section>
<header>
<header>
<h2>{@css.miscellaneous}</h2>
<h2>{@css.miscellaneous}</h2>
</header>
</header>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="content">
<article
class="content">
<h5>{@css.main_actions_icons}</h5><br />
<div class="content">
<ul>
<li>{@css.rss_feed} : <a href="#" class="fa fa-syndication"></a></li>
<li>{@css.edit} : <a href="#" class="fa fa-edit"></a></li>
<li>{@css.delete} : <a href="#" class="fa fa-delete"></a></li>
<li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element"></a></li>
<li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}"></a></li>
</ul>
</div>
<br />
<h5>{@css.lists}</h5><br />
<div
class="content">
<ul>
<li>{@css.element} 1</li>
Text moved with changes to lines 147-152 (98.5% similarity)
<li>{@css.element} 2</li>
<li>{@css.element} 3</li>
</ul>
<ol>
<li>{@css.element} 1</li>
Text moved to lines 158-160
<li>{@css.element} 2</li>
<li>{@css.element} 3</li>
</ol>
<ul class="formatter-ul">
<li class="formatter-li">{@css.element} bbcode 1</li>
<li class="formatter-li">{@css.element} bbcode 2</li>
<li class="formatter-li">{@css.element} bbcode 3</li>
</ul>
<ol class="formatter-ol">
<li class="formatter-li">{@css.element} bbcode 1</li>
<li class="formatter-li">{@css.element} bbcode 2</li>
<li class="formatter-li">{@css.element} bbcode 3</li>
</ol>
</div>
<br />
Kopieren
Kopiert
Kopieren
Kopiert
<
h5
>{@css.progress_bar}</
h5><br />
<div class="pbt-box-large">
<div class="content"
>
<
h4
>{@css.progress_bar}</
h4
>
<h6>25%</h6>
<h6>25%</h6>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="progressbar-container
" style="width:35%;
">
<div class="progressbar-container
">
<div class="progressbar-infos">25%</div>
<div class="progressbar-infos">25%</div>
<div class="progressbar" style="width:25%;"></div>
<div class="progressbar" style="width:25%;"></div>
</div><br />
</div><br />
<h6>50%</h6>
<h6>50%</h6>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="progressbar-container"
style="width:35%"
>
<div class="progressbar-container"
>
<div class="progressbar-infos">50%</div>
<div class="progressbar-infos">50%</div>
<div class="progressbar" style="width:50%"></div>
<div class="progressbar" style="width:50%"></div>
</div><br />
</div><br />
<h6>75%</h6>
<h6>75%</h6>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="progressbar-container"
style="width:35%"
>
<div class="progressbar-container"
>
<div class="progressbar-infos">75%</div>
<div class="progressbar-infos">75%</div>
<div class="progressbar" style="width:75%"></div>
<div class="progressbar" style="width:75%"></div>
</div><br />
</div><br />
<h6>100%</h6>
<h6>100%</h6>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="progressbar-container"
style="width:35%"
>
<div class="progressbar-container"
>
<div class="progressbar-infos">100%</div>
<div class="progressbar-infos">100%</div>
<div class="progressbar" style="width:100%"></div>
<div class="progressbar" style="width:100%"></div>
</div>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
</div>
<br />
</div>
<div class="pbt-box-small">
<h4>{@css.main_actions_icons}</h4>
<ul>
<li>{@css.rss_feed} : <a href="#" class="fa fa-syndication" title="{@css.rss_feed}"></a></li>
<li>{@css.edit} : <a href="#" class="fa fa-edit" title="{@css.edit}"></a></li>
<li>{@css.delete} : <a href="#" class="fa fa-delete" title="{@css.delete}"></a></li>
<li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element" title="{@css.delete.confirm}"></a></li>
<li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}" title="{@css.delete.confirm.custom}"></a></li>
</ul>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
<br />
<div class="pbt-box-small">
<h5>{@css.explorer}</h5>
<h4>{@css.lists}</h4>
<div class="content">
<ul>
<li>{@css.element} 1
<ul>
<li>{@css.element}</li>
<li>{@css.element}</li>
</ul>
</li>
Text moved with changes from lines 76-81 (98.5% similarity)
<li>{@css.element} 2</li>
<li>{@css.element} 3</li>
</ul>
<ol>
<li>{@css.element} 1
<ol>
<li>{@css.element}</li>
<li>{@css.element}</li>
</ol>
</li>
Text moved from lines 82-84
<li>{@css.element} 2</li>
<li>{@css.element} 3</li>
</ol>
</div>
<div class="pbt-box-large">
<h4>{@css.explorer}</h4>
<div class="explorer">
<div class="explorer">
<div class="cats">
<div class="cats">
<h2>{@css.explorer}</h2>
<h2>{@css.explorer}</h2>
<div class="content">
<div class="content">
<ul>
<ul>
Kopieren
Kopiert
Kopieren
Kopiert
<li><a id="class_0" href="#
"><i class="fa fa-folder"></i>{@css.root}</a>
<li><a id="class_0" href="#
" title="{@css.root}
"><i class="fa fa-folder"></i>{@css.root}</a>
<ul>
<ul>
Kopieren
Kopiert
Kopieren
Kopiert
<li class="sub"><a id="class_1" href="#"
><i class="fa fa-folder"></i>{@css.cat} 1</a><span id="cat_1"></span></li>
<li class="sub"><a id="class_1" href="#"
title="{@css.cat} 1"
><i class="fa fa-folder"></i>{@css.cat} 1</a><span id="cat_1"></span></li>
<li class="sub"><a class="parent" href="javascript:show_cat_contents(2, 0);
"><span class="fa fa-minus-square-o" id="img2_2"></span><span class="fa fa-folder-open" id ="img_2"></span></a><a class="selected" id="class_2" href="#"
>{@css.cat} 2</a>
<li class="sub"><a class="parent" href="javascript:show_cat_contents(2, 0);
" title="{@css.cat} 2
"><span class="fa fa-minus-square-o" id="img2_2"></span><span class="fa fa-folder-open" id ="img_2"></span></a><a class="selected" id="class_2" href="#"
title="{@css.cat} 2"
>{@css.cat} 2</a>
<span id="cat_2">
<span id="cat_2">
<ul>
<ul>
Kopieren
Kopiert
Kopieren
Kopiert
<li class="sub"><a href="#"><i class="fa fa-folder"
></i>{@css.cat} 3</a></li>
<li class="sub"><a href="#"><i class="fa fa-folder"
title="{@css.cat} 3"
></i>{@css.cat} 3</a></li>
<li class="sub"><a href="#"><i class="fa fa-folder"
></i>{@css.cat} 4</a></li>
<li class="sub"><a href="#"><i class="fa fa-folder"
title="{@css.cat} 4"
></i>{@css.cat} 4</a></li>
</ul>
</ul>
</span></li>
</span></li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<div class="files">
<div class="files">
<h2>{@css.tree}</h2>
<h2>{@css.tree}</h2>
<div class="content" id="cat_contents">
<div class="content" id="cat_contents">
<ul>
<ul>
Kopieren
Kopiert
Kopieren
Kopiert
<li><a href="#"
><i class="fa fa-folder"></i>{@css.cat} 3</a></li>
<li><a href="#"
title="{@css.cat} 3"
><i class="fa fa-folder"></i>{@css.cat} 3</a></li>
<li><a href="javascript:open_cat(2); show_cat_contents(0, 0);
"><i class="fa fa-folder"></i>{@css.cat} 4</a></li>
<li><a href="javascript:open_cat(2); show_cat_contents(0, 0);
" title="{@css.cat} 4
"><i class="fa fa-folder"></i>{@css.cat} 4</a></li>
<li><a href="#"
><i class="fa fa-file"></i>{@css.file} 1</a></li>
<li><a href="#"
title="{@css.file} 1"
><i class="fa fa-file"></i>{@css.file} 1</a></li>
<li><a href="#"
><i class="fa fa-file"></i>{@css.file} 2</a></li>
<li><a href="#"
title="{@css.file} 2"
><i class="fa fa-file"></i>{@css.file} 2</a></li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
<br/></br>
<div style="overflow: hidden;">
Text moved with changes to lines 31-45 (99.5% similarity)
<h5>{@css.options}</h5>
<div class="pbt-box-small center">
<div class="options">
<
h4
>{@css.button}</
h4
>
<h6>{@css.options.sort_by}</h6>
<select>
<option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option>
<option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option>
<option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option>
<option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option>
<option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option>
</select>
<select>
<option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option>
<option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option>
</select>
<
/div>
</div>
<br/></br>
<h5
>{@css.button}</
h5>
<div class="content center"
>
<button type="submit" class="button">{@css.button}</button>
<button type="submit" class="button">{@css.button}</button>
<button type="submit" class="button-hover">{@css.button} hover</button>
<button type="submit" class="button-hover">{@css.button} hover</button>
<button type="submit" class="button-active">{@css.button} active</button>
<button type="submit" class="button-active">{@css.button} active</button>
</div>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
<br />
<div class="
pbt-box-small
center">
<div class="
content
center">
<
h4
>{@css.button}
submit</h4
>
<
button type="submit" class="button-small"
>{@css.button}
small</button
>
<button type="submit" class="submit">{@css.button}
</button>
<button type="submit" class="submit">{@css.button}
submit
</button>
<button type="submit" class="
submit-hover
">{@css.button}
hover
</button>
<button type="submit" class="
basic-button
">{@css.button}
basic-button
</button>
<button type="submit" class="
submit-active
">{@css.button}
active
</button>
<button type="submit" class="
basic-button alt
">{@css.button}
basic-button.alt
</button>
</div>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
<br/></br>
<div class="pbt-box-small center">
<h5>{@css.sortable}</h5>
<h4>{@css.button.other}</h4>
<br/></br>
<button type="submit" class="button-small">{@css.button} .small</button>
<div class="content">
<button type="submit" class="basic-button">.basic-button</button>
<button type="submit" class="basic-button alt">.basic-button.alt</button>
</div>
<div class="pbt-box-largest">
<h4>{@css.sortable}</h4>
<ul class="sortable-block">
<ul class="sortable-block">
<li class="sortable-element">
<li class="sortable-element">
Kopieren
Kopiert
Kopieren
Kopiert
<div class="sortable-selector" title="
D�placer
"></div>
<div class="sortable-selector" title="
{@css.sortable.move}
"></div>
<div class="sortable-title">
<div class="sortable-title">
<span><a>{@css.static.sortable}</a></span>
<span><a>{@css.static.sortable}</a></span>
</div>
</div>
</li>
</li>
Gespeicherte Diffs
Originaltext
Datei öffnen
<section> <header> <h2>{@css.typography}</h2> </header> <div class="content"> <h5>{@css.titles}</h5><br /> <div class="content"> <h1>h1. {@css.title} 1</h1> <h2>h2. {@css.title} 2</h2> <h3>h3. {@css.title} 3</h3> <h4>h4. {@css.title} 4</h4> <h5>h5. {@css.title} 5</h5> <h6>h6. {@css.title} 6</h6><br /> </div> <h5>{@css.specific_titles}</h5><br /> <div class="content"> <h2 class="formatter-title">{@css.title} 1</h2><br /> <h3 class="formatter-title">{@css.title} 2</h3><br /> <h4 class="formatter-title">{@css.title} 3</h4><br /> <h5 class="formatter-title">{@css.title} 4</h5><br /><br /> </div> <h5>{@css.styles}</h5><br /> <div class="content"> <strong>{@css.text_bold}</strong><br /> <em>{@css.text_italic}</em><br /> <span style="text-decoration: underline;">{@css.text_underline}</span><br /> <strike>{@css.text_strike}</strike><br /><br /> </div> <h5>{@css.sizes}</h5><br /> <div class="content"> <a href="#">{@css.link}</a> <br /> <a href="#" class="smaller">{@css.link_smaller}</a> <br /> <a href="#" class="small">{@css.link_small}</a> <br /> <a href="#" class="big">{@css.link_big}</a> <br /> <a href="#" class="bigger">{@css.link_bigger}</a> <br /> <a href="#" class="biggest">{@css.link_biggest}</a> <br /><br /> </div> <h5>{@css.rank_color}</h5><br /> <div class="content"> <a href="#" class="admin">{@css.admin}</a> <br /> <a href="#" class="modo">{@css.modo}</a> <br /> <a href="#" class="member">{@css.member}</a> <br /> </div> </div> <footer></footer> </section> <section> <header> <h2>{@css.miscellaneous}</h2> </header> <div class="content"> <h5>{@css.main_actions_icons}</h5><br /> <div class="content"> <ul> <li>{@css.rss_feed} : <a href="#" class="fa fa-syndication"></a></li> <li>{@css.edit} : <a href="#" class="fa fa-edit"></a></li> <li>{@css.delete} : <a href="#" class="fa fa-delete"></a></li> <li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element"></a></li> <li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}"></a></li> </ul> </div> <br /> <h5>{@css.lists}</h5><br /> <div class="content"> <ul> <li>{@css.element} 1</li> <li>{@css.element} 2</li> <li>{@css.element} 3</li> </ul> <ol> <li>{@css.element} 1</li> <li>{@css.element} 2</li> <li>{@css.element} 3</li> </ol> <ul class="formatter-ul"> <li class="formatter-li">{@css.element} bbcode 1</li> <li class="formatter-li">{@css.element} bbcode 2</li> <li class="formatter-li">{@css.element} bbcode 3</li> </ul> <ol class="formatter-ol"> <li class="formatter-li">{@css.element} bbcode 1</li> <li class="formatter-li">{@css.element} bbcode 2</li> <li class="formatter-li">{@css.element} bbcode 3</li> </ol> </div> <br /> <h5>{@css.progress_bar}</h5><br /> <div class="content"> <h6>25%</h6> <div class="progressbar-container" style="width:35%;"> <div class="progressbar-infos">25%</div> <div class="progressbar" style="width:25%;"></div> </div><br /> <h6>50%</h6> <div class="progressbar-container" style="width:35%"> <div class="progressbar-infos">50%</div> <div class="progressbar" style="width:50%"></div> </div><br /> <h6>75%</h6> <div class="progressbar-container" style="width:35%"> <div class="progressbar-infos">75%</div> <div class="progressbar" style="width:75%"></div> </div><br /> <h6>100%</h6> <div class="progressbar-container" style="width:35%"> <div class="progressbar-infos">100%</div> <div class="progressbar" style="width:100%"></div> </div> </div><br /> <br /> <h5>{@css.explorer}</h5> <div class="content"> <div class="explorer"> <div class="cats"> <h2>{@css.explorer}</h2> <div class="content"> <ul> <li><a id="class_0" href="#"><i class="fa fa-folder"></i>{@css.root}</a> <ul> <li class="sub"><a id="class_1" href="#"><i class="fa fa-folder"></i>{@css.cat} 1</a><span id="cat_1"></span></li> <li class="sub"><a class="parent" href="javascript:show_cat_contents(2, 0);"><span class="fa fa-minus-square-o" id="img2_2"></span><span class="fa fa-folder-open" id ="img_2"></span></a><a class="selected" id="class_2" href="#">{@css.cat} 2</a> <span id="cat_2"> <ul> <li class="sub"><a href="#"><i class="fa fa-folder"></i>{@css.cat} 3</a></li> <li class="sub"><a href="#"><i class="fa fa-folder"></i>{@css.cat} 4</a></li> </ul> </span></li> </ul> </li> </ul> </div> </div> <div class="files"> <h2>{@css.tree}</h2> <div class="content" id="cat_contents"> <ul> <li><a href="#"><i class="fa fa-folder"></i>{@css.cat} 3</a></li> <li><a href="javascript:open_cat(2); show_cat_contents(0, 0);"><i class="fa fa-folder"></i>{@css.cat} 4</a></li> <li><a href="#"><i class="fa fa-file"></i>{@css.file} 1</a></li> <li><a href="#"><i class="fa fa-file"></i>{@css.file} 2</a></li> </ul> </div> </div> </div> </div> <br/></br> <div style="overflow: hidden;"> <h5>{@css.options}</h5> <div class="options"> <h6>{@css.options.sort_by}</h6> <select> <option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option> <option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option> <option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option> <option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option> <option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option> </select> <select> <option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option> <option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option> </select> </div> </div> <br/></br> <h5>{@css.button}</h5> <div class="content center"> <button type="submit" class="button">{@css.button}</button> <button type="submit" class="button-hover">{@css.button} hover</button> <button type="submit" class="button-active">{@css.button} active</button> </div> <br /> <div class="content center"> <button type="submit" class="button-small">{@css.button} small</button> <button type="submit" class="submit">{@css.button} submit</button> <button type="submit" class="basic-button">{@css.button} basic-button</button> <button type="submit" class="basic-button alt">{@css.button} basic-button.alt</button> </div> <br/></br> <h5>{@css.sortable}</h5> <br/></br> <div class="content"> <ul class="sortable-block"> <li class="sortable-element"> <div class="sortable-selector" title="D�placer"></div> <div class="sortable-title"> <span><a>{@css.static.sortable}</a></span> </div> </li> <li class="sortable-element dragged" style="position: relative;"> <div class="sortable-selector" title="D�placer"></div> <div class="sortable-title"> <span><a>{@css.moved.sortable}</a></span> </div> </li> <li> <div class="dropzone">{@css.dropzone}</div> </li> </ul> </div> </div> <footer></footer> </section> <section> <header> <h2>{@css.quote}, {@css.code}, {@css.hidden}</h2> </header> <div class="content"> <span class="formatter-blockquote">{@css.quote} :</span><div class="blockquote">Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.</div><br /> <span class="formatter-hide">{@css.hidden} :</span><div class="hide" onclick="bb_hide(this)"><div class="hide2">Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.</div></div><br /> <span class="formatter-code">{@css.code.php} :</span><div class="code"><pre style="display:inline;"><pre class="php" style="font-family:monospace;"><a href="http://www.php.net/%26amp%3Blt%3CSEMI%3E%3Fphp"><span style="color: #FF0000; font-weight: normal;"><?php</span></a> <span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">class</span> CategoriesCache <span style="color: #0000FF; font-weight: bold;">implements</span> CacheData <span style="color: #8000FF;">{</span> <span style="color: #0000FF; font-weight: bold;">private</span> <span style="color: #000080;">$categories</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> synchronize<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #000080;">$categories_cache</span> <span style="color: #8000FF;">=</span> <span style="color: #0000FF; font-weight: bold;">self</span><span style="color: #8000FF;">::</span><span style="color: #000000;">get_class</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #000080;">$category_class</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$categories_cache</span><span style="color: #8000FF;">-></span><span style="color: #000000;">get_category_class</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #000080;">$root_category</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$categories_cache</span><span style="color: #8000FF;">-></span><span style="color: #000000;">get_root_category</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-></span><span style="color: #000000;">categories</span><span style="color: #8000FF;">[</span>Category<span style="color: #8000FF;">::</span><span style="color: #000000;">ROOT_CATEGORY</span><span style="color: #8000FF;">]</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$root_category</span><span style="color: #8000FF;">;</span> <span style="color: #000080;">$result</span> <span style="color: #8000FF;">=</span> PersistenceContext<span style="color: #8000FF;">::</span><span style="color: #000000;">get_querier</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">-></span><span style="color: #000000;">select_rows</span><span style="color: #8000FF;">(</span><span style="color: #000080;">$categories_cache</span><span style="color: #8000FF;">-></span><span style="color: #000000;">get_table_name</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">,</span> <span style="color: #0000FF; font-weight: bold;">array</span><span style="color: #8000FF;">(</span><span style="color: #808080;">'*'</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">,</span> <span style="color: #808080;">'ORDER BY id_parent, c_order'</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">while</span> <span style="color: #8000FF;">(</span><span style="color: #000080;">$row</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$result</span><span style="color: #8000FF;">-></span><span style="color: #000000;">fetch</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #000080;">$category</span> <span style="color: #8000FF;">=</span> <span style="color: #0000FF; font-weight: bold;">new</span> <span style="color: #000080;">$category_class</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">-></span><span style="color: #000000;">set_properties</span><span style="color: #8000FF;">(</span><span style="color: #000080;">$row</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">if</span> <span style="color: #8000FF;">(</span><span style="color: #000080;">$category</span><span style="color: #8000FF;">-></span><span style="color: #000000;">auth_is_empty</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">-></span><span style="color: #000000;">set_authorizations</span><span style="color: #8000FF;">(</span><span style="color: #000080;">$root_category</span><span style="color: #8000FF;">-></span><span style="color: #000000;">get_authorizations</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-></span><span style="color: #000000;">categories</span><span style="color: #8000FF;">[</span><span style="color: #000080;">$row</span><span style="color: #8000FF;">[</span><span style="color: #808080;">'id'</span><span style="color: #8000FF;">]</span><span style="color: #8000FF;">]</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #8000FF;">}</span> <span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_table_name<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_category_class<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_module_identifier<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_root_category<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_categories<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-></span><span style="color: #000000;">categories</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_childrens<span style="color: #8000FF;">(</span><span style="color: #000080;">$id_category</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #000080;">$childrens</span> <span style="color: #8000FF;">=</span> <span style="color: #0000FF; font-weight: bold;">array</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">foreach</span> <span style="color: #8000FF;">(</span><span style="color: #000080;">$this</span><span style="color: #8000FF;">-></span><span style="color: #000000;">categories</span> <span style="color: #0000FF; font-weight: bold;">as</span> <span style="color: #000080;">$id</span> <span style="color: #8000FF;">=></span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #0000FF; font-weight: bold;">if</span> <span style="color: #8000FF;">(</span><span style="color: #000080;">$category</span><span style="color: #8000FF;">-></span><span style="color: #000000;">get_id_parent</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">==</span> <span style="color: #000080;">$id_category</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #000080;">$childrens</span><span style="color: #8000FF;">[</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">]</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #8000FF;">}</span> <span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #000080;">$childrens</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> category_exists<span style="color: #8000FF;">(</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #0000FF; font-weight: bold;">return</span> array_key_exists<span style="color: #8000FF;">(</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">,</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-></span><span style="color: #000000;">categories</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_category<span style="color: #8000FF;">(</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #0000FF; font-weight: bold;">if</span> <span style="color: #8000FF;">(</span><span style="color: #000080;">$this</span><span style="color: #8000FF;">-></span><span style="color: #000000;">category_exists</span><span style="color: #8000FF;">(</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-></span><span style="color: #000000;">categories</span><span style="color: #8000FF;">[</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">]</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> throw <span style="color: #0000FF; font-weight: bold;">new</span> CategoryNotFoundException<span style="color: #8000FF;">(</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #008000; font-style: italic;">/** * Loads and returns the categories cached data. * @return CategoriesCache The cached data */</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">static</span> <span style="color: #0000FF; font-weight: bold;">function</span> load<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #0000FF; font-weight: bold;">return</span> CacheManager<span style="color: #8000FF;">::</span><span style="color: #000000;">load</span><span style="color: #8000FF;">(</span>get_called_class<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">,</span> <span style="color: #0000FF; font-weight: bold;">self</span><span style="color: #8000FF;">::</span><span style="color: #000000;">get_class</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">-></span><span style="color: #000000;">get_module_identifier</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">,</span> <span style="color: #808080;">'categories'</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #008000; font-style: italic;">/** * Invalidates categories cached data. */</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">static</span> <span style="color: #0000FF; font-weight: bold;">function</span> invalidate<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> CacheManager<span style="color: #8000FF;">::</span><span style="color: #000000;">invalidate</span><span style="color: #8000FF;">(</span><span style="color: #0000FF; font-weight: bold;">self</span><span style="color: #8000FF;">::</span><span style="color: #000000;">get_class</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">-></span><span style="color: #000000;">get_module_identifier</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">,</span> <span style="color: #808080;">'categories'</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">static</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_class<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span> <span style="color: #8000FF;">{</span> <span style="color: #000080;">$class_name</span> <span style="color: #8000FF;">=</span> get_called_class<span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #0000FF; font-weight: bold;">new</span> <span style="color: #000080;">$class_name</span><span style="color: #8000FF;">(</span><span style="color: #8000FF;">)</span><span style="color: #8000FF;">;</span> <span style="color: #8000FF;">}</span> <span style="color: #8000FF;">}</span> <a href="http://www.php.net/%3F%26amp%3Bgt%3CSEMI%3E"><span style="color: #FF0000; font-weight: normal;">?></span></a></pre></pre></div><br /><br /> </div> <footer></footer> </section> <section> <header> <h2>{@css.pagination}</h2> </header> <div class="content"> <div class="center"># INCLUDE PAGINATION #</div> </div> <footer></footer> </section> <section> <header> <h2>{@css.table}</h2> </header> <div class="content"> <table id="table"> <caption> {@css.table_description} </caption> <thead> <tr> <th> <a href="#" class="fa fa-table-sort-up"></a> {@css.table.name} <a href="#" class="fa fa-table-sort-down"></a> </th> <th> {@css.table.description} </th> <th> {@css.table.author} </th> </tr> </thead> <tfoot> <tr> <th colspan="5"> # INCLUDE PAGINATION # </th> </tr> </tfoot> <tbody> <tr> <td> {@css.table.test} </td> <td> {@css.table.description} </td> <td> {@css.table.author} </td> </tr> <tr> <td> {@css.table.test} </td> <td> {@css.table.description} </td> <td> {@css.table.author} </td> </tr> <tr> <td> {@css.table.test} </td> <td> {@css.table.description} </td> <td> {@css.table.author} </td> </tr> </tbody> </table> <br /><br /> <h5>{@css.specific.table}</h5> <table class="formatter-table"> <tbody> <tr class="formatter-table-row"> <th class="formatter-table-head" colspan="2">{@css.table.header}</th> </tr> <tr class="formatter-table-row"> <td class="formatter-table-col">{@css.table.test}</td> <td class="formatter-table-col">{@css.table.description}</td> </tr> <tr class="formatter-table-row"> <td class="formatter-table-col">{@css.table.test}</td> <td class="formatter-table-col">{@css.table.description}</td> </tr> </tbody> </table> </div> <footer></footer> </section> <section> <header> <h2>{@css.messages_and_coms}</h2> </header> <div class="content"><br /> <div id="com2" class="message" itemscope="itemscope" itemtype="http://schema.org/Comment"> <div class="message-container"> <div class="message-user-infos"> <div class="message-pseudo"> <a itemprop="author" href="{PATH_TO_ROOT}/user/?url=/profile/1" class="admin">{@css.messages.login}</a> </div> <div class="message-level">{@css.messages.level}</div> <img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" class="message-avatar" alt="${LangLoader::get_message('avatar', 'user-common')}" /> </div> <div class="message-date"> <span class="actions"> <a itemprop="url" href="#com2">#2</a> <a href="#comments_message" class="fa fa-edit"></a> <a href="#comments_message" class="fa fa-delete" data-confirmation="delete-element"></a> </span> <span itemprop="datePublished" content="2013-09-05T15:37:01+00:00">{@css.messages.date}</span> </div> <div class="message-message"> <div itemprop="text" class="message-content" class="content">{@css.messages.content}</div> </div> </div> </div> </div> <footer></footer> </section> <br /> <section> <header> <h2>{@css.error_messages}</h2> </header> <div class="content"> # START messages # # INCLUDE messages.VIEW # # END messages # </div> <footer></footer> </section> <br /><hr><br /> <h2>{@css.page}</h2><br /> <section> <header> <h2>{@css.page.title}</h2> </header> <div class="content"> Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.<br/> <article> <header> <h2>{@css.page.subtitle}</h2> </header> <div class="content"> Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.<br/> <article> <header> <h3>{@css.page.subsubtitle}</h3> </header> <div class="content"> Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos. </div> <footer></footer> </article> </div> <footer></footer> </article> </div> <footer></footer> </section> <h2>{@css.blocks}</h2><br /> <section> <header> <h2>{@css.page.title}</h2> </header> <div class="content"> <article class="block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> Inpares parte deviis scirent diffuso petivere idem sed deviis documentis idem stataria omnia latrones undique. </div> <footer></footer> </article> </div> <footer></footer> </section> <h2>{@css.blocks.medium}</h2><br /> <section> <header> <h2>{@css.page.title}</h2> </header> <div class="content" style="overflow: hidden;"> <article class="medium-block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> Inpares parte deviis scirent diffuso petivere idem sed deviis documentis idem stataria omnia latrones undique. </div> <footer></footer> </article> <article class="medium-block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> Inpares parte deviis scirent diffuso petivere idem sed deviis documentis idem stataria omnia latrones undique. </div> <footer></footer> </article> </div> <footer></footer> </section> <h2>{@css.blocks.small}</h2><br /> <section> <header> <h2>{@css.page.title}</h2> </header> <div class="content" style="overflow: hidden;"> <article class="small-block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> Inpares parte deviis. </div> <footer></footer> </article> <article class="small-block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> Inpares parte deviis. </div> <footer></footer> </article> <article class="small-block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> Inpares parte deviis. </div> <footer></footer> </article> </div> <footer></footer> </section> <h2>{@wiki.module}</h2><br /> <section> <header></header> <div class="content" style="overflow: hidden;"> <article> <header> <h3>{@wiki.table.of.contents}</h3> </header> <div class="content"> # START wikimenu # <div class="wiki-summary"> <div class="wiki-summary-title">{@wiki.table.of.contents}</div> {wikimenu.MENU} </div> # END wikimenu # </div> <footer></footer> </article> <article> <header> <h3>{@wiki.contents}</h3> </header> <div class="content"> {WIKI_CONTENTS} </div> <footer></footer> </article> </div> <footer></footer> </section>
Bearbeitung
Datei öffnen
<section> <header> <h1> {@module.title} - {@title.css} # IF IS_ADMIN # <span class="actions"> <a href="{PATH_TO_ROOT}/admin/menus/menus.php" title="Admin/menus">Admin/menus</a> </span> # ENDIF # </h1> </header> <article> <header> <h2> <span>{@css.page.title}</span> <span class="actions"> <a href="#" class="fa fa-edit" title="{@css.edit}"></a> <a href="#" class="fa fa-trash" title="{@css.delete}"></a> </span> </h2> <div class="more">{@css.more}</div> </header> <div class="content"> <img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" alt="{@css.picture}" class="left" /> <img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" alt="{@css.picture}" class="right" /> <div>{@framework.lorem.large}</div> </div> </article> <article class="content"> <div class="pbt-box-largest"> <h4>{@css.options}</h4> <div class="options"> <h6>{@css.options.sort_by}</h6> <select> <option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option> <option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option> <option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option> <option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option> <option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option> </select> <select> <option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option> <option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option> </select> </div> {@framework.lorem.large} </div> </article> <footer></footer> </section> <section> <header> <h2>{@css.title.typography}</h2> </header> <article class="content"> <div class="pbt-box-smallest"> <h4>{@css.titles}</h4> <h1>h1. {@css.title} 1</h1> <h2>h2. {@css.title} 2</h2> <h3>h3. {@css.title} 3</h3> <h4>h4. {@css.title} 4</h4> <h5>h5. {@css.title} 5</h5> <h6>h6. {@css.title} 6</h6> </div> <div class="pbt-box-smallest"> <h4>{@css.title.sizes}</h4> <span href="#" class="smaller">{@css.text.smaller}</span> <br /> <span href="#" class="small">{@css.text.small}</span> <br /> <span href="#" class="big">{@css.text.big}</span> <br /> <span href="#" class="bigger">{@css.text.bigger}</span> <br /> <span href="#" class="biggest">{@css.text.biggest}</span> </div> <div class="pbt-box-smallest"> <h4>{@css.styles}</h4> <strong>{@css.text_bold}</strong><br /> <em>{@css.text_italic}</em><br /> <span style="text-decoration: underline;">{@css.text_underline}</span><br /> <strike>{@css.text_strike}</strike><br /> <a href="#" title="{@css.link}">{@css.link}</a> </div> <div class="pbt-box-smallest"> <h4>{@css.rank_color}</h4> <a href="#" class="admin" title="{@css.admin}">{@css.admin}</a> <br /> <a href="#" class="modo" title="{@css.modo}">{@css.modo}</a> <br /> <a href="#" class="member" title="{@css.member}">{@css.member}</a> <br /> </div> </article> <footer></footer> </section> <section> <header> <h2>{@css.miscellaneous}</h2> </header> <article class="content"> <div class="pbt-box-large"> <h4>{@css.progress_bar}</h4> <h6>25%</h6> <div class="progressbar-container"> <div class="progressbar-infos">25%</div> <div class="progressbar" style="width:25%;"></div> </div><br /> <h6>50%</h6> <div class="progressbar-container"> <div class="progressbar-infos">50%</div> <div class="progressbar" style="width:50%"></div> </div><br /> <h6>75%</h6> <div class="progressbar-container"> <div class="progressbar-infos">75%</div> <div class="progressbar" style="width:75%"></div> </div><br /> <h6>100%</h6> <div class="progressbar-container"> <div class="progressbar-infos">100%</div> <div class="progressbar" style="width:100%"></div> </div> </div> <div class="pbt-box-small"> <h4>{@css.main_actions_icons}</h4> <ul> <li>{@css.rss_feed} : <a href="#" class="fa fa-syndication" title="{@css.rss_feed}"></a></li> <li>{@css.edit} : <a href="#" class="fa fa-edit" title="{@css.edit}"></a></li> <li>{@css.delete} : <a href="#" class="fa fa-delete" title="{@css.delete}"></a></li> <li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element" title="{@css.delete.confirm}"></a></li> <li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}" title="{@css.delete.confirm.custom}"></a></li> </ul> </div> <div class="pbt-box-small"> <h4>{@css.lists}</h4> <ul> <li>{@css.element} 1 <ul> <li>{@css.element}</li> <li>{@css.element}</li> </ul> </li> <li>{@css.element} 2</li> <li>{@css.element} 3</li> </ul> <ol> <li>{@css.element} 1 <ol> <li>{@css.element}</li> <li>{@css.element}</li> </ol> </li> <li>{@css.element} 2</li> <li>{@css.element} 3</li> </ol> </div> <div class="pbt-box-large"> <h4>{@css.explorer}</h4> <div class="explorer"> <div class="cats"> <h2>{@css.explorer}</h2> <div class="content"> <ul> <li><a id="class_0" href="#" title="{@css.root}"><i class="fa fa-folder"></i>{@css.root}</a> <ul> <li class="sub"><a id="class_1" href="#" title="{@css.cat} 1"><i class="fa fa-folder"></i>{@css.cat} 1</a><span id="cat_1"></span></li> <li class="sub"><a class="parent" href="javascript:show_cat_contents(2, 0);" title="{@css.cat} 2"><span class="fa fa-minus-square-o" id="img2_2"></span><span class="fa fa-folder-open" id ="img_2"></span></a><a class="selected" id="class_2" href="#" title="{@css.cat} 2">{@css.cat} 2</a> <span id="cat_2"> <ul> <li class="sub"><a href="#"><i class="fa fa-folder" title="{@css.cat} 3"></i>{@css.cat} 3</a></li> <li class="sub"><a href="#"><i class="fa fa-folder" title="{@css.cat} 4"></i>{@css.cat} 4</a></li> </ul> </span></li> </ul> </li> </ul> </div> </div> <div class="files"> <h2>{@css.tree}</h2> <div class="content" id="cat_contents"> <ul> <li><a href="#" title="{@css.cat} 3"><i class="fa fa-folder"></i>{@css.cat} 3</a></li> <li><a href="javascript:open_cat(2); show_cat_contents(0, 0);" title="{@css.cat} 4"><i class="fa fa-folder"></i>{@css.cat} 4</a></li> <li><a href="#" title="{@css.file} 1"><i class="fa fa-file"></i>{@css.file} 1</a></li> <li><a href="#" title="{@css.file} 2"><i class="fa fa-file"></i>{@css.file} 2</a></li> </ul> </div> </div> </div> </div> <div class="pbt-box-small center"> <h4>{@css.button}</h4> <button type="submit" class="button">{@css.button}</button> <button type="submit" class="button-hover">{@css.button} hover</button> <button type="submit" class="button-active">{@css.button} active</button> </div> <div class="pbt-box-small center"> <h4>{@css.button} submit</h4> <button type="submit" class="submit">{@css.button}</button> <button type="submit" class="submit-hover">{@css.button} hover</button> <button type="submit" class="submit-active">{@css.button} active</button> </div> <div class="pbt-box-small center"> <h4>{@css.button.other}</h4> <button type="submit" class="button-small">{@css.button} .small</button> <button type="submit" class="basic-button">.basic-button</button> <button type="submit" class="basic-button alt">.basic-button.alt</button> </div> <div class="pbt-box-largest"> <h4>{@css.sortable}</h4> <ul class="sortable-block"> <li class="sortable-element"> <div class="sortable-selector" title="{@css.sortable.move}"></div> <div class="sortable-title"> <span><a>{@css.static.sortable}</a></span> </div> </li> <li class="sortable-element dragged" style="position: relative;"> <div class="sortable-selector" title="{@css.sortable.move}"></div> <div class="sortable-title"> <span><a>{@css.moved.sortable}</a></span> </div> </li> <li> <div class="dropzone">{@css.dropzone}</div> </li> </ul> </div> </article> <footer></footer> </section> <section> <header> <h2>{@css.pagination}</h2> </header> <article class="content"> <div class="pbt-box-largest center"># INCLUDE PAGINATION #</div> </article> <footer></footer> </section> <section> <header> <h2>{@css.table}</h2> </header> <article class="content"> <div class="pbt-box-largest"> <table id="table"> <caption> {@css.table.description} </caption> <thead> <tr> <th> <a href="#" class="fa fa-table-sort-up" title="{@css.table.sort.up}"></a> {@css.table.name} <a href="#" class="fa fa-table-sort-down" title="{@css.table.sort.down}"></a> </th> <th>{@css.table.description}</th> <th>{@css.table.author}</th> </tr> </thead> <tfoot> <tr> <th colspan="5"># INCLUDE PAGINATION #</th> </tr> </tfoot> <tbody> <tr> <td>{@css.table.test}</td> <td>{@css.table.description}</td> <td>{@css.table.author}</td> </tr> <tr> <td>{@css.table.test}</td> <td>{@css.table.description}</td> <td>{@css.table.author}</td> </tr> <tr> <td>{@css.table.test}</td> <td>{@css.table.description}</td> <td>{@css.table.author}</td> </tr> </tbody> </table> </div> </article> <footer></footer> </section> <section> <header> <h2>{@css.messages.and.coms}</h2> </header> <article class="content"> <div class="pbt-box-largest"> <div id="com2" class="message" itemscope="itemscope" itemtype="http://schema.org/Comment"> <div class="message-container"> <div class="message-user-infos"> <div class="message-pseudo"> <a itemprop="author" href="{PATH_TO_ROOT}/user/?url=/profile/1" class="admin" title="{@css.messages.login}">{@css.messages.login}</a> </div> <div class="message-level">{@css.messages.level}</div> <img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" class="message-avatar" alt="${LangLoader::get_message('avatar', 'user-common')}" /> </div> <div class="message-date"> <span class="actions"> <a itemprop="url" href="#com2" title="#2">#2</a> <a href="#comments_message" class="fa fa-edit" title="{@css.edit}"></a> <a href="#comments_message" class="fa fa-delete" data-confirmation="delete-element" title="{@css.delete.confirm}"></a> </span> <span itemprop="datePublished" content="2013-09-05T15:37:01+00:00">{@css.messages.date}</span> </div> <div class="message-message"> <div itemprop="text" class="message-content" class="content">{@css.messages.content}</div> </div> </div> </div> </div> </article> <footer></foot </section> <section> <header> <h2>{@css.alert.messages}</h2> </header> <article class="content"> <div class="pbt-box-largest"> # START messages # # INCLUDE messages.VIEW # # END messages # </div> </article> <footer></footer> </section> <section> <header> <h2>{@css.blocks}</h2> </header> <article class="content"> <h4>{@css.blocks.large}</h4> <div class="elements-container columns-1" style="overflow: hidden;"> <article class="block"> <header><h3>{@css.block.title}</h3></header> <div class="content"> {@framework.lorem.medium} </div> </article> </div> <h4>{@css.blocks.medium}</h4> <div class="elements-container columns-2" style="overflow: hidden;"> <article class="block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> {@framework.lorem.mini} </div> <footer></footer> </article> <article class="block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> {@framework.lorem.mini} </div> <footer></footer> </article> </div> <h4>{@css.blocks.small}</h4> <div class="elements-container columns-3" style="overflow: hidden;"> <article class="block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> {@framework.lorem.mini} </div> <footer></footer> </article> <article class="block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> {@framework.lorem.mini} </div> <footer></footer> </article> <article class="block"> <header> <h3>{@css.block.title}</h3> </header> <div class="content"> {@framework.lorem.mini} </div> <footer></footer> </article> </div> </article> <footer></footer> </section>
Unterschied finden