Design Lima - Navigationsleiste fixieren

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

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
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
31.10.2018 11:49
avatar  karlz
#3
ka

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


 Antworten

 Beitrag melden
01.11.2018 08:41
avatar  karlz
#4
ka

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
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
02.11.2018 09:07
avatar  karlz
#6
ka

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
02.11.2018 13:49
avatar  Charles
#7
avatar

/*]]>*/
/* <![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
03.11.2018 07:28
avatar  karlz
#8
ka

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


 Antworten

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

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
05.11.2018 13:31 (zuletzt bearbeitet: 07.11.2018 11:53)
avatar  karlz
#10
ka

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
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
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
07.11.2018 14:50
avatar  Charles
#13
avatar

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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!