[alle Versionen] Editor Hintergrundbild optimal anpassen

[Marks little Tribe]

Hallöchen, ich bin es mal wieder.

Ich habe ein Problemchen mit meinem Editor Hintergrundbild.
In der "Express Antworten"-Ansicht ist der Editor ja kleiner, mein Hintergrundbild ist dafür aber zu groß.
In der "normalen" Ansicht des Editors ist das Bild voll okay.


In der Express Antworten Ansicht sieht das so aus:



Im normalen Modus, wie wenn man zb. auf "Vorschau" klickt, sieht das so aus:



Meine Frage: Wie bekomme ich den Hintergrund so, dass ich in allen beiden Editor Ansichten die gleiche Hintergrund Ansicht habe?
Wenn ich das Bild kleiner mache, dann ist´s in der Vorschauansicht zu klein. Könnte man doch irgendwie auf die beiden Ansicht optimal skalieren, oder?

Würde mich freuen {also wie immer }, wenn mir jemand behilflich sein könnte.

TAA
Mark

[Günther]

Hallo @Marks little Tribe

mit diesem Code wird das Hintergrundbild so skaliert, dass es zur Gänze im Editor sichtbar ist und nicht abgeschnitten wird:

Code:

.sceditor-container iframe, .sceditor-container textarea {
  background-image: url("BILDURL") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

Liebe Grüße
Günther

[Marks little Tribe]

Vielen Dank Günther, hat geklappt.
Dein wissen möcht ich haben xD


Kann werden

[Günther]

Dein wissen möcht ich haben xD

Das ist nicht so schwer, ich habe es mir auch selbst angeeignet. Folgende Quellen kann ich dir besonders empfehlen:
http://wiki.selfhtml.org/wiki/CSS
http://www.mediaevent.de/css/
https://www.codecademy.com/tracks/web
In Kombination mit Entwicklertools im Browser (Firebug, Chrome DevTool) kannst du sehr schnell CSS-Kenntnisse erwerben.

Bitte und gute Nacht!
-closed-