Design Lima - Navigationsleiste fixieren

Antworten
#1
31.10.2018 08:41 (zuletzt bearbeitet: 31.10.2018 10:06)
avatar  karlz
#1
ka
karlz

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


 Antworten

 Beitrag melden
#2
31.10.2018 11:13 (zuletzt bearbeitet: 31.10.2018 11:17)
avatar  az_
#2
avatar
az_

Das ist ein ganz blöder Fehler bei dem Lima-Design. Gib bitte bei Einstellungen > Head bearbeiten > gesamte Webseite folgenden Code ein

1
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


 Antworten

 Beitrag melden
#3
31.10.2018 11:49
avatar  karlz
#3
ka
karlz

danke für die rasche Antwort, funkt super,
kann man die Navigationsleiste auch fixieren?
danke
mail ist unterwegs


 Antworten

 Beitrag melden
#4
01.11.2018 08:41
avatar  karlz
#4
ka
karlz

jedesmal wenn ich versuche die Navigationsleiste zu fixieren, wird die Navileiste fixiert, jedoch der Hintergrund und das Bild nicht, die Navileiste wird außerdem transparent!


 Antworten

 Beitrag melden
#5
01.11.2018 11:42 (zuletzt bearbeitet: 01.11.2018 11:47)
avatar  az_
#5
avatar
az_

...bei dem Design musst Du den gesamten übergeordneten Container fixieren:

1
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


 Antworten

 Beitrag melden
#6
02.11.2018 09:07
avatar  karlz
#6
ka
karlz

wo muß ich den Code einfügen? habe es so gemacht, siehe unten, funkt aber leider nicht


=

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
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>
 
 


 Antworten

 Beitrag melden
#7
02.11.2018 13:49
avatar  Charles
#7
avatar
Charles

/*]]>*/
/* <![CDATA[ */

}
/*]]>*/

muss im ersten abschnitt weg

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

 Antworten

 Beitrag melden
#8
03.11.2018 07:28
avatar  karlz
#8
ka
karlz

eine Frage: kann man die Sidebar ev auch auf die andere Seite verlegen und diese nur bei Bedarf sichtbar machen?
danke


 Antworten

 Beitrag melden
#9
03.11.2018 16:35 (zuletzt bearbeitet: 03.11.2018 16:44)
avatar  karlz
#9
ka
karlz

habs geändert, leider steht jetzt das Gästebuch ganz oben??

1
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> 
 


 Antworten

 Beitrag melden
#10
05.11.2018 13:31 (zuletzt bearbeitet: 07.11.2018 11:53)
avatar  karlz
#10
ka
karlz

habe die Navileiste fixiert, aber oberhalb ist ein Feld das leer ist und sich nicht löschen läßt?
(https://modellbahn-stpoelten.jimdofree.com)


 Antworten

 Beitrag melden
#11
07.11.2018 12:02 (zuletzt bearbeitet: 07.11.2018 12:19)
avatar  az_
#11
avatar
az_

...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":

1
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


 Antworten

 Beitrag melden
#12
07.11.2018 12:06
avatar  az_
#12
avatar
az_

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


 Antworten

 Beitrag melden
#13
07.11.2018 14:50
avatar  Charles
#13
avatar
Charles

Zitat von az_ im Beitrag #12
Lösung: einfach löschen, dann werden sie vom System korrekt neu angelegt.

Funktioniert bei mir nie.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

 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!