Schriftproblem in einem Design

[Secretly]

Hallo,

wahrscheinlich sehe ich den Wald vor lauter Bäumen nicht mehr. Aber ich habe bezüglich einem "Thema" in einem Style ein Problem.
http://www.sydneylife.de/viewtopic.php? ... p=307#p307 wäre das entsprechende Thema und der Style wäre "a_colorful_world". Ich habe es jetzt schon mit verschiedenen Änderungen versucht, aber entweder ist die Schrift generell schwarz, also auch dort wo sie weiterhin so hell bleiben soll oder es tut sich gar nichts. Ich habe es auch direkt in dem Ordner "abbcode" versucht, wo ja die BBCodes definiert sind. Aber auch dort leider nicht die passende Stelle gefunden. Wäre jemand so lieb mir zu helfen, bevor ich ganz verzweifele?

Wäre der Abschnitt aus der abbcode.css

Code: Alles auswählen

div.simpleTabs {
	padding : 10px;
}
div.simpleTabsContent.currentTab {
	display : block;  
}

div.simpleTabsContent {
	display : none;
	border : 1px solid #0e0e0e;
	margin-top: 0px !important;
	padding : 1em !important;
	background-color : #ffffff;
}

div.simpleTabsContent .simpleTabsTitles {
	display : none;
}
ul.simpleTabsNavigation {
	margin : 2px 1px 2px 1.5em !important;
	font-size : 1.0em;
	list-style-type : none !important;
	line-height : normal;
	text-align : left;
	display : block !important;
	background : none;
	color : #ff0000;
}

ul.simpleTabsNavigation li {
	list-style : none;
	display : inline !important;
	font-weight : bold;
	line-height : normal;
	background : none;
	padding : 0px;
	margin : 0px;
}

ul.simpleTabsNavigation li:before {
	content : none;
}

ul.simpleTabsNavigation li a {
	padding : 0.2em 0.5em !important;
	outline : none;
	cursor : pointer;
	text-decoration : none;
	color : #777777;
	border : 1px solid #0e0e0e;
	background-image : url("images/bg/tab-inactive.png");
}

ul.simpleTabsNavigation li a:hover {
	color : #666666;
	background : #ffffff none !important;
}

ul.simpleTabsNavigation li a.current {
	color : #000000 !important;
	border-bottom : 1px solid #ffffff;
	background : #ffffff url("images/bg/tab-active.png");
}
/** SimpleTabs: default style - End **/

[Miriam]

Und Du willst was genau machen?
Redest Du von den Tabs?

[Secretly]

Ich hätte gern die helle Schrift in schwarz umgefärbt. Weil helle Schrift auf hellem Grund ist schwierig.
Also das innerhalb der Tabs.

[Miriam]

Code: Alles auswählen

ul.simpleTabsNavigation li a {
    padding : 0.2em 0.5em !important;
    outline : none;
    cursor : pointer;
    text-decoration : none;
    color : #777777; /* <== das hier auf #000 stellen */
    border : 1px solid #0e0e0e;
    background-image : url("images/bg/tab-inactive.png");
} 

Check das mal.

[Secretly]

Wir haben es geändert, Cache geleert und auch verschiedene Browser getestet, aber leider ist es noch das gleiche.

[Lehrling]

Hallo,

meinen Recherchen zufolge müsstest du hier Änderungen vornehmen:

Die Links:

Finde in dem links.css folgenden Abschnitt:

Code: Alles auswählen

a:link	{ color: #ece3aa; text-decoration: underline; }
a:visited	{ color: #ece3aa; text-decoration: underline; }
a:hover	{ color: #ece3aa; text-decoration: line-through; }
a:active	{ color: #ece3aa; text-decoration: line-through; }

Die Schrift:

Finde in dem content.css folgenden Abschnitt:

Code: Alles auswählen

/* Content container styles
----------------------------------------*/
.content {
	color: #ece3aa;
}

Aber dieser Abschnitt definiert auch die Schriftfarbe in dem Teil darüber. Ich meine diesen Abschnitt mit der jobliste/Hotspots.

Du könntest entweder eine Farbe wählen, die sowohl auf Schwarz als auch auf sandfarbenem Untergrund zu sehen ist oder du müsstest für die Schrift auf hellem Untergrund eine eigene Klasse definieren.

LG Beate

[Kirk]

Denfeniere eine Farbe bei div.simpleTabsContent {
Dan kannst du die anderen Schriftfarben ändern
Das wäre in der colours.css
.post:target .content { und
.content {

[Secretly]

Okay, das habe ich befürchtet. Kann man es denn nicht auch direkt in der abbcode.css definieren?

edit: Ah danke Ich versuche es

edit2: Hat funktioniert, nur halt bei den Links nicht.

[Kirk]

Dann such mal in der colours.css nach

Code: Alles auswählen

a:link   { 
a:visited   { 
a:hover   { 
a:active  {  

Ließ dir auch das hier mal durch: Code des Styles finden und ändern

[Secretly]

Ja die kenne ich, aber da würde ich dann halt "alle" links ändern und die anderen Links möchte ich ungern ändern. Weil schwarz auf lila ist ja das gleiche Problem nur in "dunkel".