navigations farbe ändern

navigations farbe ändern

Beitragvon jmm » 11.07.2008, 13:14

Hallo, Ich würde gerne die farbe von meiner navigation ändern(typo3) aber des haut net so hin wie cih möchte sollte graum/silber werden...
Hier sieht man die navigation mal:
[url]www.julius-michel.de[/ul]
Gibt die überhaupt auch in anderen designs?
Hier mal der css auellcode des typo3:
[quote]<style>
/* Vertikale Navigation */
div#Tmenu {
font-size: 94%;
width: 10em;
padding: 0.8em;
border: 1px solid white;
background-color: #eee;
}
* html div#Tmenu {
width: 11.3em;
w\idth: 10em; /* (IE 6 in standards-compliant mode) */
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}

ul#Navigation li {
list-style: none;
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li {
margin-right:1.5em; /* Platz fuer Link-Verbreiterung im IE reservieren */
margin-bottom:0;
}

ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 0; left: 9.3em;
}
*:first-child+html ul#Navigation li ul {
left: 9em; /* (IE 7 in standards-compliant mode) */
}
ul#Navigation li ul li {
margin: 0; padding-left: 1.4em;
}

ul#Navigation a, ul#Navigation span {
display: block;
width: 7em;
font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
text-decoration: none; font-weight: bold;
padding: 0.2em 1em;
border: 1px solid #900;
border-left-color: #c96; border-top-color: #c96;
color: white; background-color: #c00;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 9em;
w\idth: 7em; /* (IE 6 in standards-compliant mode) */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
border-color: #c96;
border-left-color: #900; border-top-color: #900;
background-color: #e00;
}
li a#aktuell {
border-right-color: #300; border-bottom-color: #300;
background-color: #900;
}
ul#Navigation li ul span {
border-color: #900; border-left-color: #c96;
color: #900; background-color: white;
}
ul#Navigation li a:active {
color: black; background-color: #f00;
}

/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
display: none;
}
ul#Navigation li:hover>ul {
display: block;
}
ul#Navigation>li:hover>a {
width: 8.2em;
background: #e00 url(pfeil.gif) no-repeat center right;
}

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
* html ul#Navigation li.hoverIE {
margin-right:0; /* reservierten Platz freigeben */
margin-bottom:-1.15em; /* Fehlerkorrektur, ggfls. anpassen */
}
* html ul#Navigation li.hoverIE ul {
display: block;
}
* html ul#Navigation li .hoverIE {
width: 10.3em;
w\idth: 8.2em; /* (IE 6 in standards-compliant mode) */
background: #e00 url(pfeil.gif) no-repeat center right;
}
ul#Navigation li ul li ul{
margin: 0; padding: 0;
position: absolute;
top: 0; left: 9.3em;
}
*:first-child+html ul#Navigation li ul li ul {
left: 9em; /* (IE 7 in standards-compliant mode) */
}
ul#Navigation li ul li ul li{
margin: 0; padding-left: 1.4em;
}
[quote]
jmm
neu hier
 
Beiträge: 13
Registriert: 02.07.2008, 13:24

Beitragvon Laus » 12.07.2008, 08:58

Hallo

Wo liegt dabei das Problem?
Du brauchst doch nur die background Farben im CSS entsprechend zu ändern.

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon jmm » 12.07.2008, 10:22

* Vertikale Navigation */
div#Tmenu {
font-size: 94%;
width: 10em;
padding: 0.8em;
border: 1px solid white;
background-color: #eee;
}

des funkt aber net.....
jmm
neu hier
 
Beiträge: 13
Registriert: 02.07.2008, 13:24

Beitragvon Laus » 12.07.2008, 10:44

Ich kann in der ganzen Seite kein div Tmenu entdecken. Kann es sein das du dich da nur verschrieben hast.
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon Marry » 17.07.2008, 14:45

Im Moment setzt du im Typoscript ul id="Navigation", d.h. du musst die Background-Farbe für #Navigation ul so festlegen, wie im vorletzten Beitrag beschrieben. Du könntest aber auch beispielsweise im wrap "<ul> | </ul>" angeben, dann wäre die Background-Farbe für ul.navigation anzugeben.
Marry
neu hier
 
Beiträge: 3
Registriert: 17.07.2008, 14:30

Beitragvon Marry » 17.07.2008, 14:46

wrap: <ul class="navigation"> | </ul>
Marry
neu hier
 
Beiträge: 3
Registriert: 17.07.2008, 14:30


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "navigations farbe ändern"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron