Seite 1 von 2

Hintergrundfarbe einfügen

Verfasst: 09.05.2012 20:06
von Maggan22
Hallo in die Runde,

mir ist nun nichts intelligenteres eingefallen was die Überschrift betrifft.
Es geht um folgendes. Ich habe eine Hintergrundgrafik eingefügt. Nun kann man den Teil mit "Aktuelle Zeit", "Unbeantwortete Themen" etc.

[ externes Bild ]

sowie die Wer ist onlinestatistik etc.

[ externes Bild ]

nicht mehr lesen. wie kann ich diese Bereiche noch mit einer Hintergrundfarbe ausstatten?

Es handelt sich um Pro Silver

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 20:19
von AYYILDIZLAR
Hallo,

Ich hoffe ich habe dich richtig verstanden, du willst nur die Hintergrundfarbe vom Board ändern um die Schriftfarben bzw Schriftzüge besser lesen zu können.
Dafür musst du in der colours.css

Code: Alles auswählen

html, body {
   color: #536482;
   background-color: #282828;
}
in dein gewünschten Farbcode ändern und dann noch in der common.css

Code: Alles auswählen

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #282828;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
}
deinen gewünschten Farbcode abändern.

Danach noch Cache leeren usw.

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 20:22
von Crizzo
AYYILDIZLAR hat geschrieben: in dein gewünschten Farbcode ändern und dann noch in der common.css
Die Änderung ist mehr Formsache, da sie sich nicht durchsetzen wird.

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 20:30
von AYYILDIZLAR
BlackHawk87 hat geschrieben:
AYYILDIZLAR hat geschrieben: in dein gewünschten Farbcode ändern und dann noch in der common.css
Die Änderung ist mehr Formsache, da sie sich nicht durchsetzen wird.
Ich denke du meinst mit durchsetzen, das man die Schriftzüge trotzdem nicht erkennen bzw schlecht erkennen kann.
Deswegen sagte ich ja auch
AYYILDIZLAR hat geschrieben:Ich hoffe ich habe dich richtig verstanden, du willst nur die Hintergrundfarbe vom Board ändern um die Schriftfarben bzw Schriftzüge besser lesen zu können
Ich weiß auch nicht wie durch die Hintergrundfarbe die Schriftzüge besser zu lesen sind wegen den dunklen Blumen aber das war halt die Frage.
Maggan22 hat geschrieben:wie kann ich diese Bereiche noch mit einer Hintergrundfarbe ausstatten?

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 20:33
von Crizzo
AYYILDIZLAR hat geschrieben: Ich denke du meinst mit durchsetzen, das man die Schriftzüge trotzdem nicht erkennen bzw schlecht erkennen kann.
Nein, ich meinte das die Eigenschaft in der common.css von niedrigerer Spezifität ist, als die in der colours.css und deshalb eher nicht wirksam wird und die Änderung in der common.css für die Farbe deshalb nicht zwingend erforderlich ist. :wink:

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 20:35
von Maggan22
Hallo,

danke für die Antwort.
Aber schaut mal selber:

http://flohmarkt4u.cwsurf.de/index.php dann wisst ihr vielleicht eher woran es hapert.

Den Hintergrund hab ich ja mit dem Bild versehen. so ist ja alles ok, nur eben die 2 speziellen Bereiche unter der navigation und unter dem Forum selber wo wer ist online etc. steht - da würd ich gern noch einen weissen hintergrund hinsetzen.

Edit: ich habe gesehen ihr wisst also was ich meine. sorry.

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 20:44
von Crizzo
Achso. Dann geht das so nicht.

FINDE in der styles\DEINESTYLENAME\template\index_body.html:

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->
ERGÄNZE danach in einer neuen Zeile:

Code: Alles auswählen

<div id="indexbodyheader">
FINDE:

Code: Alles auswählen

<!-- INCLUDE forumlist_body.html -->
ERGÄNZE davor in einer neuen Zeile:

Code: Alles auswählen

</div>
FINDE:

Code: Alles auswählen

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
FÜGE davor in einer neuen Zeile ein:

Code: Alles auswählen

<div id="indexbodyfooter">
FINDE:

Code: Alles auswählen

<!-- INCLUDE overall_footer.html -->
FÜGE davor in einer neuen Zeile ein:

Code: Alles auswählen

</div>
Öffne: styles\DEINESTYLENAME\theme\colours.css:
Ergänze ganz am Ende:

Code: Alles auswählen

div#indexbodyfooter, div#indexbodyheader {
  background-color: #FFFFFF;
}
oder als Alternative kannst du auch einfach dem div#wrap eine Hintergrundfarbe geben und passt vielleicht noch das "margin, padding" nach rechts und links an.

Grüße

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 21:02
von AYYILDIZLAR
Maggan22 hat geschrieben:nur eben die 2 speziellen Bereiche unter der navigation und unter dem Forum selber wo wer ist online etc. steht - da würd ich gern noch einen weissen hintergrund hinsetzen
Da ziehe ich natürlich meine Aussage dann zurück, wenn du nur die 2 spezielle Bereiche meinst. Ich dachte es geht um die komplette Hintergrundfarbe.
BlackHawk87 hat geschrieben:Nein, ich meinte das die Eigenschaft in der common.css von niedrigerer Spezifität ist, als die in der colours.css und deshalb eher nicht wirksam wird und die Änderung in der common.css für die Farbe deshalb nicht zwingend erforderlich ist. :wink:
Aha ok, da hat der Migrant wieder mal was dazu gelernt und vor allem ein neues Wort "Spezifität". Vielen dank für die Info :wink:.

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 22:08
von Maggan22
Super - vielen lieben dank - hat geklappt. Müsste das in der Foren und vermutlich in der Themenansicht auch noch anpassen.
[ externes Bild ]

So wie ich das nun gesehen hab muß ich mir einfach einen Bereichsnamen ausdenken, die Bereiche mit dem div code und dem Namen bestimmen und in der css dann "designen" stimmt das so?

Re: Hintergrundfarbe einfügen

Verfasst: 09.05.2012 22:31
von Crizzo
Ja. Wenn du immer nur einzelnen Boxen haben willst, und dazwischen deine Blumen, dann musst du die Boxen erst noch einbauen, wie ichs auch gemacht hab.

Ansonsten ist die #wrap-Variante wesentlich unaufwändiger. :)