Zweispaltiger Aufmacher

Hallo,

ich würde gerne in einem zweispaltigen Aufmacher "Neueste Nachrichten" anzeigen lassen. Gibt es dazu eine Möglichkeit? Ich habe das bislang leider nicht hingekriegt...

Vielleicht hat jemand eine Idee.

Vielen Dank im Voraus.

Gruß

Volker

Wenn ich es richtig verstanden habe mußt du erst einen neuen Spaltenbereich anlegen und dann kannst du die Spalten befüllen mit einem Aufmacher.

Ich befürchte ich habe da was total mißverstanden Es geht dir gar nicht um das anlegen eines zweispaltigen Aufmachers.

So weit ich weiß kann man nicht ein einziges Thema auf einer anderen Weise als die anderen in einem Aufmacher anzeigen lassen.

@Volker Z.:

Poste doch bitte mal einen Link zu einer Beispielseite, wo Du den von Dir gewünschten zweispaltigen Aufmacher gesehen hast, damit man da mal schauen kann.

Auf dem gerade von mir benutzten Rechner habe ich kein XAMPP installiert, um dies mal eben lokal nachstellen/recherchieren zu können (später am Abend evtl. wieder). Meine produktiven, sprich im Web befindlichen Projekte werde ich für solche Tests nicht einsetzen.

Hallo zusammen,

vielen Dank bis hierher. Eigentlich ist meine Frage ganz einfach. Ich habe mal hier eine Testseite vorbereitet: www.zernetsch.de

Auf der Startseite gibt es ja oben drei Spalten.

Die erste Spalte ist manuell bestückt und gehört nicht zum Problem.

In Spalte 2 ist ein Aufmacher aus einem Ordner befüllt.

Nun möchte ich, dass der Aufmacher einfach in Spalte drei weiterläuft, was er nicht tut.

Wenn das nicht geht, würde ich gerne mit zwei Spalten arbeitet, wobei ein Verhältnis von 1:3 eingehalten werden soll.

Was Du als in Deinem Beitrag als Spalten bezeichnest, sind (neben "Oben" und "Unten") die Bereiche "Links", "Inhalt" und "Rechts". Einen Aufmacher, der sich im Inhaltsbereich befindet, in der rechten Sidebar weiterlaufen zu lassen, ist meines Wissens nach nicht möglich.

Also zu Deiner gewünschten Alternative:

Deaktiviere einfach den Bereich "Rechts", teile in Bootstrap 3 Pro die verbleibenden Bereiche "Links" und "Inhalt" ca. 1:3 auf (hierfür unter Gestaltung -> Designs bearbeiten -> Optionen -> "Absatzbereiche in gleicher Breite darstellen" deaktivieren) und plaziere Deine Aufmacher in diese beiden Bereiche.

Hallo,

leider funktioniert das nicht so richtig. Ich habe ja nur zwei Spalten im Inhalt. Ich möchte nur, dass die erste Spalte 1/3 und die rechte Spalte 2/3 einnehmen soll.

Das scheint aber nicht zu gehen...

Du kannst den Inhalt in bis zu 3 Spalten teilen und dort jeweils einen Aufmacher anlegen, oder auch mehrere. Der erste Absatz könnte dann zB 3 Seiten zeigen und der zweite ebenso 3, der zweite überspringt allerdings die ersten 3. Fertig.

Die Wünsche aus den beiden Zitaten widersprechen sich (nach Adam Riese), Volker.

Zitat 1, also 1:3 bedeutet 25:75 = 1/4 zu 3/4.

Zitat 2, also 1/3 zu 2/3 bedeutet 33:67 = 1:2.

Was Thomas' Bootstrap 3 Pro nativ unterstützt, siehst Du rot markiert in der folgenden Grafik:

 Bootstrap 3 Pro - Absatzbreite(n)

Wenn Du die Option (so wie im Screenshot gezeigt ich dies im Projekt meiner privaten Website tue) deaktivierst, kommt das Ergebnis Deinem Wunsch sicherlich recht nahe.

Darüberhinausgehende weitere spezielle Absatzbreiten-Verhältnisse müßten speziell in das Design implementiert werden.

Hallo Alle,

vielen Dank für eure Anregungen. Das ist noch nicht ganz, das was ich will. Ich werde mal noch etwas weiter basteln.

Die Hinweise waren aber sehr gut.

VG

Volker

Ich hoffe du hast bereits entdeckt wie man einen Bereiche in mehrere Splaten teilt.

Bereich in Spalten teilen

Moin Thomas,

danke, ja. Nur soll jetzt die Größen-Verteilung der Spalten unterschiedlich sein. Siehe hier:

Aber das scheint nicht zu funktionieren. Ich muss ich wohl mit den Bereichen (Links, Inhalt, Rechts) arbeiten, was grundsätzlich kein Problem wäre, wenn ich auf einer Seite die Bereiche mehrmals zu- und abschalten könnte. Mein Grundanliegen bleibt aber die Größen-Verteilung der Spalten wie hier in der Abbildung.

VG

Volker

