Hintergrund abdunkeln
Hallo @Nico,
...das ist normalerweise kein Problem, Du kannst das sogar bei einigen Designs mit Jimdo-Bordmitteln schaffen. Und zwar, indem Du mit "Styles" den Bereich anwählst, den Du abdunkeln willst. Beispiel: Design Singapore > Hintergrund mit RGBA (Transparenz)
Ich kann mir aber vorstellen, dass du noch etwas anderes im Sinn hast: und zwar bestimmte Elemente gegenüber dem Hintergrund hervorzuheben. Das geht dann tatsächlich nur über CSS. Schreib mal, auf welcher Seite Du das testen möchtest, dann kann ich Dir bestimmt helfen!
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Hallo @Nico,
...diese Funktionen sind von so wenigen Jimdo-Usern benutzt worden, dass man sie offensichtlich einfach abgeschaltet hat.
Ich vermisse sie auch - du kannst aber mal versuchen, die folgenden Hintergründe bzw. Background-Pattern bei Dir einzubauen:
dieses hier:
bekommst Du unter: https://files.homepagemodules.de/b644478/...n2_KOvhJdkB.png ...
...und dieses hier: 
findest Du unter: http://www.clker.com/cliparts/0/e/2/6/11...nal.svg.med.png
Der Trick ist folgender:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<style>
/*Background abdunkeln (Gradient schwarz mit transp > rot mit transp.)
----------------------------------------------------------------------------------------------*/
.body {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(220, 20, 20, 0.6)),
url("https://image.jimcdn.com/app/cms/image/transf/none/path/sbd15cd277f35d478/background/i6b53594ac211a005/version/1411475929/image.jpg") !important;
background-size: initial; /* Verhalten des Hintergrundbildes*/
background-position: top center; /*Position des Hintergrundbildes*/
}
/*Background-Overlay (after .body)
--------------------------------------------------*/
.body:after {
content: "";
background: url("http://www.clker.com/cliparts/0/e/2/6/1194989379339979681pattern-pinstripes-diagonal.svg.med.png") repeat; /*benötigt background-size !*/
background: url("https://files.homepagemodules.de/b644478/f2t91p405n2_KOvhJdkB.png") repeat; /*ohne background-size verwendbar*/
/*background-size: 5% 5%;*/
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
</style>
LG, az
PS: ...getestet habe ich es auf http://zurich-test.jimdo.com/
PPS: Das Verhalten der Hintergrundbilder ist neuerdings standardmäßig "auto" oder "cover" alles darüber findest Du hier: https://developer.mozilla.org/de/docs/We...background-size
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
