[GELÖST] Navigationsleiste im Template Green Hill verändern

smalladmin · 18. August 2011 13:26

Hallo,
meine Website ist nun endlich fertig. Nun wurde grad noch der Wunsch an mich herangetragen, daß sie doch (dem Inhalt folgend) GRÜN sein müsse.
Ich habe nun alle Templates in der cmsforge durchgefuchst aber nur ein einziges gefunden, daß sich gut eignen würde:
greenhills (das Almhüttenbild kommt natürlich weg).
Screenshot
Problem dabei ist, daß ich zuviele Links in der Navigationsleiste habe, sodaß nicht alle angezeigt werden.
Es müßte aber gehen, die Links näher zusammenzurücken, dann passen sie hin.
Nun ist die Frage, wie groß der Aufwand dafür wäre und ob mir jemand helfen könnte, an der passenden Schraube zu drehen.

Beitrag geändert von smalladmin (18. August 2011 13:27)

Cherry · 18. August 2011 15:27

sollte ne lösbare Aufgabe sein.
Kann dir dabei helfen.

smalladmin · 18. August 2011 16:44

Hello again, Cherry,

Man bräuchte die Links
Startseite - Verbände A-L - Verbände M-Z - Veranstaltungen - Landwirtschaftsverwaltung - Landwirtschaft Heute - Daten - Archiv
Die letzten zwei Links werden verschluckt.
Ich kann gerne alle nötigen css-Dateien hier posten.
Was ich nicht möchte ist eine Navigation, wo horizontal und vertikal gemischt wird in Anbetracht des Besucherclientels wink

Ich baue in der nächsten Stunde noch Logo usw. von der Originalseite ein, damit man sich alles besser vorstellen kann.
Viele Grüße von
Bernd

Beitrag geändert von smalladmin (01. September 2011 18:58)

NaN · 18. August 2011 16:51

Im Stylesheet für die Navigation musst Du nur folgendes ändern:

ul#primary-nav li {
float: left;
margin: 0;
padding: 0;
}

ul#primary-nav li a {
display: block;
font-size: 1em;
font-weight: bold;
padding: 7px 10px;
text-decoration: none;
}

smalladmin · 18. August 2011 17:40

Genial @ NaN. Hat auf Anhieb hingehaut und schaut prächtig aus.
Es geht nichts über Experten, ich hätte wohl einen Monat gesucht.
Ich baue jetzt noch die anderen wesentliche Elemente rüber auf die neue Version und dann soll der Chef entscheiden, was er will.
Was meint Ihr - die Links und Unterlinks der Navileiste sehen auf dem schwach orangen Hintergrund etwas schwer lesbar aus. Könnte/sollte man da als Schrift ein schärferes Grün einsetzen und wie würde das dann gehen?
Viele Grüße von
Bernd

Cherry · 18. August 2011 18:31

stimmt schon, das könnte man ändern.
Zu ändern wäre es im Navigations-Stylesheet ( wie vorher auch) und zwar hier:

ul#primary-nav li ul a {

text-align: left;
margin: 0px;
position: relative;

font-weight: normal;
color: #7ABD1E;

border-top: 0 none;
border-right: 0 none;
border-left: 0 none;

}

smalladmin · 18. August 2011 20:32

Vielen Dank @ Cherry,

Mittlerweile habe ich die grüne Musterseite zu meinen Inhalten umgebaut, was leider wieder schwerer Kampf war.
Das Umfärben der Untermenü-Eintrage hat funktioniert, sie sind jetzt deutlich schärfer.
Leider sind die Hauptmenü-Einträge farblich nicht mitgegangen. Unter welchem ul würde man die noch erreichen?

Beitrag geändert von smalladmin (01. September 2011 19:00)

Willi W. · 18. August 2011 21:14

Installier dir doch einfach mal ein Addon a'la Firebug für Firefox, da findest du so etwas eigentlich recht schnell.

NaN · 19. August 2011 00:55

Im Prinzip musst Du überall dort, wo steht

ul#primary-nav li a (<- a = Link)
ul#primary-nav li a.menuactive (<- menuactive = Links von aktiven Seiten)
#primary-nav li li a.menuparent:hover (<- hover = wenn man mit der Maus drübergeht, menuparent = seiten mit unterseiten)
usw.

also überall dort, wo Links [ = a] im Menü [ = #primary-nav ... ]) formatiert werden, auf die Eigenschaft color: #...; achten.

Cherry · 19. August 2011 08:07

such mal danach:
background: #EEFF9F;

background steht für Hintergrund(farbe), die Zeichenkombi für dieses hellgrün.

smalladmin · 19. August 2011 12:03

Puh, das war wieder mühsam. Die Farbe für die noch nicht gewählten Links der Navi-Leiste wird im Haupttemplate GreenHills eingestellt.
a, a:link a:active {
text-decoration: underline;
background-color: inherit;
color: #7ABD1E;
Das schlimme daran war, daß der IE8 die neue Einstellung mißachtet, was ich nicht ahnte und deshalb weitersuchte.
Opera und Firefox dagen zeigen die Farbänderung an.
Danke für Eure Hilfe.

piratos · 19. August 2011 12:36

Beim IE8 mal den Browsercache killen, da muss man nicht suchen, ist ja schliesslich nur eine Farbnummer.

smalladmin · 19. August 2011 13:28

Jo, es lag tatsächlich am Browsercache. Ich habe zwar hundertmal "Aktualisieren" gemacht, aber das half nicht. Die Links sind jetzt tatsächlich deutlich kräftiger, Ziel erreicht. Danke!

Willi W. · 19. August 2011 15:55

Nun steht das zwar nicht unter "Show Off" und ich bin sicher kein Grafiker, aber irgendwie erschlägt einen das grelle Grün des Backgrounds. Sollte man evtl. etwas dezenter wählen.

smalladmin · 19. August 2011 17:17

Hallo, Willi W.
Die Farbänderung war gar nicht leicht, weil die obere Bildschirmhälfte durch einen jpg-Stab gefüllt wird, der einen Farbverlauf enthält. Und die untere Hälfte ist eine Farbe. Aber ich habs jetzt mit meinen Hausmittelchen etwas gedunkelt. wink

Forum für CMS/made simple

#1 18. August 2011 13:26

[GELÖST] Navigationsleiste im Template Green Hill verändern

#2 18. August 2011 15:27

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#3 18. August 2011 16:44

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#4 18. August 2011 16:51

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#5 18. August 2011 17:40

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#6 18. August 2011 18:31

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#7 18. August 2011 20:32

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#8 18. August 2011 21:14

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#9 19. August 2011 00:55

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#10 19. August 2011 08:07

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#11 19. August 2011 12:03

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#12 19. August 2011 12:36

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#13 19. August 2011 13:28

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#14 19. August 2011 15:55

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

#15 19. August 2011 17:17

Re: [GELÖST] Navigationsleiste im Template Green Hill verändern

Fußzeile des Forums