Seite 3 von 3
Re: Board Update
Verfasst: 16.04.2021 21:21
von STARGÅTE
NicTheQuick hat geschrieben: 16.04.2021 20:03
Die Schrift ist doch genauso groß wie vorher? Was mich am meisten stört, ist, dass links und rechts nur leere verschenkte Fläche ist. Ich habe es geliebt, dass das Forum die volle Breite des Bildschirms nutzt. Und ich finde es komisch, dass die Autoren nun rechts stehen. Das Code-Snippet von Stargate ändert leider nichts daran.
Echt nicht? Du nutzt doch auch das Dark-Theme oder?
Wenn du im Browser den Bereich des Profils "untersuchst" dann werden doch die Style angezeigt.
Dort steht u.A.:
Code: Alles auswählen
.postprofile {
margin: 5px 0 10px 0;
min-height: 80px;
border: 1px solid transparent;
border-width: 0 0 0 1px;
width: 22%;
float: right;
display: inline;
}
Das "float: right;" überschreibe ich einfach mit .postprofile {float: left;}.
Kann sein, dass du noch mal ein !important machen musst. Aber ich kann es auch im Entwicklermodus einfach nach links schieben.
Re: Board Update
Verfasst: 16.04.2021 21:51
von NicTheQuick
Ich sehe gerade, dass scheinbar etwas ganz anderes falsch ist. In meiner Browser-Konsole erscheint das hier:
Script error in [Greasemonkey Benutzerskript null/Pure Basic Syntax Highlighting]:
TypeError: Illegal constructor. Pure Basic Syntax Highlighting:178:19
<anonym> user-script:null/Pure Basic Syntax Highlighting:178
Zeile 178 gibt es da aber gar nicht
Das sind jedenfalls die 4 letzten Zeilen im Skript:
Code: Alles auswählen
PureBasicSyntaxHighlighting();
const sheet = new CSSStyleSheet();
sheet.replaceSync('a:link, a:active, a:visited {color: #D0D0D0 !important} a:hover {color: #40A0E0 !important} .postbody .content {font-size: 14px !important;} .postprofile {float: left;}');
document.adoptedStyleSheets = [sheet];
//===================================================
Jo, anscheinend geht CSSStyleSheet() auch nicht manuell in der Konsole:
Code: Alles auswählen
sheet = new CSSStyleSheet();
Uncaught TypeError: Illegal constructor.
<anonymous> debugger eval code:1
Re: Board Update
Verfasst: 16.04.2021 22:27
von NicTheQuick
Noch eine Sache, Stargate: Kann ich irgendwie bestimmen wie stark Code eingerückt wird?
Hier hab ich mal Tabs, ein Leerzeichen und 4 Leerzeichen. Mich stört vor allem, dass Tabs nur als ein Leerzeichen dargestellt werden. Ich hätte gerne 4 Leerzeichen. Geht das?
Code: Alles auswählen
Structure Tabs
size.i
EndStructure
Structure Space1
size.i
EndStructure
Structure Space4
size.i
EndStructure
Re: Board Update
Verfasst: 16.04.2021 22:37
von Bisonte
@Nic: Ich habe gerade gelesen, dass Greasemonkey ab Version 4 die Funktion GM_AddStyle() rausgeflogen ist. Ich habe Stylus Extension ausprobiert und dort klappt es "beinahe"
Es scheint ein Fehler zu sein "float: " mit "display: inline" zu verwenden... Da zeigt das Addon eine Warnmeldung an. aber mit folgendem Script klappt es:
Code: Alles auswählen
.wrap {
max-width: 90%;
}
.postprofile {
float: left !important;
}
.wrap hat die Einstellung für die genutzte Breite.
Fast die komplette Breite (90%) wird genutzt und der Avatar ist auf der linken Seite wie gewohnt.... Nun kann ich mich auf den Rest konzentrieren

Re: Board Update
Verfasst: 16.04.2021 23:50
von STARGÅTE
Das script gibts ja hier:
https://www.purebasic.fr/english/viewto ... 63#p568763 (habs im deutschen Forum noch nicht geupdated).
Du hast recht, inzwischen wird das Tab vom Forum nicht mehr umgewandelt, sondern als echtes Tab behalten.
In der Zeile 140 steht ja folgendes:
Code: Alles auswählen
code = code.replace(/<br>/gi, '\r\n');
code = code.replace(/ /gi, '\t');
code = code.replace(/<\/?[^<>]*>/gi, '');
code = code.replace(PBSH_Syntax, PBSH_Replace);
code = code.replace(/\t/gi, ' ');
code = code.replace(/\r\n/gi, '<br>');
Im Prinzip kannst du jetzt dieses hin und zurück konvertieren weglassen (dann sind Tabs "zimlich lang"):
Code: Alles auswählen
code = code.replace(/<\/?[^<>]*>/gi, '');
code = code.replace(PBSH_Syntax, PBSH_Replace);
Oder du entscheidest selber wie viele Leerzeichen ( ) ein Tab haben soll, z.B. zwei:
Code: Alles auswählen
code = code.replace(/<\/?[^<>]*>/gi, '');
code = code.replace(PBSH_Syntax, PBSH_Replace);
code = code.replace(/\t/gi, ' ');
Edit: Was noch geht ist das hier ein paar Zeilen davor, bei den anderen Styles:
Re: Board Update
Verfasst: 25.04.2021 11:25
von STARGÅTE
Für alle die auch die beiden Links "Ungelesene Beiträge" und "Aktive Themen" wieder ohne Drop-Down-Menü erreichen wollen:
Code: Alles auswählen
var quickLinksElement = document.getElementById('quick-links');
var dropDownDiv = quickLinksElement.getElementsByTagName('div')[0];
var quickLinksLi = dropDownDiv.getElementsByTagName('li');
for (var i = 0; i<quickLinksLi.length; i++) {
var linkElements = quickLinksLi[i].getElementsByTagName('a');
if (linkElements.length > 0 && linkElements[0].getAttribute('href') && (linkElements[0].getAttribute('href').search('active_topics')>=0 || linkElements[0].getAttribute('href').search('unreadposts')>=0)) {
var clone = quickLinksLi[i].cloneNode(true);
var navBar = document.getElementById('nav-main');
navBar.appendChild(clone);
}
}
Hier die Vorschau vom englischen Board.
Das user script könnt ihr z.B. mit
Tampermonkey einbinden.
Re: Board Update
Verfasst: 25.04.2021 12:26
von NicTheQuick
Cool. Danke!
Ich habe für mich "unreadposts" durch "newposts" ersetzt, weil die ungelesenen Posts bei mir über 1000 Treffer sind.
