Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.01.2018 um 07:23 (UTC)    
Titel: Professionell-Navigation
Antworten mit Zitat
Hallo,

ich habe einpaar Fragen zur Gestaltung der Navigation beim Design "Professionell"

1. warum wird der Hoverbutton nicht angezeigt bei den Unterseiten (z.B. bei Impressum)
2. ich habe die Schriftfarbe weiss überall eingestellt, nur leider wird die auf den Unterseiten nicht angezeigt-warum?
3. die Schriftart- und Größe habe ich auch für alle Funktionen eingestellt, wechselt aber in der Navigation wild durcheinander
4. wie bekomme ich das Häkchen rechts im Button unter dem sich Unterseiten befinden weg?
5. warum ist der Hintergrund im Unterseitenmenü transparent?
6. was muss ich machen um die Buttons etwas mehr zusammenzurücken?

mfG und danke für Hilfe

das ist mein Navigationscode:
Code:
/* ------Navi horizontal------- */

/* Position + Groesse Navi-Feld oben */
#Navi_oben {
    position: absolute;
    left: 50%;
    top:40px;
    margin-left: -570px;
    width: 1200px !important; }


/* Navigationsschrift und Hintergrund, Farbe in den Einstellungen anpassen */
.navbar-default .navbar-nav > li > a {
background-image:url(https://img.webme.com/pic/g/guzik-steinteppiche/guzik-nav.png)!important;
background-color:#f4f4f4 !important ;
min-width:150px !important;
height:44px !important;
font-size: 12px !important;
font-family:century gothic; 
border: none !important;
text-decoration:none;
color: #ffffff !important;}

 /* Navigationsschrift Hovereffekt */
.navbar-default .navbar-nav > li > a:hover {
background-image:url(https://img.webme.com/pic/g/guzik-steinteppiche/guzik-button.png)!important;
background-color: #f4f4f4 !important;
font-size: 12px !important;
font-family:century gothic;
text-decoration:none;
color: #ffffff !important;}

/* Dropdownmenue */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus{
background-image:url(https://img.webme.com/pic/g/guzik-steinteppiche/guzik-button.png);
min-width:150px !important;
height: 44px !important;
font-size: 12px !important;
font-family:century gothic;
background-color:#f4f4f4 !important;
border: none !important; }

/* Unterseitennavigation*/
.dropdown-menu {
background-image:url(https://img.webme.com/pic/g/guzik-steinteppiche/guzik-button.png)!important;
background-color:#f4f4f4 !important;
min-width:150px !important;
height: 44px !important;
font-size: 12px !important;
font-family:century gothic; 
border: none !important;
text-decoration:none;
color: #ffffff !important;
}


Zuletzt bearbeitet von guzik-steinteppiche am 11.01.2018, 13:43, insgesamt 4-mal bearbeitet
↑
Beitrag11.01.2018 um 14:49 (UTC)    
Titel: Fragen zur Professional Navigation
Antworten mit Zitat
Hallo guzik-steinteppiche,

zu deinen Fragen:

1: ich kann den Hover-Effekt sehen

2: damit die Schriftfarbe auch im Dropdownmenü erscheint muss folgender Code ergänzt werden:
.dropdown-menu > li > a{
font-size: 12px !important;
font-family:century gothic;
text-decoration:none;
color: #ffffff !important;
}
löst auch die Schriftgröße und die Schriftart (3.)

4. Das Häkchen kommt weg durch:
.dropdown>a:before {
content: none;
}

5. Transparent ist er, weil der Hintergrund von der Größe begrenzt ist:
.dropdown-menu {
background-image:url(https://img.webme.com/pic/g/guzik-steinteppiche/guzik-button.png)!important;
background-color:#f4f4f4 !important;
min-width:150px !important;
height: 44px !important; <--- das muss da raus!
font-size: 12px !important;
font-family:century gothic;
border: none !important;
text-decoration:none;
color: #ffffff !important;
}

6. Die Button sind auseinander weil für die main navigation in der navbar für die list items ein margin left von 15 Pixeln angegeben ist, die Lösung:

.main-navigation .navbar-nav > li {
margin: 0px;
}

Ich hoffe ich konnte helfen, wenn noch Fragen sind, einfach melden, gerne auch per Mail oder Telefon beim Support
↑
Beitrag11.01.2018 um 15:06 (UTC)    
Titel:
Antworten mit Zitat
Hallöchen Steffih,

supi, alles soweit fein & prima, vielen dank.
Eine einzige Kleinigkeit funktioniert jedoch immer noch nicht,
die Schriftart in den Hauptrubriken ist nach wie vor eine andere Rolling Eyes

danke & Gruss
↑
Beitrag12.01.2018 um 13:05 (UTC)    
Titel:
Antworten mit Zitat
Hallo nochmal,

die Schriftart ist die gleiche, es ist nur eine andere Font-weight eingestellt.

dazu muss hier folgender Eintrag angepasst werden:

.navbar-default .navbar-nav > li > a {
font-weight: normal;
}

falls die Großschreibung auch weg soll, zusätzlich noch:
text-transform: none;

Lg
Steffi vom Support
↑
Beitrag12.01.2018 um 23:22 (UTC)    
Titel:
Antworten mit Zitat
Perfekt Exclamation
Danke liebe Steffih Very Happy
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2025 webme GmbH, Deutschland. Alle Rechte vorbehalten.