BBCode [code][/code] ohne Zeilenumbruch ?

[korona]

Hallo,
gesucht , aber dazu leider nichts gefunden.

Ich würde gern den BBCode "

Code: Alles auswählen

" ohne Zeilenumbruch nutzen wollen, also bei längeren Zeilen evtl. mit horizontalem Scroll-Balken. Ist das irgendwie möglich? Im ACP finde ich keine Einstellung dafür, die Standard-BBCode lassen sich hier nicht bearbeiten, nur die eigenen BBCode lassen sich bearbeiten. Vielleicht weiß ja jemand Rat, Danke.

[Miriam]

Hallo,

bei prosilver wäre das dann:
finde in der content.css

Code: Alles auswählen

dl.codebox code {
    /* Also see tweaks.css */
    overflow: auto;
    display: block;
    height: auto;
    max-height: 200px;
    white-space: normal;
    padding-top: 5px;
    font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
    line-height: 1.3em;
    color: #8b8b8b;
    margin: 2px 0;
} 

finde darin:

Code: Alles auswählen

    white-space: normal; 

tausche diese Zeile aus gegen:

Code: Alles auswählen

    white-space: nowrap; 

Wenn du ein DB basiertes Theme hast, musst du es im ACP aktualisieren. Leere auch den Cache.

[korona]

Hallo,

Danke für Deine Infos. Ich bin allerdings nicht auf die Idee gekommen, das es in /styles/... geändert werden muss, sonst hätte ich mitgeteilt, das ich den Style twilightBB nutze. Dieser basiert auf subsilver2 und hat keine content.css. Gibt es dafür auch eine Lösung? Danke schon mal.

[Crizzo]

Hallo,

Danke für Deine Infos. Ich bin allerdings nicht auf die Idee gekommen, das es in /styles/... geändert werden muss, sonst hätte ich mitgeteilt, das ich den Style twilightBB nutze. Dieser basiert auf subsilver2 und hat keine content.css. Gibt es dafür auch eine Lösung? Danke schon mal.

Ja, da steht diese Angabe vermutlich so oder so ähnlich in der stylesheet.css

[korona]

Nun, wenn es so einfach wäre, hätte ich es dann vermutlich gefunden. Aber etwas ähnliches scheint es in der stylesheet.css nicht zu geben. Oder ich bin blind.

Hat noch jemand eine Idee? Danke.

[Crizzo]

Hi,

hier ist der Abschnitt aus der CSS-Datei von subsilver2, der den unteren Teil des Code-Fensters formatiert:

Code: Alles auswählen

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

Dort fügst du jetzt nach dem letzten ; einfach folgendes ein:

Code: Alles auswählen

white-space: nowrap;
overflow: auto;

sowie eine passende Breite. Die Breite musst du dann auch bei diesem ergänzen:

Code: Alles auswählen

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

[BNa]

Aber etwas ähnliches scheint es in der stylesheet.css nicht zu geben.

Doch, in der styles/twilightBB/theme/stylesheet.css

Code: Alles auswählen

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #111111;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #F47230;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background: #252525 url("{T_THEME_PATH}/images/textarea.gif") top repeat-x;
}

ersetze mit

Code: Alles auswählen

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #111111;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #F47230;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background: #252525 url("{T_THEME_PATH}/images/textarea.gif") top repeat-x;
	white-space: nowrap;
	overflow: auto;
}

Ahja, BlackHawk87 war schneller

[korona]

Ok, ich danke Euch beiden. Ich habe die zwei Zeilen im Block .codecontent eingefügt. Nun funktioniert es schon mal.
Allerdings hat die Codebox noch keinen Scroll-Balken. Ich vermute jetzt mal, dass es an der erwähnten Breite liegen könnte?

sowie eine passende Breite. Die Breite musst du dann auch bei diesem ergänzen:

Code: Alles auswählen

    .codetitle {

Da ich vom Programmieren keine Ahnung habe, möchte ich Euch bitten, dass Ihr mir noch mal mitteilen könntet, was ich genau für die Breite einfügen soll. Mit evtl. Zahlen für eine Breite kann ich ja dann experimentieren. Oder kann die Breite auch automatisch sein, ich meine vom Browserfenster abhängig sein? Danke.

[Crizzo]

Gib mal einen Link zu einem Beitrag, wo man das sehen kann, da bastel ich dir mal eine Breite hin.


PS: CSS und HTML wird nicht programmiert.

[korona]

Oops, da gibt es eigentlich noch nichts, das kommt erst noch, ich habe aber mal eben ein Beispiel erstellt.
http://www.spacetalk.de/viewtopic.php?f=7&t=315
Das lösche ich dann nachher eben wieder.
Ich hatte meinen oberen Beitrag vorhin noch editiert, falls eine automatische Breite möglich wäre, je nach Browserbreite.
Vielen Dank für die Mühe.