Statistiken

Benutzer
2
Beiträge
18
Anzahl Beitragshäufigkeit
35127

Wer ist online

Aktuell sind 21 Gäste und keine Mitglieder online

Eigene Inhalte Logo

Eigene Inhalte Info

Diese Web-Präsentation ist zu Testzwecken mit Joomla! 3.x, Bootstrap 2 und eigenem JavaScript installiert. Sie soll aufzeigen was mit Joomla! 3.x und Bootstrap 2 möglich ist, evtl. Fehler aufzeigen, und helfen dafür Lösungen zu finden. Es ist eine reine Demoseite und dient ausschließlich zur Veranschaulichung.

Accordion Beispiel

Eine Spalte

Anim pariatur cliche. Minim qui you in1.com probably haven't heard of them et cardigan trust fund culpa biodiesel. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Zwei Spalte 1

Anim pariatur cliche... Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Zwei Spalte 2

Anim pariatur cliche... Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Drei Spalte 1

Anim pariatur cliche... Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Drei Spalte 2

Anim pariatur cliche... Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Drei Spalte 3

Anim pariatur cliche... Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

 


Aufbau im Beitrag mit Bootstrap für ein Accordion

Für den Aufbau in einem Beitrag ist es sehr hilfreich sich einen html-Editor wie zB. Notepad++ zur Hilfe zu ziehen, um dort den Quellcode zu schreiben. Dieser wird dann später in den Beitrag über copy-Funktion, bei ausgeschaltetem WYSIWYG (What You See Is What You Get), über den Button "Editor an/aus" eingefügt. Natürlich kann man es auch direkt im Beitrags-Editor schreiben, doch hat man dort nicht immer die gewünschte Übersicht über den Quell-Code wie ich finde.

HTML

 <div id="accordion1" class="accordion">
    <div class="accordion-group">
        <div class="accordion-heading">
<a class="accordion-toggle" href="#collapseOne" data-toggle="collapse" data-parent="#accordion1">Accordion #1</a>
</div>
        <div id="collapseOne" class="accordion-body in collapse">
            <div class="accordion-inner">
                <h3>ACC 1</h3>
                <p>Inhalt des Accordion</p>
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
<a class="accordion-toggle" href="#collapseTwo" data-toggle="collapse" data-parent="#accordion1">Accordion #2</a>
</div>
        <div id="collapseTwo" class="accordion-body collapse">
            <div class="accordion-inner">
                <h3>ACC 2</h3>
                <p>Inhalt des Accordion</p>
            </div>
        </div>
    </div>
    <div class="accordion-group">
    <div class="accordion-heading">
<a class="accordion-toggle" href="#collapseThree" data-toggle="collapse" data-parent="#accordion1">Accordion #3</a>
</div>
        <div id="collapseThree" class="accordion-body collapse">
            <div class="accordion-inner">
                <h3>ACC 2</h3>
                <p>Inhalt des Accordion mit 2 Spalten</p>
                <div class="span6">
                    <h3>Zwei Spalten / 1</h3>
                    <p>Inhalt der Spalte 1</p>
                </div>
                <div class="span6">
                    <h3>Zwei Spalten / 2</h3>
                    <p>Inhalt der Spalte 2</p>
                </div>
            </div>
        </div>
    </div>
</div

CSS

 Wird über das Framework Bootstrap gesteuert

Javascript

 Wird über das Framework Bootstrap geladen

Kommentar schreiben

Bitte habt dafür Verständnis, dass erst nach Sichtung der Einträge eure Einträge freigestellt werden, und auch erst dann sichtbar für alle sind.


Sicherheitscode
Aktualisieren