Navigator beim scrollen fixieren

Antworten
#1
25.08.2018 07:43 (zuletzt bearbeitet: 01.09.2018 20:43)
avatar  aNyisWickeD
#1
aN
aNyisWickeD

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
#2
01.09.2018 20:53 (zuletzt bearbeitet: 01.09.2018 20:58)
avatar  az_
#2
avatar
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


 Antworten

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

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!