Code Abschnitt volle Breite.

27.06.2024 08:30 (zuletzt bearbeitet: 27.06.2024 08:32)
avatar  Rocrail
#1 Code Abschnitt volle Breite.
avatar
Mitglied

Guten Tag,

ich konnte kein passendes Thema finden. Wenn es welche gibt: Bitte verschieben.

Mein Forum verwendet v4 Template, und dabei sind [ code ][ /code ] Abschnitte nicht über die volle breite und führen oft zu Missverständnisse.
Gibt es ein Möglichkeit das zu ändern?

Hier ein Beispiel wie es zZ aussieht:


 Antworten

 Beitrag melden
27.06.2024 09:07
avatar  Mike48
#2 RE: Code Abschnitt volle Breite.
avatar
Mitglied

Das ist aber ein unbrauchbares Beispiel.
Das hat doch nur eine Zeile.


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
27.06.2024 09:13
avatar  Rocrail
#3 RE: Code Abschnitt volle Breite.
avatar
Mitglied

Zitat
Das hat doch nur eine Zeile.


man sieht das es abgeschnitten ist.

Anbei ein anderes Beispiel:


 Antworten

 Beitrag melden
27.06.2024 10:24 (zuletzt bearbeitet: 27.06.2024 10:25)
avatar  Olaf
#4 RE: Code Abschnitt volle Breite.
Ol
Mitglied

Versuch mal in der CSS folgenden Code einzugeben:

1
 
.code pre{white-space:pre-wrap;}
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
27.06.2024 10:26
avatar  Rocrail
#5 RE: Code Abschnitt volle Breite.
avatar
Mitglied

Hallo Olaf,

Danke, aber das hat leider nicht geholfen.


 Antworten

 Beitrag melden
27.06.2024 10:33 (zuletzt bearbeitet: 27.06.2024 10:35)
avatar  Rocrail
#6 RE: Code Abschnitt volle Breite.
avatar
Mitglied

mit

1
 
.code pre{white-space:pre-wrap;width=95%;}
 


klappt es.
Wenn width auf 100% gesetzt wird klappt es mit den Zeilennummern nicht mehr.
Die Zeilennummern sind sowieso nicht echt hilfreich; Kann man diese weglassen?


 Antworten

 Beitrag melden
27.06.2024 10:41
#7 RE: Code Abschnitt volle Breite.
l2
Mitglied

für V4 könnte man die width-Angabe (600px, 700px ) entfernen (unset oder auto)

in Admin - Layout - Farben&Einstellungen - CSS

1
2
3
4
5
6
7
8
 

pre {
width: auto;
}
.code pre {
width: auto;
}
 
 



oder einen neuen Wert festlegen

1
2
3
4
5
 

.code pre {
width: 1000px;
}
 
 



codelines weglassen:

1
2
3
4
5
 

.codelines {
display:none;
}
 
 





... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
27.06.2024 10:45
avatar  Rocrail
#8 RE: Code Abschnitt volle Breite.
avatar
Mitglied

Vielen Danke Bernd!


 Antworten

 Beitrag melden
27.06.2024 10:51
avatar  Ingmar
#9 RE: Code Abschnitt volle Breite.
avatar
Technik

Bernds antwort ist völlig korrekt. Ich würde vorschlagen, das noch auf "xquotable" zu beschränken - dann greifen diese Änderungen nur bei Beiträgen/Blog-Inhalten etc, nicht and anderen Stellen wie z.B. eigenen Seiten.


Dazu bitte unter Admin→Layout→Farben & Einstellungen→CSS folgendes eintragen:

1
 
.xquoteable .code pre{width:90% !important}
 

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
27.06.2024 11:05
avatar  Olaf
#10 RE: Code Abschnitt volle Breite.
Ol
Mitglied

Das habe ich auch falsch verstanden,Ich meinte ,er wollte nur einen Zeilenumbruch haben.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
27.06.2024 15:15 (zuletzt bearbeitet: 27.06.2024 15:21)
avatar  Rocrail
#11 RE: Code Abschnitt volle Breite.
avatar
Mitglied

Hallo,

kann man diese Zeilenstrichen auch unterdrücken?
Damit werde es wesentlich kompakter, und für ASCII-Art übersichtlicher.

Beispiel:

1
2
3
4
5
6
7
8
 

PCa PCb IFs
+------------------------+ +------+ +--------+
| / netBiDiB-1--|--TCP--|\ /|--USBa--|GBMBoost|---RS485---+++
| Rocrail-| | |Broker| +--------+ +--------+
| \ netBiDiB-2--|--TCP--|/ \|--USBb-------------| ZEUS |---RS485---+++
+------------------------+ +------+ +--------+
 
 




1
2
3
4
5
6
7
8
9
10
11
 

---------------------------------------------------
RRRRRR lll
RRR RRR iii lll
RRR RRR lll
RRRRRR ooooo ccccc rrrrrr aaaaaa iii lll
RRR RRR ooo ooo ccc rrr rrr aaa aaa iii lll
RRR RRR ooo ooo ccc rrr aaa aaa iii lll
RRR RRR ooooo ccccc rrr aaaaaa iii lll
---------------------------------------------------
 
 



 Antworten

 Beitrag melden
27.06.2024 16:14
avatar  Rocrail
#12 RE: Code Abschnitt volle Breite.
avatar
Mitglied

Ich habe es jetzt so gelöst:

1
2
3
4
 

.code pre{white-space:pre-wrap;width:auto;line-height:13px;font-size:13px;background-image:none;background-color:#DFDFDF;}
.codelines {display:none;}
 
 


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!