Allgemeines » Transparenz beim alten Design oder Helsinki modifiziert?

Jimdo-Userforum � Jimdo User-Forum � Allgemeines � Transparenz beim alten Design oder Helsinki modifiziert?

Themen-Einstellungen

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Allgemeines Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | Transparenz beim alten Design oder Helsinki modifiziert? datum

30.09.2015 09:18 (zuletzt bearbeitet: 06.10.2015 12:58)

25. September

Hallo,
bei den neuen Designs finde ich die großzügigen Einstellungen für Transparenzen super.
Besteht auch bei den alten Designs die Möglichkeit Transparenz einzustellen, insbes. im Header oder auch im Contentbereich?
Ich habe bei den Style-Optionen meiner Webseite dazu nichts gefunden. Habe ich etwas übersehen?

.... Oder gibt es vielleicht eine Möglichkeit per html-Code Transparenz zu erzeugen?
Sorry, ich bin diesbezüglich ein Neuling. Eine Antwort wäre sehr hilfreich. Ich schwanke zwischen meinem bisherigen Design und dem neuen Design Helsinki.

Schönen Dank!
Deva

28. September

Zitat
Link zu der Seite? URL? Mit CSS kann man da auf jeden Fall was machen...

LG, az

28. September

Ach ja: http://prana-muenchen.de

Danke und schönen Gruß

28. September

Zitat
Das ist ein Design, bei dem es nicht ganz einfach ist, mit der Transparenz. Ihr könntet zwar beispielsweise mit

div#container {
background: rgba(255,255,255,.5);
}

den weißen Hintergrund des Content-Bereiches abschwächen, aber das Header-Image ist gerahmt und die Navigation auch - da wurde mit echten Bildschnippseln (im overlay) gearbeitet, die man alle einzeln ausblenden müsste. Sonst bleiben überall unschöne Reste.

Das geht also schon, ist aber mit etwas Aufwand verbunden.

LG, az

29. September

Danke az für die Rückmeldung. Sie bringt mich wieder einen Schritt weiter. :-)
Der o.g. Code wäre für eine leichte Transparenz auch für andere alte Designs einsetzbar?

Ich möchte mein Design etwas verändern, modernisieren. Entweder mit einem neuen alten Design oder mit einem neuen (Favorit Helsinki).
Wunsch wäre eine waagerecht Navigation, um an der Seite mehr Platz für Informationen zu schaffen.

Diese Test-Webseite von Helsinki habe ich bei meiner Recherche im Forum gefunden.
http://helsinki-test.jimdo.com/

Den Contentbereich etwas mit Schatten hinterlegt. Sieht klasse aus. Könnte ich mir auch gut für den Seitenbereich vorstellen.
Ich habe diese Funktion in den Stylefunktionen nicht gefunden. Helsinki etwas modifiziert?

Vielen Dank für die Unterstützung.
Deva

Zitat
29. September

Hallo @Deva

Ich habe diese Funktion in den Stylefunktionen nicht gefunden. Helsinki etwas modifiziert?

Ja, ein bisschen :)

...dieses test-Design (helsinki-test.jimdo.com/) ist von mir bzw. ich habe es einmal angelegt bzw. das Standarddesign entsprechend umgebastelt - da ist nicht viel Trick bei.

Wenn Du willst, richte ich Dir Deine Seite so ein.

LG, az

29. September

Hallo lieber az,

das ist ein nettes Angebot von Dir, das ich gerne in Anspruch nehmen möchte :-)

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?

Vielen Dank und schöne Grüße
Deva

Antworten

#2 | RE: Transparenz beim alten Design oder Helsinki modifiziert? datum

30.09.2015 12:41 (zuletzt bearbeitet: 30.09.2015 12:57)

...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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Transparenz beim alten Design oder Helsinki modifiziert? datum

30.09.2015 13:33

Danke für die anschauliche Erklärung. Ich meine natürlich die "Sidebar" :-)

Ich denke beide Bereiche hervorzuheben ist langweilig. Würde mich fürs Erste für den Contentbereich entscheiden.
Wie wollen wir das angehen?

Danke und schöne Grüße
Deva

Antworten

#4 | RE: Transparenz beim alten Design oder Helsinki modifiziert? datum

03.10.2015 12:08 (zuletzt bearbeitet: 23.02.2016 22:38)

az_

Informationen anzeigen

Beitr�ge:	2402
Registriert seit:	28.04.2015
Wohnort:	Berlin

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:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#5 | RE: Transparenz beim alten Design oder Helsinki modifiziert? datum

03.10.2015 20:23 (zuletzt bearbeitet: 07.10.2015 09:59)

