Design Stockholm - Bild anpassen

04.11.2016 12:29
#1
ma

Hallo zusammen,
ich bin ganz neu hier im Forum und habe eine Frage zur Anpassung des Stochholm Designs.
Das Bild (Hintergrundbild) auf meiner Webseite ist so groß, dass die Navigationszeile beim Aufrufen meiner Seite immer so weit unten ist, dass man als erstes herunterscrollen muss, um diese sehen zu können.
Gibt es eine Möglichkeit, dies anzupassen?
(Leider kenne ich mich überhaupt nicht mit der html-Sprache aus.)

Und dann hätte ich noch eine andere Frage: Ich habe keinen Online-Shop, benötige aber trotzdem AGB´s auf meiner Seite. Kann ich im Fußzeilen-Bereich einen extra Button nur für die AGB´s einrichten (neben Impressum und Datenschutz)? Momentan sind die AGB´s beim Impressum untergebracht, was natürlich nicht die optimalste Lösung ist.

Ich danke recht herzlich für eure Hilfe.
Viele Grüße
Nadine


 Antworten

 Beitrag melden
04.11.2016 18:42
avatar  az_
#2
avatar
az_

Hallo @mandulina,

...wie ist denn die URL der Seite, um die es Dir geht?

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


 Antworten

 Beitrag melden
04.11.2016 21:04 (zuletzt bearbeitet: 05.11.2016 18:02)
#3
ma

Hallo az_,
vielen Dank für die schnelle Rückmeldung.
Es geht um die Seite www.quirlewind.de

Lg, Nadine


 Antworten

 Beitrag melden
05.11.2016 18:15 (zuletzt bearbeitet: 05.11.2016 18:19)
avatar  az_
#4
avatar
az_

Zitat
Das Bild (Hintergrundbild) auf meiner Webseite ist so groß, dass die Navigationszeile beim Aufrufen meiner Seite immer so weit unten ist, dass man als erstes herunterscrollen muss, um diese sehen zu können.



...das passiert nur, wenn Du das erste Mal auf der Webseite bist und die Erlaubnis für das Verwenden vonCookies noch nicht gegeben hast. Sobald Du auf "OK" klickst, ist alles gut!*




LG, az

PS: (...es sei denn, Du hast Deinem Browser verboten, Cookies zu speichern)


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


 Antworten

 Beitrag melden
06.11.2016 11:25
#5
ma

Vielen Dank, az_.
Manchmal ist ein "Problem" doch schneller gelöst als gedacht. Jetzt ist die Navigationsleiste schon ein wenig "höher".
Gibt es aber trotzdem noch eine weitere Möglichkeit die Leiste noch höher zu bekommen? Im Moment sieht man das Bild doch sehr groß und die Navigationsleiste klebt am unteren Rand.

Hättest du auch noch eine Antwort auf meine zweite Frage bezüglich des eigenen Buttons für die AGB´s?

Vielen Dank für deine Hilfe!

Viele Grüße, Nadine


 Antworten

 Beitrag melden
07.11.2016 11:33
avatar  az_
#6
avatar
az_

Moin!

...was Du da gern ändern würdest, ist aber gerade das Besondere an dem Design "Stockholm". Probier mal ein anderes Design, wenn Dir das nicht gefällt - "Rome" ist z.B. sehr beliebt.

Eine Übersicht über die aktuellen Designs (...mit Beispielinhalten) findest Du hier: https://jimdo.design/

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


 Antworten

 Beitrag melden
07.11.2016 11:45 (zuletzt bearbeitet: 07.11.2016 11:47)
avatar  az_
#7
avatar
az_

zu Deiner anderen Frage:

...Du kannst Deine AGB z.B. auf eine versteckte Seite als Datei-Download-Element hochladen, und dann einen Button in die Sidebar setzen. Den Link für den Button verknüpfst Du dann mit der pdf-Datei.

Du kannst diese Datei dann auch mit Textpassagen in Text-Elementen verknüpfen. Nach dem Motto:

Zitat
"Ja, ich habe die äußerst interessanten und für jeden Vertragsabschluss obligatorischenAGB der Testfirma gelesen und verstanden und akzeptiere sie freudig und vollumfänglich!"



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


 Antworten

 Beitrag melden
10.11.2016 13:18
#8
ma

Hallo az_,

