Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Navigation anpassen (a:hover)
Hallo zusammen!
Ich habe die Vorlage "Madrid" schon fast komplett nach meinen Wünschen umgearbeitet. Nur in einem Bereich komme ich einfach nicht weiter...
Wenn ich mit der Maus über das Untermenü fahre, wird ja der Text etwas nach rechts eingerückt, was auch ok ist. Nun möchte ich gerne dass das so bleibt wenn man noch auf der Seite ist.
Ich kenne es, dass diese ganzen Anpassungen mit a:link a:hover a:active und a:viseted macht. Leider finde ich den Abschnitt im Code aber nicht.
Mag mal bitte jemand gucken, wo sich das versteckt? Oder wird das bei der Vorlage anderes gemacht (ich hoffe nicht)?
Danke
https://undnochmalrumprobieren.jimdo.com/%C3%BCber-mich/
Inzwischen habe ich herausgefunden, dass der Punkt den ich gerne im Menü ändern möchte scheinbar gar nicht mit CSS geschrieben wurde, sondern mit java-script. Das stelle mich vor extreme Probleme. Kann mit jemand sagen was ich wo tun muss, damit der Text eingerückt bleibt, solange ich noch auf der Seite bin (in CSS würde das ja "active" sein)?

ich verstehe die Frage nicht :(
...was genau möchtest Du erreichen?
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
Sorry, da ich schon wieder am rumprobieren bin, geht das sowieso nicht mehr.
Ich habe das jetzt schon hin wie ich möchte, nur eine Sache fehlt mir noch:
https://undnochmalrumprobieren.jimdo.com/%C3%BCber-mich/
Am linken Rand habe ich ja noch ein Untermenü. Ich wünsche mir, das wenn man die Seite hochscrollt, dass das Menü dann oben am Rand stehen bleibt und nicht mit wegscrollt.
Nun habe ich ein passendes Script gefunden und im HEAD-Bereich eingegeben. Aber ich scheine irgendwo noch einen Fehler zu haben, denn es klappt nicht.
Ich suche nun schon seit gestern immer wieder, probiere alles möglich aus, aber ich kann den Fehler nicht finden.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$(function() {
var offset = $("#jtpl-section-aside").offset();
var topPadding = 35;
var topMargin = 20;
var animateSpeed = 200;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#jtpl-section-aside).stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
},animateSpeed);
} else {
$("#jtpl-section-aside").stop().animate({
marginTop: topMargin
},animateSpeed);
}
}); // END window scroll
}); // END function
}); // END document ready
//]]>
</script>
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
/*<![CDATA[*/
.jtpl-section-aside {
width: 250px;
}
.jtpl-section-aside.fixed {
position: fixed;
top: 20px;
}
/*]]>*/
</style>

...dazu brauchst Du kein jQuery.
Aber bei Dir stimmt schon mal die Einbinung nicht. so ist es richtig:
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
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript">
</script>
<script>
//<![CDATA[
$(document).ready(function() {
$(function() {
var offset = $(".jtpl-section-aside").offset();
var topPadding = 35;
var topMargin = 20;
var animateSpeed = 200;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$(".jtpl-section-aside").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
},animateSpeed);
} else {
$(".jtpl-section-aside").stop().animate({
marginTop: topMargin
},animateSpeed);
}
}); // END window scroll
}); // END function
}); // END document ready
//]]>
</script>
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

2x: na klar!
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

Moin,
ich hab es nun auch endlich geschafft, den Code da unten zu verbasteln, klappt auch gut (am Desktop), allerdings
flackert die Navigation beim Scrollen auf dem iPad sehr unschön. Hab schon mit der animateSpeed
rumgespielt, nützte aber nichts. Weiß jemand, wie man das Flackern verhindert?
Zitat von az_ im Beitrag #6
...dazu brauchst Du kein jQuery.
Aber bei Dir stimmt schon mal die Einbinung nicht. so ist es richtig: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
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript">
</script>
<script>
//<![CDATA[
$(document).ready(function() {
$(function() {
var offset = $(".jtpl-section-aside").offset();
var topPadding = 35;
var topMargin = 20;
var animateSpeed = 200;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$(".jtpl-section-aside").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
},animateSpeed);
} else {
$(".jtpl-section-aside").stop().animate({
marginTop: topMargin
},animateSpeed);
}
}); // END window scroll
}); // END function
}); // END document ready
//]]>
</script>
LG, az


hier wird das Problem ganz gut geschildert, und ich verliere die Hoffnung auf eine Lösung:
https://yootheme.com/support/question/103653

schau mal, ob das hier auch auftritt: https://designtest-verona.jimdo.com/
...wenn nicht, schau ich mal, wie ich damals diese Lösung umgestezt habe.
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

da flackert nichts, aber der Balken wird durch die Animation breiter, was ich als unnötig empfinde.
Kann man aber sicher verhindern.
Am liebsten hätte ich ja sowas wie hier: https://playgroundinc.com/ (gefunden über line25.com),
aber soweit bin ich noch nicht ;-)
- 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
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!