az_

Informationen anzeigen

Beitr�ge:	2402
Registriert seit:	28.04.2015
Wohnort:	Berlin

...folgenden Code:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#6 | RE: Transparenz beim alten Design oder Helsinki modifiziert? datum

06.10.2015 16:58 (zuletzt bearbeitet: 06.10.2015 17:00)

Tausend Dank für Deine Unterstützung! Finde sieht toll aus.
Ich werde die Bannerbilder größenmäßig noch anpassen und mir über die Texteinteilung noch Gedanken machen müssen.

Der nächste große Schritt:
Die Seiten sind sehr textlastig und ich möchte dem Besucher die Möglichkeit geben, mittels Link selbst zu entscheiden, wieviel Infos er haben möchte.

Schöne Grüße
Deva

Antworten

#7 | Wechselbilder im Banner plötzlich ganzseitig datum

20.02.2016 18:23

Hallo Andreas,

vielleicht erinnerst Du Dich noch an meine Seite www.prana-muenchen.de

Du hast mir geholfen, das Design Helsinki zu modifizieren: Transparenz, Slider etc.
Das Banner war mit 470 px Höhe begrenzt und mit Wechselbildern gestaltet; gleichzeitig war darunter ein Hintergrundmuster (von Jimdo) sichtbar.

Ich wollte jetzt ein oder zwei Bilder zu den Wechselbildern hinzufügen.

Fakt ist, dass die Bannerbilder nach dem Einfügen ganzseitig angezeigt werden und naturgemäß das Hintergrundmuster nicht mehr sichtbar ist.

Was kann ich tun, damit die Bilder im Banner wieder begrenzt angezeigt werden. Im Code ist die Begrenzung auf 470px noch da.

Vielen Dank für Deine Hilfe!

Deva

Antworten

#8 | RE: Wechselbilder im Banner plötzlich ganzseitig datum

22.02.2016 17:28 (zuletzt bearbeitet: 23.02.2016 22:39)

az_

Informationen anzeigen

Beitr�ge:	2402
Registriert seit:	28.04.2015
Wohnort:	Berlin

Hallo @Deva

...du meinst die Wechselbilder und das Hintergrundbild? Stimmt, Jimdo hat da etwas dran geändert.

Versuch mal folgenden Code:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#9 | RE: Wechselbilder im Banner plötzlich ganzseitig datum

24.02.2016 17:29

Danke, lieber Andreas,

ich werde es ausprobieren.

Schöne Grüße
Deva

Antworten

#10 | RE: Wechselbilder im Banner plötzlich ganzseitig datum

04.03.2016 19:21

Hallo Andreas,

es hat geklappt. Dankeschön.
Da die Wechselbilder für meinen Bildschirm zu kurz waren, habe ich die Breite von 1600 auf 2100 gesetzt. Jetzt passt das auch.

Schöne Grüße
Petra

Antworten

Logo-feld zu groß. (Dubai) � � Schriftfarbe und Hintergrundfarbe von der Unternavigation bei Miami ändern

�hnliche Themen

Antworten

Letzter Beitrag

Navigation fixieren Tokyo-Design: Code korrigieren
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Sonja_S 0 10.03.2024 17:30
Sonja_S • Zugriffe: 126
Design 4054 Titelbild anpassen
Erstellt im Forum Allgemeines von Roegeli 4 15.12.2023 19:13
Roegeli • Zugriffe: 171
Hilfe beim Shop Designe Barcelona
Erstellt im Forum Jimdo-Shop von Gismo 1 20.12.2019 23:34
Gismo • Zugriffe: 1162
Überschriften (h1, h2) für die mobile Version Design Helsinki ändern
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von BrittaT 9 16.10.2019 23:45
az_ • Zugriffe: 1877
Logo-Größe bei Design Helsinki ändern
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Lutz 7 21.02.2020 21:28
az_ • Zugriffe: 1068
Design Helsinki Titelzeile ändern bzw. speichern jimdo free
Erstellt im Forum Allgemeines von Nickel 1 10.04.2018 20:06
az_ • Zugriffe: 794
Preload von Hintergrundgrafik im Design Bordeaux möglich?
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von make 5 24.07.2016 00:57
az_ • Zugriffe: 855
Drop-down Menü für das Design MADRID
Erstellt im Forum Allgemeines von Helmut Hrnecek 2 17.12.2015 15:31
Helmut Hrnecek • Zugriffe: 1085
Design Madrid: Sidebar verschieben / Problem wegen Navi
Erstellt im Forum Allgemeines von HeLy 13 07.01.2016 17:45
az_ • Zugriffe: 2463

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an