Für Nerds: Onepage + jQuery + Bootstrap

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
heikosch.de
Posts: 13
Joined: Tue Sep 01, 2015 2:14 pm

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by heikosch.de » Tue Nov 01, 2016 8:57 am

Oh je,

da hat sich tatsächlich jemand meine Seite angesehen. Hilfe. :D
Ein Nachbau muss nicht unbedingt schlecht sein, aber dass passt nicht hierher.

Gruß, Heiko
heikosch.de

frase
Posts: 2159
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by frase » Tue Nov 01, 2016 4:00 pm

@graf_ikea
zu deiner Frage geht es hier weiter ...

graf_ikea
Posts: 117
Joined: Tue May 07, 2013 11:16 am

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by graf_ikea » Tue Nov 15, 2016 5:45 pm

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 ...

frase
Posts: 2159
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by frase » Tue Nov 15, 2016 7:00 pm

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".

graf_ikea
Posts: 117
Joined: Tue May 07, 2013 11:16 am

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by graf_ikea » Tue Nov 15, 2016 7:50 pm

ich habe einfach den Inhalt vom "Home" in eine H2 Ebene unter "Wie" kopiert

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.

frase
Posts: 2159
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by frase » Tue Nov 15, 2016 8:01 pm

graf_ikea wrote:ich habe einfach den Inhalt vom "Home" in eine H2 Ebene unter "Wie" kopiert
Das kann nicht funktionieren.

Den Big-Slider kannst du nur als <h1> verwenden.

graf_ikea
Posts: 117
Joined: Tue May 07, 2013 11:16 am

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by graf_ikea » Wed Nov 16, 2016 8:50 am

OK ... Danke für deine Hilfe ....

weißt du ob man auch Videos in den Slider einbinden kann ? ...

frase
Posts: 2159
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by frase » Wed Nov 16, 2016 9:02 am

graf_ikea wrote:weißt du ob man auch Videos in den Slider einbinden kann ?
Das wäre vielleicht möglich. (Im Moment weiß ich allerdings nicht wie.)
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.

graf_ikea
Posts: 117
Joined: Tue May 07, 2013 11:16 am

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by graf_ikea » Wed Nov 16, 2016 10:41 am

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.

graf_ikea
Posts: 117
Joined: Tue May 07, 2013 11:16 am

Re: Für Nerds: Onepage + jQuery + Bootstrap

Post by graf_ikea » Wed Nov 16, 2016 12:23 pm

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 ?

Post Reply