Hallo,
also ich hab jetzt nach einigen Versuchen eine Möglichkeit gefunden, dass die "Letzten Beiträge" im Portal vom Layout so angezeigt werden, dass sie gut leserlich sind und die mittlere Tabelle/ sorry: Blöcke nicht auseinander oder ineinander gehen, wenn man den Browser verkleinert.
Dank Kirk hab ich die css Befehle gefunden, mit welchen ich die zu arg gestauchten Blöcke ausblenden oder ausrichten kann.
Ab einer gewissen Größe (bei verkleinerung des Browsers) werden die Blöcke views und zugriffe ausgeblendet, später die letzten Poster,
dann werden ja die Portal elemente nach unten verschoben, da ist wieder genug Platz um die Threadbeiträge und die letzten Poster anzuzeigen und ab einer gewissen größe werden nur die letzten Threads/posts angezeigt.
Ich setz hier den von mir laienhaft veränderten Code der Datei: portal_responsive.css rein.
Zusätzlich ist die von Kirk empfohlene Modifikation in seinem ersten Antwortposting hier (oben) in diesem Thread bzgl. der portal.css bei mir aktiv.
Code: Select all
/*modifikation views und Zugriffe werden eher ausgeblendet weil sonst die Tabelle in der Mitte zu arg gestaucht wird
die max Forenbreite beträgt: .wrap { max-width: 1390px; } */
@media only screen and (max-width: 1170px), only screen and (max-device-width: 1170px)
{
.responsive-portal-news dd.posts, .responsive-portal-news dd.views {
display: none !important;
}
.topiclist .topics, .topiclist .posts { display: none !important; }
dd.responsive-portal-news { display: none !important; }
.responsive-portal-news dt .list-inner, .responsive-portal-announcements dt .list-inner { margin-right: 40% !important; }
ul.topiclist dt {
margin-right: -40%;
}
}
/* modifikation der mittlere Bereich wird so klein, dass nur noch die Thread-Links (bei mir: lastposts) angezeigt werden, weil zwei Blöcke zu sehr gestaucht werden.
(hab die news_compact_center.html so angepasst, dass die Hauptlinks zum letzten noch nicht gelesenen Post führen. - war ein Wunsch der User.
zum Threadbeginn hab ich einen extra kleinen Link eingefügt.)*/
@media only screen and (max-width: 1080px), only screen and (max-device-width: 1080px)
{
.responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: none !important; }
.responsive-portal-news dt .list-inner, .responsive-portal-announcements dt .list-inner { margin-right: 0 !important; }
.responsive-portal-news dt, .responsive-portal-announcements dt { width: 100% !important; }
dt#n, dt#a { width: 100% !important; }
}
/* original code
@media only screen and (max-width: 1040px), only screen and (max-device-width: 1040px)
{
.responsive-portal-announcements dd.views { display: none !important; }
dd.responsive-portal-announcements { display: none !important; }
.responsive-portal-announcements dd.posts, .responsive-portal-announcements dd.views {
display: none !important;
}
dt#a { width: 125% !important; }
.responsive-portal-announcements dt { width: 130% !important; }
dd.responsive-portal-news { display: none !important; }
.responsive-portal-news dd.posts, .responsive-portal-news dd.views {
display: none !important;
}
.responsive-portal-news dt { width: 130% !important; }
dt#n { width: 125% !important; }
.topiclist .topics, .topiclist .posts { display: none !important; }
#portal-forumlist dl.icon dt { width: 125% !important; }
}
*/
@media only screen and (max-width: 895px), only screen and (max-device-width: 895px)
{
/*modifikation: weil die Portal elemente links und rechts ausgeblendet/verschoben werden, bleibt mittig genug Platz um die
User der Letzten Posts wieder einzublenden*/
.responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: block !important; }
.responsive-portal-news dt .list-inner, .responsive-portal-announcements dt .list-inner { margin-right: 40% !important; }
ul.topiclist dt {
margin-right: -40%;
}
/* modifizierung ende */
div#portal-right {
width: 49% !important;
margin-left: 1% !important;
}
div#portal-left {
width: 50% !important;
margin-left: 0 !important;
}
.rtl div#portal-right {
margin-left: 0 !important;
margin-right: 1% !important;
}
.rtl div#portal-left {
margin-left: 0 !important;
margin-right: 0 !important;
}
div#portal-center {
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.responsive-portal-news dt { width: 100% !important; }
.responsive-portal-announcements dt { width: 100% !important; }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
.responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: none !important; }
.responsive-portal-news dt .list-inner, .responsive-portal-announcements dt .list-inner { margin-right: 0 !important; }
.responsive-portal-news dt, .responsive-portal-announcements dt { width: 100% !important; }
dt#n, dt#a { width: 100% !important; }
.portal-responsive-poll .resultbar {
display: none !important;
}
.portal-responsive-poll dt { width: 45% !important; }
.portal-responsive-poll dd {
width: 45% !important;
float: right !important;
}
#portal-forumlist dl.icon dt { width: 100% !important; }
#portal-left ul.topiclist dd, #portal-right ul.topiclist dd { display: block !important; }
.portal-responsive-show { display: block !important; }
.portal-responsive-hide { display: none !important; }
#portal-body { padding-top: 0 !important; }
#portal-right > .portal-clear, #portal-body > .portal-clear, #portal-left > .portal-clear,
#portal-center > .portal-clear, #portal-login-box .portal-clear { display: none !important; }
#portal-right { width: 50% !important; }
#portal-left { width: 50% !important; }
#portal-center {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
}
}
Vielen Dank noch mal @Kirk für die Zeit und die Hilfe.
Viele Grüße
Heiko