Seite 1 von 2

Schriftproblem in einem Design

Verfasst: 01.10.2013 18:28
von 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 **/

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 18:45
von Miriam
Und Du willst was genau machen?
Redest Du von den Tabs?

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 18:46
von 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.

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 18:52
von 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.

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 19:01
von Secretly
Wir haben es geändert, Cache geleert und auch verschiedene Browser getestet, aber leider ist es noch das gleiche. :-?

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 19:04
von 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

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 19:07
von 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 {

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 19:07
von 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. :-?

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 19:14
von 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

Re: Schriftproblem in einem Design

Verfasst: 01.10.2013 19:21
von 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".