Schade, hätte ich öfter mal gebrauchen können...

Danke und Gruß
Volker

Wenn du viel basteln möchtest, kannst du mit einem HTML Absatz arbeiten und folgenden Code (funktioniert nur in Zusammenhang mit einem Bootstrap Design) verwenden:

1. kleinere Spalte und dann 2 gleich groß-größere

1
2
3
4
5
6
7
8
9

<div class="row">
    <div class="col-md-4">kleinere Spalte</div>
	<div class="col-md-8">
          <div class="row">
            <div class="col-md-6">größere Spalte</div>
            <div class="col-md-6">größere Spalte</div>
          </div>
        </div>
</div>

 oder

1.kleinere und dann eine größere Spalte

1
2
3
4

<div class="row">
    <div class="col-md-4">kleinere Spalte</div>
    <div class="col-md-8">größere Spalte</div>
</div>

Prima Hinweis. Vielen Dank.

Das werde ich mal testen.

VG
Volker

Hi,

ja, die zweite Variante ist genau das, was ich gesucht habe.

Nur: Wie bekomme ich jetzt in die Spalte (alos col-md-4) einen Siquando-Absatz hinein? Die sind ja nicht in HTML, sodass ich sie einfach dazu kopieren könnte?

Gibt es da noch einen Trick?

Vielen Dank

Volker

Du packst die entsprechenden Teile einfach in mehrere HTML-Absätze.

Vor Aufmacher 1

1
2

<div class="row">
    <div class="col-md-4">

vor Aufmacher 2

1
2

    </div>
    <div class="col-md-8">

nach Aufmacher 2

1
2

    </div>
</div>

Hallo Thomas,

das ist doch perfekt. Klasse.

Vielen Dank!

Darf ich Dich mal fragen, warum Du jetzt zitiert hast?

Damit ein Gast leicht erkennen kann, worauf sich meine Antwort bezieht.

VG
Volker

Dann weise ich Dich hiermit freundlich auf die Forenregeln § 2 Abs. 6 hin.

Danke Dir.

Kontrollierst du alle Einträge auf Korrektheit deiner ganzen Paragraphen? Sorry, ich käme mir da lächerlich vor, bei einer falsch benutzen Zitatregel zu intervenieren und die Chef-Taste Delete zu drücken. Ich würde mir da vorkommen wie Hausmeister Krause, der sonst nichts zu tun.

Vermutlich fliege ich bei wiederholtem Verstoss gegen dieser Regel, die gar keine ist, sondern nur eine Kann-Regel darstellt, aus dem Forum?

Dann entschuldige ich mich in aller höflichster Form für meinen tiefgreifenden Fehler, mit dem ich hier offensichtlich dein halbes System zum Absturz gebracht habe. Ich bin Leiter einer IT-Abteilung und beschäftige mich in der Regel mit wirklichen Problemen und habe für einen kurzen Moment wohl die Konzentration verloren.

Manchmal vergisst man durch Haarspalterei die wirklichen Probleme.

Da kann ich nur sagen: Frohe Ostern.

PS: Da ich jetzt direkt auf deine Nachricht antworte, habe ich kein Zitat eingefügt, richtig? Hoffentlich hat in der Zwischenzeit niemand gepostet, sonst ist jetzt doch eine Nachricht zwischen unseren Posts, was sicherlich wieder ein Problem mit sich bringt. Oder ist das im Regelwerk auch geregelt und ich habe es überlesen?

Ich will mich nicht über dich lächerlich machen, aber vielleicht erkennst du wie lächerlich dein Post ist.

Ich entferne seit ewigen Monaten bereits überflüssige Zitate in unserem Forum völlig kommentarlos, weil ich hier generell weder als Polizist noch als Oberlehrer auftreten möchte. Das ist definitiv nicht mein Ansinnen.

Bei fast ständigem unnötigen Zitieren behalte ich mir aber vor, dann auch einmal nach dem Grund fragen und freundlich darauf hinweisen zu dürfen, daß dies hier nicht erwünscht ist.

Danke für Dein Verständnis.

Schönes Wochenende.

1
2

<div class="row">
    <div class="col-md-4">

1
2

    </div>
    <div class="col-md-8">

1
2

    </div>
</div>

Guten Morgen, 

ich würde dieses Anliegen gerne nochmal aufgreifen und etwas nachhaken da ich Thomas´s Lösungsvorschlag nicht ganz verstehe.

Verwende das "Vertika" Design und sollte seine HTML-Absatz Lösung doch einsetzen können, oder?

Wenn ja, wo platziere ich die HTML-Absätze denn nun genau?

Hab in Spalte 1 einen Absatz (Mini-Diashow) und in Spalte 2 einen Absatz (Formular).

MfG MJCool

<div class="row">
    <div class="col-md-4">

Absatz Mini-Diashow

    </div>
    <div class="col-md-8">

Absatz Formular

    </div>
</div>

Bei der Mini-Diashow würden dann ca. 2/3 der Bilder einfach abgeschnitten werden da die Breite des Absatzes nicht korrekt gesetzt sein würde.