Joomla 3.0 - Bootstrap - Template Design

melloman · 12. November 2012

Hallo

Hab mal angefangen mit Joomla 3.0 ein Template von grund auf selbst zu erstellen und mach dabei natürlich Gebarauch von Bootstrap & Co.

Ich hab das Bootstrap Carousel integriert, was soweit eigentlich funktioniert...
http://www.arcuarius.ch/kinkats

Wie ihr jedoch seht, funktioniert der "next" Button nicht, was daran liegt, dass der Link am Ende ein # zu viel drin hat, was im Quelltext nicht drin ist.

Code

<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel#" data-slide="next">›</a>

Jemand ne Idee woher das Ding kommen könnte?

Das zweite Problem ist, dass die Auto Rotation erst funktioniert, wenn man einmal umgeblättert hat...

Danke und Gruss

sweatcher · 12. November 2012

Zitat

Original von melloman
Hallo

Code

<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>

<a class="carousel-control right" href="#myCarousel#" data-slide="next">›</a>

Danke und Gruss

ich bin ja nicht der pro in sachen template usw aber ich sehe das # bei deinem 2.ten code? gewohlt?

Code

<a class="carousel-control right" href="#myCarousel#" data-slide="next">›</a>

evtl wäre es mit folgendem code korrekt?

Code

<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>

melloman · 12. November 2012

genau das hab ich ja in meinem post geschrieben. in der template datei ist es korrekt, jedoch wenn ich die seite aufrufe ist das ding plötzlich drin...

sweatcher · 14. November 2012

Zitat

Original von melloman
genau das hab ich ja in meinem post geschrieben. in der template datei ist es korrekt, jedoch wenn ich die seite aufrufe ist das ding plötzlich drin...

wie sieht den deine index datei aus? oder vieleicht liegt es an der css datei?

melloman · 14. November 2012

wie kann denn meine css auf solche werte einfluss haben? hab ich was verpasst?

moonie · 14. November 2012

Theoretisch kannst Du mit dem Pseudo-Element :after {content: 'hallo welt'} per CSS Text setzen lassen. In Deinem Fall sehe ich aber auch nicht auf die Schnelle wo der olle # herkommt

ruffy91 · 14. November 2012

Welchen Editor verwendest du zum bearbeiten des Quellcodes? Hast du schon versucht die Datei durch den ftp/direkt zu bearbeiten?
Ich denke der Joomla Editor fügt dir ein # ein da dein href weder . noch : oder / hat

moonie · 14. November 2012

Vielleicht funzt da ein anderes JS dazwischen... Versuch doch mal den Script auf Zeile 41 "// Convert menu to select-list for small displays" loszuwerden, der sieht mir stark nach dem Verdächtigen aus mit dem href und #

melloman · 18. November 2012

danke, das wars...jetzt muss ich bloss einen weg finden, das script doch irgendwie zu verwenden...

moonie · 19. November 2012

Google sonst mal nach "responsive navigation", da findest du sicher noch was anderes brauchbares, dass nicht in dein carousel funkt.

Oder kam dieses script für das angepasste menü vom bootstrap selber? wär ja schlimm wenns dann nicht mit dem eigenen carousel kompatibel ist

reN · 22. November 2012

Wenn hier schon so Joomla Experten rumschwirren missbrauche ich das doch gleich
Ich hab angefangen auf Joomla 3.0 ein Vereinshomepage(bitte keine Kommentare!...) aufzuziehen. Irgendwie ist das aber wie mit allem Neuen, besser vorher nichts wissen als irgendwas anderes wissen. Deshalb tuh ich mich mit dem ganzen etwas schwer. Und zwar möchte ich einen Artikel, der regelmässig angepasst wird, in einem anderen als dem default content div anzeigen... wie mach ich das?

melloman · 26. November 2012

Den Beitrag in einem Modul anzeigen lassen und das Modul positionieren...?

reN · 26. November 2012

Geht das nur über das Newsflash Modul und dann dem Beitrag einfach eine eigene Kategorie zuweisen?

melloman · 27. November 2012

ich hätts so probiert. aber würd bestimmt auch 3rd party module für sowas geben...