vielen Dank für deine Antwort.
Nun habe ich versucht, ein anderes Design zu wählen. Aber leider finde ich kein passendes, bei dem die Navigationsleiste unter dem Bild ist und das Logo über dem Hintergrundbild liegt.
Sorry, wenn ich hier nicht locker lasse :-) Ich dachte, dass es vielleicht einen "einfachen" Code gibt, um den oberen Teil über der Navigationsleiste sozusagen etwas zu verkleinern (bzw. wahrscheinlich das Hintergrundbild zu verkleinern). Leider habe ich keine Ahnung was hier mit der html-Sprache überhaupt möglich ist und ob ich meine Idee, wie das Design aussehen soll, gut erklärt habe.
Falls du noch eine Idee hast, würde ich mich sehr freuen. Ich danke dir für deine Hilfe!
Lg Nadine


 Antworten

 Beitrag melden
10.11.2016 13:49
#9
ma

... und vielen Dank für die Hilfe bei dem Problem mit den AGB`s.
Ich habe jetzt einen Button auf der Startseite angelegt und dort eine pdf hinterlegt. Das muss jetzt für den Anfang so gehen. Auf jeden Fall findet man die AGB´s jetzt schneller als wenn sie unter dem Impressum versteckt sind.
Vielen Dank! Auf diese Idee bin ich gar nicht gekommen.

Lg, Nadine


 Antworten

 Beitrag melden
11.12.2016 10:46
avatar  sgrafik
#10
avatar

Das Thema interssiert mich auch sehr. und ich verstehe nicht ganz weshalb es da nicht eine einfache Lösung geben kann - denn in der Vorschau von Jimdo (Vorschau) ist das Headerbild nicht Fenstergross sonder 'nur' so im oberen Bereich.

Ich habe im Code folgende Angeben gefunden - nur das scheint nicht alles zu sein, was wir brauchen ... da kenn ich mich leider auch zu wenig aus und hoffe ein richtiger Profi kann uns da weiterhelfen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<style type="text/css">
<!-- _main-sass -->
<input type="checkbox" id="jtpl-navigation__checkbox" class="jtpl-navigation__checkbox">
<div class="jtpl-main">
 
<!-- _header.sass -->
<div background-area="stripe" background-area-default="" class="jtpl-header">
<header class="jtpl-header__inner">
<div class="jtpl-logo">
<var max-height="400" data-features="square landscape">logo</var>
</div>
</header>
</div>
<!-- END _header.sass -->
</html>
 



Dank und Gruss


 Antworten

 Beitrag melden
11.12.2016 12:03
avatar  sgrafik
#11
avatar

Nächster Versuch:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-header {
height: 20% !important;
}
/*]]>*/
</style>
 
 



Da verändert sich was - aber ich weiss nicht recht wieso ... ;-)

Mein Versuch ...

Vielen Dank für gutgemeinte Unterstützung.
Gruss
Gregor


 Antworten

 Beitrag melden
11.12.2016 14:09 (zuletzt bearbeitet: 11.12.2016 14:11)
avatar  az_
#12
avatar
az_

...dieser Weg ist richtig!

http://tmp-stockholm.jimdo.com/ ist übrigens die richtige "Vorlage":
...die dev-tools-Analyse gibt Dir die Antwort:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 

/*Startseite*/
@media (min-width: 1170px) {
.cc-indexpage .jtpl-header {
height: 95vh;
height: calc(100vh - 50px);
}
}
 
/*übrige Seiten*/
@media (min-width: 1170px) {
.jtpl-header {
min-height: 450px;
}
}
 

 



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


 Antworten

 Beitrag melden
12.12.2016 10:06
avatar  sgrafik
#13
avatar

Vielen Dank!
funktioniert schon viel besser ...
Was ich noch nicht begreife: ich kann die Zahlen verändern wie ich will, es scheint nur zwei Positionen zu geben: alles oder halb ...

Gibt es eine Möglichkeit, die Höhe zu verändern? Insbesondere noch weiter zu verringern?

Dank und Gruss


 Antworten

 Beitrag melden
13.12.2016 23:41
avatar  az_
#14
avatar
az_

hallo Nadine, schick uns doch mal Deine URL

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


 Antworten

 Beitrag melden
14.12.2016 10:59 (zuletzt bearbeitet: 14.12.2016 16:58)
#15
ma

Hallo az_,

wie bereits oben schon mal geschrieben :-) lautet meine Webseite: www.quirlewind.de !
Ich habe es zwar weiter probiert das Stockholm-Design irgendwie anzupassen, aber alle meine Versuche haben nicht geklappt.
Aber jetzt hat ja der User "sgrafik" das Thema nochmals aufgegriffen, also beschäftige ich mich nochmal damit :-)

Die oben beschriebenen Beiträgen wie man im Head-Bereich bestimmte "Angaben" reinsetzen kann, ist für mich leider nicht umsetzbar, da ich nun so überhaupt keine Ahnung von der html-Sprache habe. Und diese ganzen "Zeichen" sind alle irgendwie kryptisch für mich. Ich wüsste gar nicht, wo und wie ich da was schreiben soll.

Also wenn ihr die Muse habt, mir zu helfen, würde ich mich sehr freuen. Vielen lieben Dank!
Lg, Nadine


 Antworten

 Beitrag melden
14.12.2016 16:54 (zuletzt bearbeitet: 14.12.2016 17:03)
avatar  az_
#16
avatar
az_

...oh sorry, das hab ich wohl übersehen!

CSS-Styles werden immer in den head-Bereich der Webseite eingesetzt. wie das geht, habe ich hier beschrieben: https://www.redesign-berlin.de/jimdo-tut...cc-m-5982828964

bez. den Headereinstellungen für Stockholm hab ich hier irgendwann schon mal was geschrieben, glaub ich. Such mal nach "stockholm" im "Suche..."-Feld rechts oben.

Für Vollbild auf allen Seiten war es wimre dieser Code:

1
2
3
4
5
6
7
8
9
 

<style>
@media (min-width:1169px) {
.jtpl-header {
min-height: calc(100vh - 50px) !important;
}
}
</style>
 
 




...wenn Du eine bestimmte Höhe brauchst, die mit den Hintergrundbildern korrespondiert, muss die Höhe an das Seitenverhältnis des jeweiligen Bildes angepasst und das HG-Bild an der richtigen Position "festgenagelt werden".

Teste es mal mit:

1
2
3
4
5
6
7
8
9
 

<style>
@media (min-width:1169px) {
.jtpl-header {
height: 550px !important;
}
}
</style>
 
 



Das ist dann vielleicht nicht abgestimmt, aber zeigt schon mal, wie es prinzipiell geht...


LG, az

Schreib mir eine PN über http://redesign-berlin.de, ich helfe Dir gern!


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


 Antworten

 Beitrag melden
15.12.2016 19:58 (zuletzt bearbeitet: 16.12.2016 00:33)
avatar  sgrafik
#17
avatar

@ Nadine:
Keine Angst das geht ganz einfach ...

Ich zeige dir, wie es aussieht mit der neuen Bearbeitungsfunktion von Jimdo

1: Im Bearbeitungsmenu die Funktion 'Einstellungen' wählen



2: Headbearbeiten auswählen



3: den ganzen 'Code-Schnippsel' einfügen ... und fertig.


- der obere Code verhindert die Unterstreichung von Links im Text
- der untere verhinert das fenstergrosse Startbild


@ az und alle anderen Profis:
eine weitere Frage zu Stockolm oder soll ich damit eine neue Rubrik eröffnen?
Da es immer noch um Stockholm geht lasse ich es hier:

Gibt es eine Möglichkeit den Footerbalken in der Höhe zu beschränken?

In meinem Arbeitsbeispiel ist der Footerbalken leer - ich habe den Footerinhalt in einem Spaltenelement auf der rechten Seite positioniert - da das Stockholm sonst ein wenig breit wird ...
bin gespant auf eure Codes ...

Dank und Gruss


 Antworten

 Beitrag melden
16.12.2016 00:40 (zuletzt bearbeitet: 16.12.2016 00:51)
avatar  az_
#18
avatar
az_

Hallo @sgrafik, versuch mal:

1
2
3
4
5
6
7
 

 
.jtpl-section-aside {
min-height: 0;
}
 

 



LG, az

PS: versuch auch mal ein größeres Hintergrundbild. Deines ist mit 760x210px zu klein. Es wird zwar automatisch angepasst, wird dadurch aber pixelig.


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


 Antworten

 Beitrag melden
16.12.2016 11:27
avatar  sgrafik
#19
avatar

Hallo az
Vielen Dank und auch für den Hinweis.

Bei mir hat das Bild die Grösse von 2551 × 700 px. Keine Ahnung wo die Grösse verändert wird - hatte auch nie Probleme damit.
Aber ich habe nun das Bild nocheinmal hochgeladen. Hoffe dass es nun i.O. ist.

LG


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!