Farbe von Menü Leiste ändern

[kleeblatt11]

Hallo
ich habe die Frage wie man die Farbe der Menü Leiste ändern kann, aber nur die Farbe der Leiste. Ich habe das auch schonmal probiert dann hat sich die Farbe jedoch überall geändert. Zur Verdeutlichung noch ein Bild:
http://s5.directupload.net/file/d/2404/hz52ze66_png.htm

Weiß jemand welche Veränderungen man vornehmen muss, dass nur diese Leiste eine andere Farbe oder Grafik hat?

[Talk19zehn]

Hello,

im Stylesheet

Code: Alles auswählen

#menubar {
margin : 0 25px;
} 

suchen und eine Hintergrundfarbe ( background-color ) zuweisen:

Code: Alles auswählen

#menubar {
margin : 0 25px;
background-color: #010423; 
} 

VIele Grüße

[kleeblatt11]

Danke für deine Antwort. Wie muss ich das machen wenn ich eine Grafik für diese Leiste will? Weil wenn ich diese Farbe ändere dann wird überall, wo die Farbe ist, die Farbe anders.

[hupelmann]

Hallo kleeblatt.

Das wird auch dann passieren wenn Du eine Grafik dort einfügst.
Das wird alles über 1 css Eintrag gesteuert.
Sprich, alle gleichen Sachen haben 1 gleichen eintrag.
Denke ich !

[Talk19zehn]

Hello,

es ändert sich immer dort die Farbe, wo die ID ( id="menubar" ) genutzt wird: Demnach nutzt du sie mehrfach?

Den Bereich der overall_header.html, den du ansprichst: Vgl. Dein Bild, welches du im Themenstart zur Verfügung gestellt hast.

Code: Alles auswählen

<div id="menubar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="genmed">
				<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
				<!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_USER_LOGGED_IN -->
						<!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/icon_mini_message.gif" width="12" height="13" alt="*" /> {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
					<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --> &nbsp;<a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_mini_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>
					<!-- ENDIF -->
				<!-- ENDIF -->
			</td>
			<td class="genmed" align="{S_CONTENT_FLOW_END}">
				<a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a>
				<!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/icon_mini_search.gif" width="12" height="13" alt="*" /> {L_SEARCH}</a><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/icon_mini_members.gif" width="12" height="13" alt="*" /> {L_MEMBERLIST}</a><!-- ENDIF -->
					<!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/icon_mini_profile.gif" width="12" height="13" alt="*" /> {L_PROFILE}</a><!-- ENDIF -->
				<!-- ENDIF -->
			</td>
		</tr>
		</table></div>

kannst du m. E. ebenso verändern, indem du der Tabelle eine Hintergrundfarbe gibst.


Im einleitenden Table-tag ist das m.E. separiert möglich:

Code: Alles auswählen

<table border="1" bgcolor="#FFFF00">

...(...)...

Oder du weißt den Zellen eine Hintergrundfarbe oder ein Hintergrundbild zu.
http://de.selfhtml.org/html/tabellen/gestaltung.htm

Bzw. kopiere die "Standard-CSS-Anweisung" und benenne diese um, ergänze die Farbe oder das gewünschte Bild und weise sie erneut dem DIV zu.

Code: Alles auswählen

#meinemenubar {
margin : 0 25px;
background-color: #010423; 
} 

Code: Alles auswählen

<div id="meinemenubar">
<table width="100%" cellspacing="0">
		<tr>

...(...)...

Viele Grüße

[kleeblatt11]

Danke für eure Antworten. Ich werde es mal probieren...