tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/14196-verwendung-tao-hintergrund-der-elemente-transparentRockSolid Themes: Discussion 2020-12-07T09:00:45Ztag:help.rocksolidthemes.com,2012-07-23:Comment/387331682015-12-18T13:42:40Z2015-12-18T13:42:40ZVerwendung: TAO: Hintergrund der Elemente transparent<div><p>Vielen Dank für Ihre Frage.</p>
<p>Um den Seitenhintergrund transparent zu gestalten, fügen
Sie bitte folgenden CSS-Code in die Datei
<em>files/tao/css/custom.css</em> ein:</p>
<pre>
<code>.page {
background-color: transparent;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/387331682015-12-19T08:13:26Z2015-12-19T08:13:28ZVerwendung: TAO: Hintergrund der Elemente transparent<div><p>Guten Tag.</p>
<p>Bei einigen Elementen funktioniert es, bei anderen nicht.<br>
Der Navigationsbereich zum Beispiel, oder Icon Boxes, bleibt
ebenfalls undurchsichtig.</p>
<p>Vielen Dank</p></div>Rolandtag:help.rocksolidthemes.com,2012-07-23:Comment/387331682015-12-21T09:54:07Z2015-12-21T09:54:25ZVerwendung: TAO: Hintergrund der Elemente transparent<div><p>Mit folgendem CSS-Code können Sie auch den Header-Bereich
transparent gestalten:</p>
<pre>
<code>.page,
.tagline,
.header-bar,
.header-navigation {
background-color: transparent;
}
.header-links.-secondary a,
.header-links.-secondary a:before {
background-color: transparent !important;
}</code>
</pre>
<p>Da die Navigation jedoch beim Scrollen die restlichen Inhalte
überlagert, können dadurch unerwünschte Effekte
auftreten und zu Problemen mit der Lesbarkeit führen.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/387331682018-08-09T15:41:06Z2018-08-09T15:41:08ZVerwendung: TAO: Hintergrund der Elemente transparent<div><p>Knüpfe hier mal an. Habe vergeblich nach einer Klasse gesucht die es möglich macht dem transparenten Bereich beim scrollen eine Hintergrundfarbe zu geben. Ich habe die Navigation über den Slider gelegt damit das Bild durchscheint. Beim scrollen sollte jedoch die Hintergrundfarbe greifen. Leider ist es so dass nur die header-navigation-inner zur Verfügung steht. Gibt es hier eine Lösung? Also zuerst unsichtbar und erst beim scrollen mit Hintergrundfarbe.<br>
Danke und liebe Grüße</p></div>Evetag:help.rocksolidthemes.com,2012-07-23:Comment/387331682018-08-10T07:16:15Z2018-08-10T07:16:15ZVerwendung: TAO: Hintergrund der Elemente transparent<div><p>Vielen Dank für Ihre Frage.</p>
<p>Dafür können Sie die Datei <em>files/tao/js/script.js</em> anpassen und vor der Zeile <code>addClass(header, 'is-fixed');</code> folgenden Code einfügen:</p>
<pre>
<code>if (offset > 70) {
addClass(header, 'enable-background');
}
else {
removeClass(header, 'enable-background');
}</code>
</pre>
<p>Über die CSS-Klasse <code>.enable-background</code> lässt sich dann der Hintergrund dann steuern.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/387331682018-08-10T09:25:12Z2018-08-10T09:25:13ZVerwendung: TAO: Hintergrund der Elemente transparent<div><p>SUPER<br>
Vielen Dank, klappt perfekt<br>
Wirklich ein klasse Support hier!!</p></div>Evetag:help.rocksolidthemes.com,2012-07-23:Comment/387331682020-12-04T19:38:34Z2020-12-04T20:08:52ZVerwendung: TAO: Hintergrund der Elemente transparent<div><blockquote>
<p>quote Ich habe die Navigation über den Slider gelegt damit das Bild durchscheint.</p>
</blockquote>
<p>Wie kann ich die Navigation über den Slider legen?</p></div>miketag:help.rocksolidthemes.com,2012-07-23:Comment/387331682020-12-07T09:00:44Z2020-12-07T09:00:44ZVerwendung: TAO: Hintergrund der Elemente transparent<div><blockquote>
<p>Wie kann ich die Navigation über den Slider legen?</p>
</blockquote>
<p>Indem Sie z. B. den Tagline-Bereich nach oben verschieben. Dafür können Sie folgenden CSS-Code einsetzen:</p>
<pre>
<code>.tagline {
margin-top: -85px;
}</code>
</pre></div>RockSolid Themes