Avatar

Neues Forum (Allgemein)

Fritz ⌂, Wednesday, 29.05.2019, 15:43 (vor 1765 Tagen)
bearbeitet von Fritz, Sunday, 02.06.2019, 14:12

Das alte Forum lief nur unter der veralteten PHP-Version 5.6, nicht jedoch unter der aktuellen PHP-Version 7.x. PHP 5.6 wird leider seit 01.01.2019 nicht mehr unterstützt, d. h. es gibt keine Sicherheitsupdates mehr für diese Version.
Ich habe daher einen harten Schnitt vollzogen, und das Forum hier komplett neu aufgesetzt.
Nebeneffekt: Das neue Forum ist responsive, wie sich das heutzutage gehört.

Ich werde versuchen, im Laufe der Zeit noch den einen oder anderen Beitrag aus dem alten Forum hierher zu kopieren.

Eintrag gesperrt
2922 Views
Avatar

Neues Forum - responsive

Fritz ⌂, Thursday, 30.05.2019, 13:16 (vor 1764 Tagen) @ Fritz
bearbeitet von Fritz, Sunday, 02.06.2019, 13:44

Um das Forum responsive zu machen, d. h. auch auf Smartphones benutzbar, habe ich folgende Ergänzungen vorgenommen:

1. main.tpl Zeile 12 hinzugefügt:

<meta name="viewport" content="width=device-width, initial-scale=1" />

2. style.min.css hinzugefügt (am Ende):

body{-webkit-text-size-adjust:none;}

input,textarea{font-size:1em;}

@media (max-device-width: 450px)  {
 .posting img {max-width:100%;height:auto;}
 input {max-width: 82vw;}
 textarea {margin-bottom:1em;max-width:85vw;}
 input, textarea/*, #subnav .small*/{font-size:16px;}
 #postingform #format-bar {margin: 0;}
 #bbcode-bar {margin:0;width: auto;} 
 #bbcode-bar button{margin:5px;}
 #smiley-bar {width: auto;}
 #smiley-bar button {border:0;}
 #postingform input.checkbox {margin-left: 0;}
 ul.thread li span.tail {white-space: normal;}
 code {font-size: .82em;}
 code{border:1px dashed;padding:.5em;} 
}

@media (max-device-width: 450px) and (orientation:portrait) {
 body {padding: 5px;} 
 #logo {float:none;padding:0;text-align:center;}
 #nav {text-align:left;}
 #subnav {/*margin-bottom:5em;*/text-align:left !important;height:auto;}
 #subnav-1 {float:none !important;padding-left:5px;}
 #subnav-2 {text-align:left !important;float:none;}
 #subnav #subnav-1 {padding-left:10px;}
 #subnavmenu {display:inline-block;margin:0;}
 #usermenu {margin:0;padding:0 0 1em 5px;line-height:2em;}
 #topsearch {margin-left:5px;} 
 #content {padding:10px 5px;}
 select {margin:0 0 10px 5px;}
 img.avatar {max-width: 35%;height: auto;}
}
@media (max-device-width: 450px) and (orientation:landscape) {
 #subnav {margin-bottom:1em;}
}

[size=large]Nachtrag 31.05.2015:[/size]
Das CSS für das Styling des Sourcecodes wird hier beschrieben.