Seite 1 von 1

Farbe von Menü Leiste ändern

Verfasst: 14.01.2011 13:49
von 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?

Re: Farbe von Menü Leiste ändern

Verfasst: 14.01.2011 15:44
von 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

Re: Farbe von Menü Leiste ändern

Verfasst: 14.01.2011 16:15
von 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.

Re: Farbe von Menü Leiste ändern

Verfasst: 14.01.2011 16:22
von 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 !

Re: Farbe von Menü Leiste ändern

Verfasst: 14.01.2011 17:41
von 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. :wink:

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

Re: Farbe von Menü Leiste ändern

Verfasst: 14.01.2011 21:04
von kleeblatt11
Danke für eure Antworten. Ich werde es mal probieren...:)