tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/61662-installation-header-mit-bannerRockSolid Themes: Discussion 2020-11-26T08:00:55Ztag:help.rocksolidthemes.com,2012-07-23:Comment/487950152020-11-03T13:43:51Z2020-11-03T13:43:51ZInstallation: Header mit Banner<div><p>Vielen Dank für Ihre Frage.</p>
<blockquote>
<p>wäre ein blauer Balken (Banner) ähnlich der Fußzeile oberhalb der Navigation möglich</p>
</blockquote>
<p>Ja, Sie können ein eigenes HTML-Modul in den Layouteinstellungen vor dem Logo platzieren damit es über der Kopfzeile angezeigt wird.</p>
<blockquote>
<p>wie siehe Anlage?</p>
</blockquote>
<p>Der Anhang ist anscheinend verloren gegangen. Bitte senden Sie uns diesen erneut zu.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/487950152020-11-03T13:46:27Z2020-11-03T13:46:29ZInstallation: Header mit Banner<div><p>Schon mal Danke für den Hinweis. Jetzt mit Anlage ... Viele Grüsse Jens</p></div>Jens Willfahrttag:help.rocksolidthemes.com,2012-07-23:Comment/487950152020-11-03T13:48:39Z2020-11-03T13:48:39ZInstallation: Header mit Banner<div><p>Könnte ich mir die HTML und CSS Struktur von der Fußzeile abschauen, macht das Sinn? Viele Grüsse Jens</p></div>Jens Willfahrttag:help.rocksolidthemes.com,2012-07-23:Comment/487950152020-11-03T14:00:10Z2020-11-03T14:00:10ZInstallation: Header mit Banner<div><p>Für eine einfach Header-Grafik ist auch eine Realisierung via CSS-Code möglich. Fügen Sie dafür bitte folgenden CSS-Code in die Datei <em>files/luxe/css/custom.css</em> ein:</p>
<pre>
<code>.page-wrapper {
padding-top: 276px;
background:
url("/files/franziskus-schule/aktuelles/tagline2.png") 50% 0 no-repeat,
linear-gradient(180deg, #008acc, #008acc 276px, transparent 276px);
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/487950152020-11-22T17:13:41Z2020-11-23T09:23:48ZInstallation: Header mit Banner<div><p>Hallo RockSolid Team,</p>
<p>vielen Dank, genau so haben wir uns das vorgestellt. Lässt sich hier in irgend einer Form auch eine Abhängigkeit zum Anzeigegerät herstellen (responsive)? Eventuell eine zweite Grafik für mobile devices.</p>
<p>Im Voraus danke für Eure Unterstützung.</p>
<p>Viele Grüße</p>
<p>Jens</p></div>posttag:help.rocksolidthemes.com,2012-07-23:Comment/487950152020-11-23T09:29:07Z2020-11-23T09:29:07ZInstallation: Header mit Banner<div><p>Ja, im CSS-Code kann via Media-Queries auf die Größe des Browserfensters reagiert werden. Der Code dafür kann z. B. folgendermaßen aussehen:</p>
<pre>
<code>@media (max-width: 599px) {
.page-wrapper {
background-image: url("/files/franziskus-schule/aktuelles/tagline2-mobile.png");
}
}</code>
</pre>
<p>In diesem Beispiel wird das <em>tagline2.png</em>-Bild durch <em>tagline2-mobile.png</em> ersetzt sobald das Browserfenster schmaler als 600 Pixel ist.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/487950152020-11-23T10:55:57Z2020-11-23T10:57:52ZInstallation: Header mit Banner<div><p>Ihr seid MEGA GENIAL  , vielen Dank für Euren ausgezeichneten Support </p>
<p>Sonnige Grüße nach Österreich … bleibt mir gesund </p>
<p>LG Jens</p></div>post