MyBB.de Forum
Code-Darstellung im Beitrag ohne Scroll-Balken - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Code-Darstellung im Beitrag ohne Scroll-Balken (/thread-30151.html)

Seiten: Seiten: 1 2

Code-Darstellung im Beitrag ohne Scroll-Balken - Rabe - 04.08.2014

Hallo,

wie kann ein Benutzer für sich ausschalten, daß die Scrollbalken bei der Code-Darstellung über den #-Button angezeigt werden?

Muß ich das als Admin für ihn irgendwo freischalten?

Danke schon mal für Antworten.

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - MrBrechreiz - 04.08.2014

Sorry aber ich verstehe nicht was Du meinst. Kannst Du es genauer Beschreiben oder mit Skizze.

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - Juventiner - 04.08.2014

Es geht wohl darum, dass bei vielen Zeilen im MyCode [code] eine Scrolbar erscheint, er diese aber nicht haben will.

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - MrBrechreiz - 04.08.2014

Ok, wenn dem so sei, wird es aber sehr lang werden, wenn jemand zB 500 Zeilen Code postet.

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - Rabe - 05.08.2014

Hallo,

(04.08.2014, 19:00)MrBrechreiz schrieb: Ok, wenn dem so sei, wird es aber sehr lang werden, wenn jemand zB 500 Zeilen Code postet.

ja, das ist es, aber des Users Wille ist sein Himmelreich. Wink Smile

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - MrBrechreiz - 05.08.2014

Wie Du möchtest. Öffne die global.css und Suche nach

Code:
.codeblock code

Dies ergänzen mit

Code:
height: auto;


Wenn da evtl. schon ein Höhenwert drinnen steht, dann einfach ändern in den o.g.

Noch eine kleine Bemerkung dazu. Um das ganze nicht ins unendliche zu ziehen, gäbe es noch die Möglichkeit das ganze in einen Spoiler zu packen.

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - Jockl - 05.08.2014

Ich sehe ja bei dieser Anforderung
(04.08.2014, 10:16)Rabe schrieb: wie kann ein Benutzer für sich ausschalten....
ein generelles Problem. User spezifisch dürfte das vermutlich nicht einfach umzusetzen sein.

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - MrBrechreiz - 05.08.2014

Habe jetzt noch eine Lösung gebaut. Mit Hilfe eines Spoilers ist dies meiner Meinung nach viel angenehmer.


Einbauanleitung:

Öffne die inc/class_parser.php und Suche nach

PHP-Code:
return "<div class=\"codeblock\">\n<div class=\"title\">".$lang->code."\n</div><div class=\"body\" dir=\"ltr\"><code>".$code."</code></div></div>\n"; 

ersetze diese Zeile mit

PHP-Code:
return "<div class=\"codeblock phpcodeblock\"><div class=\"codeblock\">\n<div class=\"title\">".$lang->code."\n</div><div style=\"padding: 3px; background-color: #3a1e13; border: 2px solid #fff; font-size: 1em; width: auto;color:#fff;\"><div style=\"text-transform: uppercase; border-bottom: 1px solid #000000; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;\"><span onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler</b><a href=\'#\' onclick=\'return false;\'>schließen</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler</b><a href=\'#\' onclick=\'return false;\'>öffnen</a>'; }\"><b>Spoiler</b><a href=\"#\" onclick=\"return false;\" style=\"color:#EAA225;\">öffnen</a></span></div><div class=\"quotecontent\"><div style=\"display: none;\"><div class=\"body\" dir=\"ltr\"><code>".$code."</code></div></div></div></div></div></div>\n"; 


Weiterhin Suchen nach

PHP-Code:
return "<div class=\"codeblock phpcodeblock\"><div class=\"title\">$lang->php_code\n</div><div class=\"body\">".$code."</div></div>\n"; 

ersetzen mit

PHP-Code:
return "<div class=\"codeblock phpcodeblock\"><div class=\"title\">$lang->php_code\n</div><div style=\"padding: 3px; background-color: #3a1e13; border: 2px solid #fff; font-size: 1em; width: auto;color:#fff;\"><div style=\"text-transform: uppercase; border-bottom: 1px solid #000000; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;\"><span onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler</b><a href=\'#\' onclick=\'return false;\'>schließen</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler</b><a href=\'#\' onclick=\'return false;\'>öffnen</a>'; }\"><b>Spoiler</b><a href=\"#\" onclick=\"return false;\" style=\"color:#EAA225;\">öffnen</a></span></div><div class=\"quotecontent\"><div style=\"display: none;\"><div class=\"body\">".$code."</div></div></div></div></div>\n"; 


Öffne nun die global.css und Suche nach

Code:
.codeblock code

und ergänze es mit

Code:
height: auto;


Nun solltest Du nur noch die Hintergrundfarbe und die Textfarbe anpassen. Viel Spass damit Big Grin

RE: Code-Darstellung im Beitrag ohne Scroll-Balken - Rabe - 09.08.2014

(05.08.2014, 22:46)MrBrechreiz schrieb: Habe jetzt noch eine Lösung gebaut. Mit Hilfe eines Spoilers ist dies meiner Meinung nach viel angenehmer.
[...]
Einbauanleitung:

danke für die Arbeit, das war mir dann doch zu viel Aufwand.

Wir haben für den Firefox die Erweiterung Stylish gefunden. Diese Erweiterung ermöglicht das Überschreiben des CSS vom Forum.

Evtl. ist das für den einen oder anderen auch von Interesse, deshalb poste ich mal den entsprechenden Code, der bei der Erweiterung für den Firefox eingetragen werden muss.

Code:
   @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain("www.forumsname.de") {
      div.codeblock code{ overflow: none !important;
                       max-height: 4800px !important;
      }
    }


RE: Code-Darstellung im Beitrag ohne Scroll-Balken - MrBrechreiz - 09.08.2014

Das ist dann aber nur Browserspezifisch und nicht Forum / Serverseitig.


Das soll zu viel Aufwand sein , zwei Zeilen Code zu ändern und eines in die css ? Big Grin