Breite des Forums

In den früheren Templates gab es in den Design-Einstellungen meist eine Option, um die Breite des Forums auf einen bestimmten Pixel- oder Prozentwert festzulegen.

Im neuen Template gibt es die Möglichkeit nicht, da das Template ja responsive ist und somit für unterschiedliche Endgeräte auch verschiedene Breiten annehmen kann.


Der einfache Weg

Wer sich nicht mit breakpoints beschäftigen möchte sollte die Einstellungen für kleinere Endgeräte unangepasst lassen und einfach nur die Werte für den Aufruf mit einem "normalen" Monitor überschreiben.



um z.B. die Breite des Foreninhalts auf großen Monitoren auf maximal 80% zu stellen kann man Folgendes im SCSS-Addon eintragen:


@include media-breakpoint-up(xl) { //Wenn Bildschrimbreite groesser als 1200px
.main.container{max-width: 80%;}
}


Soll auch die Kopfzeile und das Menü verkleinert werden muss der Code so lauten:

@include media-breakpoint-up(xl) { //Wenn Bildschrimbreite groesser als 1200px
body{max-width: 80%;}
}




Der schönere Weg
Wer möchte kann aber natürlich auch im neuen Template genau festlegen, unter welchen Bedingungen das Forum welche Breite annehmen soll.
Dazu gibt es in Bootstrap die SCSS-Variablen für die breakpoints und die container-max-width

//# Custom Breakpoints
$grid-breakpoints: (
xxxs: 0,
xxs: 320px,
xs: 568px,
sm: 667px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1600px,
xxxl: 1920px
);



//# Custom Container Sizes
$container-max-widths: (
xxxs: 0,
xxs: 568px,
xs: 667px,
sm: 760px,
md: 960px,
lg: 1140px,
xl: 1400px,
xxl: 1400px,
xxxl: 1600px
);


Wird nun die Seite aufgerufen passiert Folgendes:

Zuerst wird anhand des Browserfensters der "Breakpoint" bestimmt.

Handelt es sich z.b. um ein kleines Tablet mit einer Auflösung von 990px in der Breite wäre das der Breakpoint "md" (größer als 768px, aber kleiner als 992px). Für Geräte dieser Größe ist die maximale Containerbreite auf 960px festgelegt - der Besucher sieht das Forum also mit einem Rand von je 15px auf jeder Seite.

Ruft man das selbe Forum mit einem 4k-Monitor auf hat das Fenster eine Breite von 3840px und somit den xxxl-breakpoint. Das Forum hat dann eine Maximalbreite von 1600px und somit einen großen Rand von 1120px auf jeder Seite.


Wer möchte kann die Werte für diese Breiten vorgaben beliebig ändern und das Ganze im SCSS-Addon speichern, um die Standardwerte zu überschreiben.

