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.
Design Lima - Navigationsleiste fixieren
Ich bin gerade Neueinsteiger und beim Bau einer Homepage (https://modellbahn-stpoelten.jimdofree.com), ich habe mich für das Design Lima entschieden. Hätte jedoch einige Fragen:
Kann man die Navigationsleiste fixieren?
und den Contentbereich etwas verbreitern und nach links schieben?
danke

Das ist ein ganz blöder Fehler bei dem Lima-Design. Gib bitte bei Einstellungen > Head bearbeiten > gesamte Webseite folgenden Code ein
2
3
4
5
6
7
<style type="text/CSS">
@media (min-width: 960px) {
.jtpl-content {
width: calc(100% - 300px) !important;
}
}
</style>
Das müsste das beheben.
LG, az
PS: OffTopic - Falls Du Deine tolle Bahn gern erweitern würdest, schreib mich bitte einmal per email an, ich wüsste da vielleicht etwas für Dich!
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

...bei dem Design musst Du den gesamten übergeordneten Container fixieren:
2
3
4
5
6
7
8
9
10
11
12
@media (min-width: 960px) {
.jtpl-sidebar{
position:fixed;
top:45px;
/* display:none;*/
}
header{
position:fixed;
top:220px;
/* top:0;*/
}
- Vorsicht! Bei einer fixierten Navigation sind die Nav-Links schnell mal nicht mehr zugänglich, wenn die Höhe des Bowserfensters nicht ausreicht!
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
wo muß ich den Code einfügen? habe es so gemacht, siehe unten, funkt aber leider nicht
=
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
<style type="text/CSS">
/*<![CDATA[*/
@media (min-width: 960px) {
.jtpl-content {
width: calc(100% - 300px) !important;
}
}
/*]]>*/
/* <![CDATA[ */
}
/*]]>*/
@media (min-width: 960px) {
.jtpl-sidebar{
position:fixed;
top:45px;
/* display:none;*/
}
header{
position:fixed;
top:220px;
/* top:0;*/
}
</style>

habs geändert, leider steht jetzt das Gästebuch ganz oben??
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style type="text/CSS">
/*<![CDATA[*/
@media (min-width: 960px) {
.jtpl-content {
width: calc(100% - 300px) !important;
}
}
/*]]>*/
@media (min-width: 960px) {
.jtpl-sidebar{
position:fixed;
top:45px;
/* display:none;*/
}
header{
position:fixed;
top:220px;
/* top:0;*/
}
</style>
habe die Navileiste fixiert, aber oberhalb ist ein Feld das leer ist und sich nicht löschen läßt?
(https://modellbahn-stpoelten.jimdofree.com)

...das ist die sog. "Sidebar". Hier kommen Inhalte hinein, die auf allen Seiten erscheinen sollen. Wenn Du die nicht haben willst, musst Du sie ausblenden mit "display:none":
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<style type="text/CSS">
@media (min-width: 960px) {
.jtpl-content {
width: calc(100% - 310px) !important;
left:-10px !important;
}
.jtpl-sidebar{
display:none;
}
header{
position:fixed;
top:0;
margin-left:10px;
}
}
</style>
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

Vorsicht mit /*<![CDATA[*/ und /*]]>*/ - die können einem das ganze CSS kaputt hauen, wenn sie an falscher Stelle gesetzt werden.
Lösung: einfach löschen, dann werden sie vom System korrekt neu angelegt.
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
- 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!