Transparenz beim alten Design oder Helsinki modifiziert?
...super kopiert!
Zitat
Für mich stellt sich noch die Frage, ob ich
a) den Contentbereich hervorgehoben haben möchte, oder
b) den Seitenbereich
Könnte man das später noch ändern?
Du meinst:
...ja, das geht. Eigentlich hab ich nicht viel daran gemacht. Nur den Schatten des div#content_area gesetzt und den border-radius gesetzt. Das geht auch für den "Seitenbereich"...
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
Hi deva,
...wie ich sehe, hast Du Dich für Helsinki entschieden. Sieht sehr gut aus, mit dem Schatten :)
Vielleicht kannst Du das Hintergrundbild doch lieber wieder fixieren? ...und wenn Du den Slider eingebaut hast, müsste folgender Code Dir auch Dein Hintergrund-Muster wieder geben:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style type="text/css">
/*<![CDATA[*/
/*hier die css-Anweisungen einfügen*/
#content_area, #sidebar, .navigation-colors {
-webkit-box-shadow: 3px 10px 25px 0px rgba(173,164,173,1);
-moz-box-shadow: 3px 10px 25px 0px rgba(173,164,173,1);
box-shadow: 3px 10px 25px 0px rgba(173,164,173,1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.body {
background: transparent url("http://assets2.jimstatic.com/s/img/cms/background/fix/291.jpg")
repeat scroll 0% 0%;
}
/*]]>*/
</style>
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
...folgenden Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<style type="text/css">
/*<![CDATA[*/
/*Slider-images Position und Größe "festnageln"
-----------------------------------------------------------------------/*
div#cc-jimdo-bgr-slider ul, div#cc-jimdo-bgr-slider ul li {
background-attachment: fixed;
background-position: top left;
background-size: auto;
-o-background-size: auto;
}
/*setzt die Höhe des Sliders auf Wert
----------------------------------------------*/
#cc-jimdo-bgr-slider,
#cc-jimdo-bgr-slider ul,
#cc-jimdo-bgr-slider ul li {
min-height: 470px !important; /*Wert ändert Höhe des BG-Image*/
}
/*Abstand des Content-Containers in Relation zu BG-Image
-----------------------------------------------------------*/
.container {
margin-top:70px; /*Wert ändert Abstand*/
}
/*Schatten und Abrundung Bereiche (#cc-inner=nicht für mobile!)
--------------------------------------------------------------------*/
#cc-inner #content_area, #cc-inner #sidebar, .navigation-colors {
-webkit-box-shadow: 3px 10px 25px 0px rgba(173,164,173,1);
-moz-box-shadow: 3px 10px 25px 0px rgba(173,164,173,1);
box-shadow: 3px 10px 25px 0px rgba(173,164,173,1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*Randabstand Sidebar und Content
--------------------------------------------*/
#cc-inner #content_area, #cc-inner #sidebar {
padding:15px
}
/*Abrundungen für Bilder ges. Webseite
---------------------------------------*/
img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/*HG-Bild unterhalb BG-Slider
------------------------------------------------*/
.body {
background: url('http://assets2.jimstatic.com/s/img/cms/background/fix/291.jpg')
transparent repeat fixed 0% 0% !important;
}
/*]]>*/
</style>
...fänd ich noch schicker! Damit bekommst Du den gleichen Randabstand in der #content_area wie in der #sidebar und die Bilderecken werden überall ein wenig abgerundet:
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 @Deva
...du meinst die Wechselbilder und das Hintergrundbild? Stimmt, Jimdo hat da etwas dran geändert.
Versuch mal folgenden Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
body.jqbga-container .jqbga-slider {
position: fixed;
}
body.jqbga-container .jqbga-slider, body.jqbga-container .jqbga-slider--image {
height: 470px;
width: 1600px !important;
}
.jqbga-slider, .jqbga-slider--image {
height: 470px;
width: 1600px !important;
}
.jqbga-slider, .jqbga-web--video {
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.jqbga-slider::before, .jqbga-slider--image::before {
background: url('http://assets2.jimstatic.com/s/img/cms/background/fix/291.jpg')
transparent repeat fixed 0% 0% !important;
}
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
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
