Für Nerds: Onepage + jQuery + Bootstrap
-
- Posts: 13
- Joined: Tue Sep 01, 2015 2:14 pm
Re: Für Nerds: Onepage + jQuery + Bootstrap
Oh je,
da hat sich tatsächlich jemand meine Seite angesehen. Hilfe.
Ein Nachbau muss nicht unbedingt schlecht sein, aber dass passt nicht hierher.
Gruß, Heiko
heikosch.de
da hat sich tatsächlich jemand meine Seite angesehen. Hilfe.
Ein Nachbau muss nicht unbedingt schlecht sein, aber dass passt nicht hierher.
Gruß, Heiko
heikosch.de
Re: Für Nerds: Onepage + jQuery + Bootstrap
@graf_ikea
zu deiner Frage geht es hier weiter ...
zu deiner Frage geht es hier weiter ...
Re: Für Nerds: Onepage + jQuery + Bootstrap
Hallo, ich teste gerade das Template „fhs-op2“ und habe den Slider Code von der Home Seite auf eine andere Seite kopiert und dann die Bilddateien ausgewechselt. Eigentlich funktioniert alles, nur der Slider ist nicht mehr auf 100 % breite. Hat jemand einen Tipp woran das liegen kann ?
Danke ...
Danke ...
Re: Für Nerds: Onepage + jQuery + Bootstrap
Mir ist gerade eine Antwort und ein Entwurf hier im Forum spurlos verschwunden.
Also nochmal.
Wenn es stimmt, dass du den Slider in ein anderes Template kopiert hast, könnte es am fehlenden Bootstrap liegen.
In "fhs-op2" kümmert sich Bootstrap um das Layout.
In "template.htm" gibt es 2 Stellen für den Slider.
Ganz oben wird der Name mit PHP vergeben.
Ganz unten wird per jQuery dem Bereich für den Slider die Klasse "container" entzogen und dafür die Klassen "container-fluid no-padding" verpasst.
Das sind Bootstrap-Klassen.
Falls das bei dir nicht klappt, musst du in deinem Template "händisch" für die 100% sorgen.
Soweit mein Tipp - ohne zu wissen, was du da machst.
Aaaah, du hast innerhalb von "fhs-op2" kopiert?
Dann dürfte es genügen, wenn du im Templte ganz oben änderst:
"Home" wird zu "Deine Überschrift".
Also nochmal.
Wenn es stimmt, dass du den Slider in ein anderes Template kopiert hast, könnte es am fehlenden Bootstrap liegen.
In "fhs-op2" kümmert sich Bootstrap um das Layout.
In "template.htm" gibt es 2 Stellen für den Slider.
Ganz oben wird der Name mit PHP vergeben.
Ganz unten wird per jQuery dem Bereich für den Slider die Klasse "container" entzogen und dafür die Klassen "container-fluid no-padding" verpasst.
Das sind Bootstrap-Klassen.
Falls das bei dir nicht klappt, musst du in deinem Template "händisch" für die 100% sorgen.
Soweit mein Tipp - ohne zu wissen, was du da machst.
Aaaah, du hast innerhalb von "fhs-op2" kopiert?
Dann dürfte es genügen, wenn du im Templte ganz oben änderst:
"Home" wird zu "Deine Überschrift".
Re: Für Nerds: Onepage + jQuery + Bootstrap
ich habe einfach den Inhalt vom "Home" in eine H2 Ebene unter "Wie" kopiert
Im Code steht noch 100 % aber der Slider ist nur 1140 px breit.
Code: Select all
<div id="home-slide">
<ul class="slides-container text-center">
<li>
<div class="slide-text">
<p class="txt1"></p>
<p class="txt2"></p>
</div>
<div class="slide-filter"></div>
<img class="par" src="./userfiles/images/slider/slide1.jpg" alt="erstes"></li>
<li>
<div class="slide-text">
<p class="txt1"></p>
<p class="txt2"></p>
</div>
<div class="slide-filter"></div>
<img class="par" src="./userfiles/images/slider/slide2.jpg" alt="zweites"></li>
<li>
<div class="slide-text">
<p class="txt1"></p>
<p class="txt2"></p>
</div>
<div class="slide-filter"></div>
<img class="par" src="./userfiles/images/slider/slide3.jpg" alt="drittes"></li>
</ul>
<nav class="slides-navigation">
<h2>Slider-Nav</h2>
<a class="next" href="#"><span class="fa fa-angle-right"></span></a><a class="prev" href="#"><span class="fa fa-angle-left"></span></a></nav></div>
Im Code steht noch 100 % aber der Slider ist nur 1140 px breit.
Re: Für Nerds: Onepage + jQuery + Bootstrap
Das kann nicht funktionieren.graf_ikea wrote:ich habe einfach den Inhalt vom "Home" in eine H2 Ebene unter "Wie" kopiert
Den Big-Slider kannst du nur als <h1> verwenden.
Re: Für Nerds: Onepage + jQuery + Bootstrap
OK ... Danke für deine Hilfe ....
weißt du ob man auch Videos in den Slider einbinden kann ? ...
weißt du ob man auch Videos in den Slider einbinden kann ? ...
Re: Für Nerds: Onepage + jQuery + Bootstrap
Das wäre vielleicht möglich. (Im Moment weiß ich allerdings nicht wie.)graf_ikea wrote:weißt du ob man auch Videos in den Slider einbinden kann ?
In diesem Template rate ich aber davon ab. Es wäre wahrscheinlich viel zu aufwändig dort einen Film reinzufummeln.
Das Template ist halt ein sehr spezielles, in dem ich viel tricksen musste, um es so hinzubekommen.
Und nebenbei, der Big-Slider ist eigentlich als Landingpage gedacht. Dass jemand ihn an eine andere Stelle verschieben will, auf die Idee bin ich gar nicht gekommen.
Gib Bescheid, wenn du etwas fertig hast. Das Ergebnis würde mich interessieren.
Re: Für Nerds: Onepage + jQuery + Bootstrap
Ja denke ich auch, das der Big-Slider als Landingpage genutzt werden sollte. So passt er sich dem Content an in der Breite. Danke schon mal.
Re: Für Nerds: Onepage + jQuery + Bootstrap
Wenn ich auf Untersuchen gehe sehe ich das der Slider eine Höhe von 658px hat - aber ich sehe keine Datei in der das definiert sein soll - haste da einen Tipp ?