Schatten um die Buttons in der Navigation

Jimdo-Userforum � Jimdo User-Forum � Jimdo-Specials (Tools, Widgets, HTML und CSS) � Schatten um die Buttons in der Navigation

Themen-Einstellungen

Thema drucken

Bereich wechseln

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

#1 | Schatten um die Buttons in der Navigation datum

08.02.2019 13:14

chris37170

Informationen anzeigen

Beitr�ge:	12
Registriert seit:	06.01.2019
Wohnort:	Uslar

Hallo Miteinander,

ich habe über dieses Forum viel gelernt um unsere Dorf-Homepage www.dinkelhausen.eu anzupassen und einen etwas moderneren Look zu geben. Ich habe deshalb eine Frage zur Navigation als nice to have. In der Navigation sind die Buttons sowhl in der Navigation als auch in der Seitenleiste flach dargestellt. Gibt es hier eine Möglichkeit über CSS im Head Bereich diese mit einem Schatten zu versehen, so dass diese etwas moderner herüberkommen? Ich habe schon im Forum und im I-Net geschaut, bin aber nicht fündig geworden.
Design: St. Petersburg

Mfg

Christoph

Hier der bisherige Code des Head

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 

 
<style type="text/css">
/*<![CDATA[*/
/* Änderungsschema für ST. PETERSBURG */
 
  /* .jtpl-navigation__inner {
        padding-left: 328px; position:fixed; top:2px; z-index: 9998
  } */
  .jtpl-section {
        max-width: 1280px!important; 
  }        
  .jtpl-footer {
        height: 50px!important;
        padding-bottom: 40px!important;
  }  
  
@media (min-width:768px) {
    .jtpl-navigation {
                          
        position: fixed;
        width: 100vw;
        padding: 32px 0 ; 
        top: 0; 
        z-index: 9999;
        }
     .jtpl-navigation__inner {
        position:fixed; 
        top:0; 
        z-index: 9999
        }
 
     .jtpl-section {
        margin-top: 90px; /* Abstand zu den Buttons */
        margin-left: 30px;
        margin-right: 50px;
        }
        
        .navigation-colors {
                -webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
                 box-shadow:        0px 10px 15px 0px rgba(50, 50, 50, 0.75);
        }        
        
} 
 
/*]]>*/
</style>
 

 

Antworten

#2 | RE: Schatten um die Buttons in der Navigation datum

10.02.2019 11:50 (zuletzt bearbeitet: 10.02.2019 11:51)

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

Hallo @chris37170,
...Dein Script ist schon fast richtig. Ergänze es hiermit:

1
2
3
4
5
6
7
8
9
 
.navigation-colors a, .navigation-colors a:link, .navigation-colors a:visited {
    font-weight: normal;
    font-style: normal;
    color: #000;
    background-color: #6da7de;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
     box-shadow:        0px 10px 15px 0px rgba(50, 50, 50, 0.75);
}
 

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

chris37170 hat sich bedankt!

Antworten

#3 | RE: Schatten um die Buttons in der Navigation datum

10.02.2019 12:12

Herzlichen Dank,

für die Hilfe, es funzt einwandfrei. Es wäre schön, wenn es nun auch noch möglich wäre dies auf die Buttons der Navigation zu erweitern.

Mfg

Christoph

Antworten

Navigation Leiste Mobile Ansicht � � Fehler in den Element-Informationen: "viewport argument key target-densitydpi not recognized and ignored"

�hnliche Themen

Antworten

Letzter Beitrag

Fixierte Navigation - Unterseiten bearbeiten
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von TomTom 1 31.05.2021 08:02
az_ • Zugriffe: 1475
Mein Logo & Instagram-follow buttons in Navigation einfügen (Miami)
Erstellt im Forum Allgemeines von Sami 0 15.01.2021 19:15
Sami • Zugriffe: 860
Darstellung der Navigation bearbeiten?
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von herr apfelboeck 2 17.01.2020 08:54
herr apfelboeck • Zugriffe: 1230
CTA-Button in der Navigation - Design Vorlage ROME
Erstellt im Forum Jimdo-Elemente von Dominique123 6 04.06.2019 19:43
az_ • Zugriffe: 1893
Titel über Mobile Navigation (Design Rome)
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von slook 8 01.12.2018 21:19
az_ • Zugriffe: 1060
Navigation Aktiv anzeigen?
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Charles 0 11.10.2018 22:04
Charles • Zugriffe: 721
Navigator beim scrollen fixieren
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von aNyisWickeD 1 01.09.2018 20:53
az_ • Zugriffe: 832
(Mobile) Navigation mit 3. und 4. Ebene - Kritik erwünscht
Erstellt im Forum Allgemeines von DocBernie 3 20.11.2018 08:30
Kersten • Zugriffe: 1230
Icons als Links in der Navigation
Erstellt im Forum Allgemeines von Bayernberni 14 12.03.2022 22:58
az_ • Zugriffe: 4301

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an