Login
Activity Feed
rating rating
spotter46 hat sich bedankt!
Beitrag: E-Mail Newsletter Absender
%usernames% hat sich bedankt!
forum_topic forum_topic
Mike48 hat das Thema Hervorheben private von offiziellen Plugins erstellt
Admin → Plugins → HomeIn der alten Admin sind in der Pluginliste die privten von den offiziellen Plugins farblich abgehoben. In der neuen Admin fehlt das. Es ist mühsam privten von offiziellen Plugins zu unterscheiden wenn man keinen freien Pluginplatz mehr zur Verfügung hat um zu sehen, welches man...
forum_message forum_message
Mike48 hat einen neuen Beitrag im Thema E-Mail Newsletter Absender geschrieben.
Ich bin der Meinung, ein freies Eingabefeld für die Absende Adresse braucht es nicht zu geben. Da Newsletter nur Admins verschicken können, können diese ja passende Mail Adressen einrichten nach ihren Wünschen, die dann im Drop-Down auswählar sind. Das i-Tüpfelchen wäre, wenn die letzte Drop-Down Au...
rating rating
Ingmar hat sich bedankt!
Beitrag: E-Mail Newsletter Absender
%usernames% hat sich bedankt!
rating rating
spotter46 hat sich bedankt!
Beitrag: E-Mail Newsletter Absender
%usernames% hat sich bedankt!
rating rating
spotter46 hat sich bedankt!
Beitrag: Foren-Logo
%usernames% hat sich bedankt!
forum_message forum_message
Mike48 hat einen neuen Beitrag im Thema E-Mail Newsletter Absender geschrieben.
Das Thema ist schon über 1 Jahr alt aber es tut sich nichts. In einem anderen Thema hat Ingmar mal geantwortet. Zitat von Ingmar im Beitrag Newsletter - Versand der Test-Mail fehlerhaftGenau genommen sollte es dort kein freies Eingabefeld für den Absender geben, sondern ein Drop-Down, in dem nur übe...
forum_message forum_message
Rika1 und Katzenpfote haben 2 neue Beiträge im Thema Foren-Logo geschrieben.
Danke. Gehört aber nicht hier ins Thema, hab Dir eine PN gesendet.
rating rating
creator hat sich bedankt!
Beitrag: geschlossenes Forum
%usernames% hat sich bedankt!
forum_message forum_message
Katzenpfote hat einen neuen Beitrag im Thema Frohe Ostern 2025 geschrieben.
es gibt 2 Threads mit Osterwünsche. Doppelt hält besser :)Frohe Ostern [[File:1E5E0F01-AE55-4B58-A445-31B0633153F1.jpeg|none|fullsize]]wünschtwww.kastzenforum-nr1.de
forum_message forum_message
cleo und spotter46 haben 2 neue Beiträge im Thema Frohe Ostern 2025 geschrieben.
Frohes Osterfest wünsche ich auch [[File:aa631e.jpeg|none|fullsize]]
rating rating
cleo hat sich bedankt!
Beitrag: Frohe Ostern 2025
%usernames% hat sich bedankt!
rating rating
cleo und spotter46 haben sich bedankt!
Beitrag: Frohe Ostern 2025
%usernames% haben sich bedankt!
forum_message forum_message
Katzenpfote hat einen neuen Beitrag im Thema Frohe Ostern geschrieben.
Frohe Ostern[[File:1E5E0F01-AE55-4B58-A445-31B0633153F1.jpeg|none|fullsize]]wünscht www.Katzenforum-nr1.de
forum_topic forum_topic
Marlies Stockmann hat das Thema Frohe Ostern erstellt
euch allen ein frohes Osterfest
forum_topic forum_topic
Havaneserherzen Admin hat das Thema Frohe Ostern 2025 erstellt
Ich wünsche allen die hier immer mal reinschauenund denen die uns mit ihrem Wissen hier immer wieder wie selbstverständlich helfen frohe Ostern
rating rating
Wolfgang hat sich bedankt!
Beitrag: Plugin:Anzeige vom letzten Beitrag
%usernames% hat sich bedankt!
rating rating
old-smokey hat sich bedankt!
Beitrag: Besucherzähler
%usernames% hat sich bedankt!
forum_message forum_message
River hat einen neuen Beitrag im Thema geschlossenes Forum geschrieben.
Zitat von creator im Beitrag #8Ich habe daher den fehlenden Code von einem Testforum mit identischem Template kopiert (Per Strg + U, nicht Entwicklertools), die Action-URL geändert und per local override eingesetzt. Vor dem Abschicken vom Formular habe ich das local override deaktiviert, damit der e...
rating rating
l2otbart_57 und Mike48 haben sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% haben sich bedankt!
rating rating
l2otbart_57 hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
rating rating
l2otbart_57 und Mike48 haben sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% haben sich bedankt!
rating rating
River hat sich bedankt!
Beitrag: geschlossenes Forum
%usernames% hat sich bedankt!
forum_message forum_message
Ingmar und 3 weitere haben 7 neue Beiträge im Thema Plugin: obere Leiste - Header geschrieben.
Technisch ist das wie die anderen schon schreiben identisch mit jedem anderen Template-Element.Du kannst plugin-code VOR (header), NACH (footer) oder INNERHALB (inline) eines Templates ausführen.Im Falle des Template elements foben gibt es wenig Fälle, bei denen es Sinn macht, Code vor dem Header au...
rating rating
creator hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
rating rating
l2otbart_57 hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
rating rating
l2otbart_57 hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
forum_topic forum_topic
l2otbart_57 hat das Thema Plugin: obere Leiste - Header erstellt
wenn ich in der Pluginentwicklung ein neues Template-Element "obere Leiste - Header" erzeuge, hat das unerwartete Folgenals Inhalt wähle ich:1 <h2>foben_header {{template}}</h2> und erhalte im V4 Quelltext12345678 <h2>foben_header 144</h2><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml...
forum_message forum_message
Ingmar hat einen neuen Beitrag im Thema JavaScript-Fehler bei deaktiviertem Chat geschrieben.
Das chat-system wird im Hintergrund für die Anzeige der Live-Updates (XY hat soeben in diesem Thema einen neuen Beitrag geschrieben" etc) verwendet. Was für Fehlermeldungen gibt es denn bei euch in der Chat-Oberfläche?
forum_message forum_message
Ingmar hat einen neuen Beitrag im Thema Kampf mit den Templates geschrieben.
Bei deinem Beispiel würde ich tippen, dass es sich um ein stark angepasstes Template handelt.Da müsstest du ggf. die Admins selbst anschreiben und fragen, ob Sie ihre Änderungen mit dir teilen möchten.
rating rating
Ingmar hat sich bedankt!
Beitrag: Header nicht sichtbar mobile Ansicht
%usernames% hat sich bedankt!
rating rating
Plaudereckchen hat sich bedankt!
Beitrag: Ich mag kein Ideenklau respektive Urheberrecht !
%usernames% hat sich bedankt!
forum_message forum_message
creator und 2 weitere haben 3 neue Beiträge im Thema Header nicht sichtbar mobile Ansicht geschrieben.
Zitat von Kaninchenraum im Beitrag #1wie kann ich den Header in der mobilen Ansicht sichtbar machen?Indem du den HTML-Fehler im Logo-Wizard behebst.
forum_message forum_message
Katzenpfote hat 2 neue Beiträge im Thema Zugriff auf eigenen Domain geschrieben.
Zitat von Ingmar im Beitrag #6Ich habe dir vorhin geantwortet...Perfekt Danke
rating rating
Katzenpfote hat sich bedankt!
Beitrag: Zugriff auf eigenen Domain
%usernames% hat sich bedankt!
rsummary rsummary
Ingmar und 1 weitere haben 3 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
cleo und 1 weitere haben 2 Beiträge bewertet (Details)
%usernames% haben sich bedankt!
rsummary rsummary
Wolfgang und 1 weitere haben 2 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
l2otbart_57 und 2 weitere haben 4 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
creator und 1 weitere haben 3 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
Ingmar und 1 weitere haben 2 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
Wer ist Online?
1 Mitglied und 45 Gäste sind Online
Besucher Statistiken
46 Aktive User
1 Mitglied und 45 Gäste sind Online:
Mike48


Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)

Besucherzähler
Heute waren 925 Gäste und 20 Mitglieder, gestern 1707 Gäste und 23 Mitglieder online.

Statistiken
Themen 41890
Beiträge 306819
Mitglieder 12.575
Forum empfehlen