tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/12029-verwendung-template-anpassung-navigation-ber-sliderRockSolid Themes: Discussion 2020-12-07T11:17:15Ztag:help.rocksolidthemes.com,2012-07-23:Comment/376572422015-08-14T07:58:52Z2015-08-14T07:58:52ZVerwendung: Template-Anpassung: Navigation über Slider<div><p>Vielen Dank für Ihre Frage.</p>
<p>Die Elemente des Sliders werden per JavaScript erzeugt, ein
Template für die Anordnung der Elemente gibt es nicht. Sie
können die Elemente mit folgendem JavaScript-Code
verschieben:</p>
<pre>
<code>var slider = $('#id-des-sliders').data('rstSlider');
slider.nav.elements.main.prependTo(slider.elements.main);</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/376572422015-08-14T10:13:09Z2015-08-14T13:07:58ZVerwendung: Template-Anpassung: Navigation über Slider<div><p>Perfekt,</p>
<p>vielen Dank!!!</p></div>Manuel Wollwindertag:help.rocksolidthemes.com,2012-07-23:Comment/376572422020-12-07T08:30:43Z2020-12-07T08:30:43ZVerwendung: Template-Anpassung: Navigation über Slider<div><p>Folgende Ergänzungsfrage: Geht das auch mit dem "eigenen Slider-Skin" Tao?</p>
<p>Ich hab's versucht, scheint nicht zu klappen. Bei einem anderen Slider ohne tao-Skin klappt es.</p>
<p>Vielen Dank schon mal für die Mühe!</p></div>D.T. Mayánstag:help.rocksolidthemes.com,2012-07-23:Comment/376572422020-12-07T10:01:53Z2020-12-07T10:01:53ZVerwendung: Template-Anpassung: Navigation über Slider<div><blockquote>
<p>Geht das auch mit dem "eigenen Slider-Skin" Tao?</p>
</blockquote>
<p>Ja, der Aufbau der HTML-Struktur ist vom verwendeten Skin unabhängig.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/376572422020-12-07T10:27:28Z2020-12-07T11:01:17ZVerwendung: Template-Anpassung: Navigation über Slider<div><p>Vielen Dank für die rasche Antwort.</p>
<p>Aber es scheint nicht zu wuppen.</p>
<p>Es funktioniert, wenn ich den Eintrag "tao" aus dem Feld "eigener Slider-Skin" rausnehme und auf "Standard-Inhalt" umschalte. Gebe ich wieder "tao" in das Feld ein, wandert die Navigation (Punkte) wieder nach unten. Auch dann, wenn weiterhin "Standard-Inhalt" eingestellt ist; der Eintrag "tao" reicht, um die Navigation wieder nach unten zu tun.</p>
<p>Dass es funktioniert ohne den tao-Eintrag lässt mich annehmen, dass das Script zumindest funktioniert wie vorgesehen.</p>
<p>Ich hab außerdem versucht, die Navigation per CSS nach oben zu tun. Das funktioniert fast zufriedenstellend. Allerdings scheint sie dann eine Art Schatten zu werfen, heißt: bei dem Slide, das sich dann unterhalb der Navigation befindet, funktioniert die Verlinkung nicht mehr. Sonst würde ich einfach diese Möglichkeit nutzen.</p></div>D.T. Mayánstag:help.rocksolidthemes.com,2012-07-23:Comment/376572422020-12-07T11:03:38Z2020-12-07T11:03:38ZVerwendung: Template-Anpassung: Navigation über Slider<div><p>In diesem Beitrag geht es um die Reihenfolge der HTML-Elemente des Sliders, nicht um die Darstellung der Navigation. Beim Tao-Skin hat diese Reihenfolge keine Auswirkung da die Navigation absolut positioniert ist.</p>
<blockquote>
<p>Ich hab außerdem versucht, die Navigation per CSS nach oben zu tun.</p>
</blockquote>
<p>Das ist für Ihren Anwendungsfall die korrekte Vorgehensweise. Verwenden Sie dafür z. B. folgenden CSS-Code:</p>
<pre>
<code>.rsts-skin-tao .rsts-nav {
bottom: auto;
top: 12%;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/376572422020-12-07T11:11:19Z2020-12-07T11:11:19ZVerwendung: Template-Anpassung: Navigation über Slider<div><p>Aha. Ich hatte den Beitrag so verstanden, als wenn der Fragende die Reihenfolge der HTML-Elemente ändern wollte, um die Navigation anders darzustellen. Und die Antwort wäre gewesen, dass das nicht möglich wäre, aber dass ein Javascript helfen würde. Tut es auch, bei einem anderen Slider auf der Seite funktioniert es ganz hervorragend, schwups befindet sich die Navigation oben. Auch bei diesem. Nur eben nicht mit dem Tao-Skin.</p>
<p>Mein Fehler. Vielen Dank, dass Sie mir trotzdem helfen. Den Tipp werde ich umgehend ausprobieren.</p></div>D.T. Mayánstag:help.rocksolidthemes.com,2012-07-23:Comment/376572422020-12-07T11:16:53Z2020-12-07T11:16:53ZVerwendung: Template-Anpassung: Navigation über Slider<div><p>Tadellos.</p>
<p>Danke schön!</p></div>D.T. Mayáns