phpBB.de

Verfasst: **11.12.2017 10:56**

Hallo
Ja, bei längerem Code, welcher in einer Zeile geschrieben wurde, wird ein Scrollbalken angezeigt.
Nach meiner Meinung ist das aber auch kein Fehler, denn der Code wird genau so ausgegeben wie er geschrieben wurde.

Dieser Code (aus dem ersten Post hier)

Code: Alles auswählen

echo "deb http://ppa.launchpad.net/java/ubuntu trusty main" | tee /etc/apt/sources.list.d.list

wird ohne Scrollbalken angezeigt.

Grüße: Mahony

Verfasst: **11.12.2017 11:02**

Kann ich diese Balken nicht wegbekommen? Mir sagen sie nicht zu.

Verfasst: **11.12.2017 14:36**

Hello, als Fehler kann man die Tatsache sicherlich nicht bezeichnen. Nur ist die Ausgabe ziemlich unpraktisch, wenn eine Codierung in der Gesamtschau sowohl vertikal als auch horizontal (u.U. je nach Länge, Einrückungen etc.) im Thema nicht überschaubar ist.

Die neu eingeführte Ausgabestrategie im Template setzt sich auch bei mir im IE und FF (phpBB-3.2.1 (Neuinstallation)) fort. Unzweckmäßig ist die Darstellung in einem Beitrag auch aus meiner Sicht alle Male.

Auch ich finde ebenso noch keinen Lösungsansatz oder die Suche im WWW versagt anhand meiner Suchbegriffe.

Grüße

Verfasst: **11.12.2017 14:53**

Hallo
Ändere in der /styles/prosilver/theme/content.css

Code: Alles auswählen

.codebox code {
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	padding: 5px 3px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
	line-height: 1.3em;
}

nach

Code: Alles auswählen

.codebox code {
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	padding: 5px 3px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
	line-height: 1.3em;
	white-space: pre-wrap;
}

Anschließend unbedingt den Cache per FTP leeren und den Browser-Cache ebenfalls leeren (bei mir hat es ca. 30 Minuten gedauert, bis die Änderung angezeigt wurde - obwohl ich alle Caches geleert hatte).

Grüße: Mahony

Verfasst: **29.01.2018 18:14**

Da es im Style Modern äusserst unpassend aussah - also jetzt mit Code von Mahony: [ externes Bild ] Irgendwie auch nicht so ganz der Hit.
Die ultimative Lösung wäre angepasste Scrollbar in Form eines dezenten Striches - nur leider not supported in Firefox sowie steinalt IE Browser, was ich erst nach getaner Arbeit merkte

(Wer vorher im Netz alles liest, ist klar im Vorteil und erspart sich unnötige Arbeit). https://scotch.io/tutorials/customize-t ... r-with-css

Auch, wenn ich kein Freund des Chrombrowsers bin, so wie es da aussieht ist es der absolute Hit und würde auch unten überhaupt nicht stören.
[ externes Bild ]

Verfasst: **29.01.2018 18:45**

Tja...
Allen Menschen recht getan, ist ein Kunst, die niemand kann.
Im Firefox lässt sich das anscheinend nur mit jQuery umsetzen (einfach mal googeln).

Grüße: Mahony

Verfasst: **29.01.2018 19:00**

Meine Codebox Kompromisslösung

[ externes Bild ]

Im Firefox lässt sich das anscheinend nur mit jQuery umsetzen (einfach mal googeln).

Ich weiss, hab ich auf Github runtergeladen. Allerdings in einem phpbb Forum kaum umsetzbar.

Verfasst: **29.01.2018 19:31**

Gib uns doch mal deinen Code sowie du ihn jetzt hast @Tastenplayer.

Verfasst: **29.01.2018 19:44**

Falls Du die Kompromisslösung meinst (ich musste da allerdings auch noch die Schrift anpassen - ich kopier mal alles) Der Code ist jedoch so ja leider nicht mehr auf einer Linie - wie man ihn eingefügt hat, was eben auch irgendwie doof ist. Deshalb wollte ich die Scrollbar ja auch einfach anpassen.

content.css

Code: Alles auswählen

/* Code block */
.codebox {
	border: 8px solid;	
	margin: 1em 0 1.2em 0;
	padding: 3px;
	word-wrap: normal;
}

.codebox p {
	text-transform: uppercase;
	border-bottom: 1px solid;
	margin-bottom: 0;
	padding: 3px;
	font-size: 0.8em !important;
	font-weight: bold;
	display: block;
}

blockquote .codebox {
	margin-left: 0;
}

.codebox code {
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	padding: 5px 3px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
	line-height: 1.3em;
	white-space: pre-wrap;
	margin-bottom: 15px;
	border-bottom: 1px solid;
}

color.css

Code: Alles auswählen

/* Code block */
.codebox {
	background-color: #C4C4C4;
	border-color: #D7D7D7;
}

.codebox p {
	border-bottom-color: #888888;
	color: #000;
}

.codebox code {
	color: #BF0000;
	border-bottom-color: #888888;
}

Code: Alles auswählen

white-space: normal;

[ externes Bild ] Das Problem ist, dass man es so kaum lesen kann in der Codebox. Wenn man es allerdings rauskopiert, sieht es genauso aus, wie man es einfügte und die Scrollbalken sind alle weg.

Code: Alles auswählen

white-space: pre-line;

[ externes Bild ]

Verfasst: **30.01.2018 01:26**

Tastenplayer hat geschrieben:Das Problem ist, dass man es so kaum lesen kann in der Codebox.

Das ist dann, IMHO, ein ernstes Problem: es stellt den Sinn und Zweck der Codebox infrage, wenn man den dort enthaltenen Code nicht mehr wirklich lesen kann. Lesen jetzt im Sinne von dann auch verstehen/nachvollziehen können - ohne ihn jetzt erst noch nachbearbeiten (= rauskopieren" und danach zwangsläufig irgenwo auch wieder reinkopieren) zu müssen.

Achteckige Räder sehen vielleicht schicker aus, aber fahren kann man mit ihnen kaum noch - da nutz mir dann auch die "optimierte" Optik nichts mehr, wenn ihre eigentliche Funktion dabei abhanden kommt

phpBB.de

[3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box

Re: [3.2.x] Code Box