[3.2.x] Code Box

Fragen rund um die Installation, Administration und Benutzung von phpBB.
Forumsregeln
Bitte im Thementitel den Präfix deiner phpBB-Version angeben
Benutzeravatar
Mahony
Ehemaliges Teammitglied
Beiträge: 12178
Registriert: 17.11.2005 22:33
Wohnort: Ostfildern Kemnat
Kontaktdaten:

Re: [3.2.x] Code Box

Beitrag von Mahony »

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
Taekwondo in Berlin
Wer fragt, ist ein Narr für fünf Minuten, wer nicht fragt, ist ein Narr für immer.
sv3n
Mitglied
Beiträge: 183
Registriert: 25.01.2015 19:31

Re: [3.2.x] Code Box

Beitrag von sv3n »

Kann ich diese Balken nicht wegbekommen? Mir sagen sie nicht zu. :cry:
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4909
Registriert: 08.06.2009 12:03
Kontaktdaten:

Re: [3.2.x] Code Box

Beitrag von Talk19zehn »

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
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
Benutzeravatar
Mahony
Ehemaliges Teammitglied
Beiträge: 12178
Registriert: 17.11.2005 22:33
Wohnort: Ostfildern Kemnat
Kontaktdaten:

Re: [3.2.x] Code Box

Beitrag von Mahony »

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
Taekwondo in Berlin
Wer fragt, ist ein Narr für fünf Minuten, wer nicht fragt, ist ein Narr für immer.
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2.x] Code Box

Beitrag von Tastenplayer »

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 :oops: (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 ]
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Mahony
Ehemaliges Teammitglied
Beiträge: 12178
Registriert: 17.11.2005 22:33
Wohnort: Ostfildern Kemnat
Kontaktdaten:

Re: [3.2.x] Code Box

Beitrag von Mahony »

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
Taekwondo in Berlin
Wer fragt, ist ein Narr für fünf Minuten, wer nicht fragt, ist ein Narr für immer.
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2.x] Code Box

Beitrag von Tastenplayer »

Meine Codebox Kompromisslösung :D [ 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.
Zuletzt geändert von Tastenplayer am 29.01.2018 19:33, insgesamt 1-mal geändert.
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
sv3n
Mitglied
Beiträge: 183
Registriert: 25.01.2015 19:31

Re: [3.2.x] Code Box

Beitrag von sv3n »

Gib uns doch mal deinen Code sowie du ihn jetzt hast @Tastenplayer.
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2.x] Code Box

Beitrag von Tastenplayer »

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 ]
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2.x] Code Box

Beitrag von Melmac »

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 :wink:
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Antworten

Zurück zu „Support-Forum“