Breakpoints v6
Das neue Xobor v6 Template basiert auf dem Grid System von Bootstrap.
Will man z.B. per SCSS für verschiedene Endgeräte unterschiedliche Bildschirmausgaben erzeugen kann man dabei auf die so genannten Breakpoints zurückgreifen.
Breakpoints sind vorgegebene Bildschirmgrößen, an denen bestimmte CSS-Codes je nach Definition ausgeführt werden oder eben nicht.
Die Standard-Breakpoints im neuen Template sind:
$grid-breakpoints: (
xxxs: 0,
xxs: 320px,
xs: 568px,
sm: 667px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1600px,
xxxl: 1920px
);
Praxisbeispiel:
In der Foren-Übersicht gibt es 2 Spalten.
Spalte 1 hat die Klasse .forum_info und enthält Foreninfos und die Liste der Unterforen.
Spalte 2 hat die Klasse .forum_lastreply und enthält die Infos zum letzten Beitrag.
In der kleinsten Ansicht werden die Spalten untereinander angezeigt - beide Spalten haben also eine Breite von 100%.
Ab einer Auflösung von 668px werden die Spalten dann nebeneinander angezeigt. Die eine Spalte erhält dabei 8/12 der gesamten verfügbaren Breite, die andere 4/12 der gesamten Breite. Im SCSS schreibt man das dann so:
.forumlist .forum_lastreply{
@include media-breakpoint-up(sm) { //Wenn Bildschrimgroesse groesser als "sm"
@include make-col(4); // Gib dieser Spalte 4/12 des verfuegbaren Platzes
}
}
.forumlist .forum_info{
@include media-breakpoint-up(sm) {
@include make-col(8);
}
}
Um jetzt z.B. bei einer noch größeren Auflösung beide Spalten in gleicher Breite anzuzeigen könnte man folgendes im SCSS-Addon speichern:
.forumlist .forum_lastreply{
@include media-breakpoint-up(sm) { //Wenn Bildschrimgroesse groesser als "sm"
@include make-col(6); //Gib dieser Spalte 6/12 des verfuegbaren Platzes
}
}
.forumlist .forum_info{
@include media-breakpoint-up(sm) {
@include make-col(6);
}
}
Das gleiche geht natürlich auch in umgekehrter Richtung. Um z.B. auf allen Bildschirmen kleiner 668px Breite die Liste der Unterforen auszublenden könnte man Folgendes eintragen:
@include media-breakpoint-down(sm) {
.subforumlist{display:none;}
}
Weitere Infos dazu gibt es hier: https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints
Login
Activity Feed
In meinem Forum wird die Shoutbox als gemütlicher Chat für zwischendurch gerne genutzt.Ewig schade, dass man dort gepostete Links (z.B. von YT) nicht direkt anklicken, sondern umständlich kopieren und in der Browserzeile pasten muss.Könnte man nicht zumindest dafür sorgen, dass die Links anklickbar ...
Gibt es eine Möglichkeit das Formular des E-Mail Newsletter anzupassen. Es geht um den unteren Teil der automatisch eingefügt wird. Den würde ich gerne erweitern um den Benutzernamen. Es gibt immer wieder Mitglieder die sich nicht mehr einloggen können weil sie ihren Benutzernamen nicht mehr wissen....
Gestern 14:48
Dieter Weißbach hat das Thema Dateinamen von Bildern, Grafiken etc. mit Umlauten (Ä, Ö, Ü und ä, ü, ö sowie dem Buchstaben ß) führen zu merkwürdigen Anzeige-Ausfällen erstellt
Dateinamen von Bildern, Grafiken etc. mit Umlauten (Ä, Ö, Ü und ä, ü, ö sowie dem Buchstaben ß)führen zu merkwürdigen Anzeige-Ausfällen.Bei unseren historischen Bahnen kommen öfter Bilddateinamen wie Märklin-4711, Märklin-4712,Märklin-4713 etc. vor. Dies führt dazu, dass meist das erste Bild noch an...
Ich habe die kostenlose Version. Ich hatte an sich eingestellt, dass ich neue Mitglieder manuell freischalten muss. Und hab dann Einladungen versendet.Mir werden nun 3 neue User angezeigt (eine bin ich mit einem zweiten Browser)Da steht nun 3 Mitglieder warten auf ihre Freischaltung. Jetzt Speichern...
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
%usernames% haben sich bedankt!
%usernames% haben sich bedankt!
%usernames% hat sich bedankt!
Besucher Statistiken
Heute waren Online
Asmo, balea, Charles, Dieter Weißbach, Franz-Jupp, Gabriella, Gartenbank, Gemshorn, Ingmar, Johannes, kacz, Kräuterhexe, Lady of the light, m3ontour, Mike48, Moby, Nico1981, nobody, Rika1, River, Susse, TripleM, zickzack
Asmo, balea, Charles, Dieter Weißbach, Franz-Jupp, Gabriella, Gartenbank, Gemshorn, Ingmar, Johannes, kacz, Kräuterhexe, Lady of the light, m3ontour, Mike48, Moby, Nico1981, nobody, Rika1, River, Susse, TripleM, zickzack
Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)
Besucherzähler
Heute waren 556 Gäste und 23 Mitglieder, gestern 2625 Gäste und 34 Mitglieder online.
Statistiken
Themen | 41422 |
Beiträge | 302492 |
Mitglieder | 12.395 |
Forum empfehlen