Okay, dank tab schaut das jetzt so aus, und funktioniert.
ce_code_nowrap.html5:
Code:
<div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>
<?php $this->block('headline'); ?>
<?php if ($this->headline): ?>
<div class="nowrap"><p><?= $this->headline ?></p></div>
<?php endif; ?>
<div class="code-no-wrap">
<pre><code class="<?= $this->cssClass ?>"><?= $this->code ?></code></pre>
</div>
<?php $this->endblock(); ?>
</div>
ce_codewrapper.html5:
Code:
<div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>
<?php $this->block('headline'); ?>
<?php if ($this->headline): ?>
<div class="wrap"><p><?= $this->headline ?></p></div>
<div class="wrapper"> Code eingefügt. Hier klicken zum Ein- / Ausblenden </div>
<?php endif; ?>
<div class="code">
<pre><code class="<?= $this->cssClass ?>"><?= $this->code ?></code></pre>
</div>
<?php $this->endblock(); ?>
</div>
layout.css:
Code:
/* Code Wrapper Dateiname */
.wrap {
width:40%;
display:inline-block;
padding-left:2em;
vertical-align:middle;
background-image:url("../../layout/svg_icons/file-text.svg");
background-position:left center;
background-repeat:no-repeat;
font-weight:bold;
background-size: 18px;
}
/* Code No Wrapper Dateiname */
.nowrap {
width:40%;
padding-left:2em;
vertical-align:middle;
background-image:url("../../layout/svg_icons/file-text.svg");
background-position:left center;
background-repeat:no-repeat;
font-weight:bold;
background-size: 18px;
}
/* Code Wrapper Inhalt */
.code {
padding-right:2em;
padding-left:2em;
}
/* Code No Wrapper Inhalt */
.code-no-wrap {
padding-right:2em;
padding-left:2em;
}
/* Code Wrapper Toggler */
.wrapper {
display:inline-block;
padding-left:2em;
vertical-align:middle;
background-image:url("../../layout/svg_icons/maximize-2.svg");
background-position:left center;
background-repeat:no-repeat;
font-weight:bold;
background-size: 18px;
cursor: pointer;
/* WebKit */ -webkit-transition: color 500ms ease-in-out;
/* Firefox */ -moz-transition: color 500ms ease-in-out;
/* Opera */ -o-transition: color 500ms ease-in-out;
/* Standard */ transition: color 500ms ease-in-out;
}
/* Code Wrapper Toggler Hover */
.wrapper:hover {
color:#f60;
/* WebKit */ -webkit-transition: color 500ms ease-in-out;
/* Firefox */ -moz-transition: color 500ms ease-in-out;
/* Opera */ -o-transition: color 500ms ease-in-out;
/* Standard */ transition: color 500ms ease-in-out;
}
/* Code Wrapper Toggler Aktiv */
.wrapper.active {
background-image:url("../../layout/svg_icons/minimize-2.svg");
background-position:left center;
background-repeat:no-repeat;
background-size: 18px;
}
Ich hoffe @tab, es ist so korrekt?
Anhand dem Beispiel mit dem fe_page Template (= mit insert etwas dazufügen) in der Dokumentation, stellt sich mir eine (Verständnis)frage:
Ist es so quasi updatesicher(er) möglich, z.B. den title Tag zu modifizieren?
Code:
<title><?= $this->replaceInsertTags('{{page::alias}}') == 'index' ? $this->mainTitle : $this->mainTitle.' | '.$this->pageTitle ; ?></title>
ToM
Lesezeichen