Okay, das sind dann ein paar Rahmenbedingungen mehr, mit denen man jetzt, nachdem sie bekannt sind, auch arbeiten kann
Nur mal laut gedacht jetzt ...
In prosilver wird das Postprofil für mobile Auflösungen unterhalb eines definierten Schwellwertes
über dem Postbody angezeigt statt seitlich davon.
Eventuellließe sich darüber mehr Platz schaffen, ohne deswegen größere Eingriffe im originalen Code vornehmen zu müssen.
Ob das machbar ist, ohne unerwünschte Nebeneffekte zu erzeugen, müsste ich allerdings erst noch durchtesten. Falls es also noch etwas Zeit haben sollte ...
Automatisch dem Beitrag hinzugefügt nach 39 Minuten 40 Sekunden. Bitte Regel für „Topic-Bumping“ beachten. Danke.
Separater Beitrag - damits übersichtlich bleibt
So, ein erster grober Ansatz - bitte mal testen, ob das so hinkommen könnte und ob es bei Dir Nebenwirkungen hat.
(Ich gehe hier jetzt von einem unveränderten originalen prosilver-Code aus)
- Im ACP
Vorschaubild erstellen:
wieder deaktivieren
- Erstelle im
/theme
Verzeichnis ein neues, leeres Stylesheet, z.B. custom.css
- Importiere dieses neue Stylesheet in der
stylesheet.css an letzter Stelle
- Öffne die
custom.css
und und füge dort folgendes ein
Code: Alles auswählen
/* Post
----------------------------------------*/
.postbody {
position: inherit;
}
.postprofile, .postbody, .search .postbody {
display: block;
width: auto;
float: none;
padding: 0;
min-height: 0;
}
.post .postprofile {
width: auto;
border-width: 0 0 1px 0;
padding-bottom: 5px;
margin: 0;
margin-bottom: 5px;
min-height: 40px;
overflow: hidden;
}
.postprofile dd {
display: none;
}
.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
display: block;
margin: 0;
}
.postprofile .has-avatar .avatar-container { margin: 0;
overflow: inherit;
}
.postprofile .avatar-container:after {
clear: none;
}
.postprofile .avatar {
margin-right: 5px;
}
.postprofile .avatar img {
width: auto !important;
height: auto !important;
max-height: 32px;
}
.has-profile .postbody h3 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.has-profile .post-buttons {
right: 30px;
top: 15px;
}
.online {
background-size: 40px;
}
Wie gesagt: es ist jetzt erst einmal nur ein Test, ob das auch so funktionieren könnte.
Hintergrund:
In der
responsive.css
wird u.a. durch diesen Codeblock, der die Anzeige der Beiträge in mobilen Darstellungen regelt. unterhalb eines Schwellwertes von 700px das Postprofil "nach oben" verlagert.
Dies wäre dann die Formatierung, die Du als Standard bei
allen Auflösungen brauchen würdest.
Um jetzt nicht den über die Stylesheets verstreuten Code der "normalen", nicht responsiven Formatierungen der einzelnen Elemente suchen und anpassen zu müssen, sollte es auch reichen, diesen en bloc "überschreiben zu lassen.
Genau dies geschieht jetzt durch diese
custom.css
: da der Codeblock dort nicht mehr an eine betimmte Auflösung gekoppelt ist, wird er zum neuen Standard für
alle Auflösungen.
Die angezeigte Breite des Postbodys hängt jetzt nur noch von dem Wert ab, den Du für
wrap
als max-width definierst.