Navigator beim scrollen fixieren

25.08.2018 07:43 (zuletzt bearbeitet: 01.09.2018 20:43)

aNyisWickeD
#1

Hallo zusammen
Ich möchte gerne, dass mein Navigator beim herunterscrollen am oberen Fensterrand fixiert bleibt. Ich habe auf meiner Homepage: www.diewanderlust.ch das Design "Zürich".
Ich habe selber schon sehr viel über css und html gelesen. Allerdings bin ich noch ein blutiger Anfänger. Ich weiss was es ist und ich weiss wo ich den css Code hineinschreiben muss, damit sich was ändert. Ich habe schon viel ausprobiert aber komme einfach nicht an mein Ziel.

Dazu möchte ich auch bei meinen "Buttons" die selbe Schrift wie bei der NaviBar, das wäre in der Jimdo-Sprache die Schriftart "AMATIC SC".
Kann mir da jemand helfen? Ich würde auch in Zukunft gerne Mal das eine oder andere mit css-Codes verändern, wenn das nicht ganz so kompliziert wäre wie ich mir das vorstelle.

Vielen Dank
Gruss
Simon

Antworten

Beitrag melden

01.09.2018 20:53 (zuletzt bearbeitet: 01.09.2018 20:58)

az_
#2

az_

Hallo Simon,

...die Schriftarten der Buttons kannst Du mit Jimdo-Bordmitteln ändern (Menü > Design > Style > detailliert=an):

Es geht aber auch über CSS, versuch mal:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 

<style>
.content-options .j-calltoaction-link-style-2:link, 
.content-options .j-calltoaction-link-style-2:visited {
    font-family: "Amatic SC",cursive,"google" !important;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
}
 
input[type="submit"] {
    font-family: "Amatic SC",cursive,"google" !important;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
}
 
</style>
 
 

Um die Navigation zu fixieren, brauchst Du ein Skript, dass der Navigation eine entsprechende Klasse erst dann zuweist, wenn eine bestimmt Scrollposition erreicht wird. Beispiel: https://designtest-verona.jimdo.com/

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