Seite 1 von 3

css aktiviert und Farben geändert vom Forum, aber Text weg

Verfasst: 03.10.2004 20:43
von Zauberwaldfee
Hallo,

ich hab die CSS-Datei aktiviert um die Farben so zu gestalten wie ich möchte. Nun hab ich aber ein paar Probleme.

Hier könnt ihr euch das ansehen:
http://www.zauberwald.ws/portal/index.php

1. Wenn ihr die komplette Seite markiert, seht ihr, dass da ein paar Texe nicht angezeigt werden, weil sie die selbe Farbe haben wie der Hintegrund. Ich weiss das man es bei der CSS Datei im Bereich "General Text" ändern kann, aber wenn ich das mache, dann sieht man den Text auf den hellen Zellen nicht. :-(

2. http://www.zauberwald.ws/portal/viewtopic.php?t=1

Ich find, zum Fussel nochmal, nicht die Stelle in der CSS-Datei wo ich die Hintergrundfarbe des Postings so ändern kann, dass sie auch dieses helle beige ist, ohne das der Rest davon unberührt bleibt.

3. http://www.zauberwald.ws/portal/portal.php

Bei der Portalseite würde ich die Farbe des hellen Hintergrundes (nicht die von den Kästchen) in das rote ändern.


Irgendwie hab ich überhaupt Probleme mit den Linkfarben, da die so blöd ineinander übergreifen, dass sie immer genau in der Farbe dann nicht sichtbar sind wie sie sein sollen.

Falls der Code wichtig ist:

Code: Alles auswählen

/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #AD3901;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma }
a:link,a:active,a:visited { color : #FEF4E2; }
a:hover		{ text-decoration: underline; color : #AD3901; }
hr	{ height: 0px; border: solid #FFFFFF 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #993300; border: 1px #FEF4E2 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #AD3901; border: 2px #AD3901 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #FEF4E2; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #DEE3E7; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #000000; font-size: 11px; font-weight : bold;
	background-color: #006699; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#D1D7DC; border: #993300; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #FFFFFF; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #FEF4E2;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #993300; }
a.gen,a.genmed,a.gensmall { color: #FEF4E2; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #FEF4E2; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle		{ text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #993300; }
a.forumlink 	{ text-decoration: none; color : #993300; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #993300; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
Vielen Dank schon mal im voraus!

Die verwirrte Fee :lol:

p.s.: Ich hab die css-datei aktiviert weil ich genau die selben Probleme auch hatte, als ich das Design über die Admin bearbeitet habe. Hat mir ja nicht wirklich viel gebracht. :(

Verfasst: 03.10.2004 21:41
von Markus67
Hi ...

Das betrifft generell auf allen Seiten diesen Block ...

Code: Alles auswählen

.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }
Ändere darin mal die Farben :wink:

Markus

Verfasst: 04.10.2004 06:55
von Zauberwaldfee
Guten Morgen Markus,

hatte ich doch schon, siehe Code. :D Problem u. a. ist das scheinbar die Farbwahl vom Schriftfont sowohl den Postingtext definiert, als auch "Dein letzter Besuch" etc...

Code: Alles auswählen

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #993300; }
a.gen,a.genmed,a.gensmall { color: #FEF4E2; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #FEF4E2; text-decoration: underline; }
liebe Grüße
Fee

Verfasst: 04.10.2004 10:02
von Markus67
Hi ...

Jetzt verändere erstmal .gensmall .... was ist denn dann nichts zu sehen ?

Im Postingbereich wird eigentlich eine andere Definition verwendet.

Markus

Verfasst: 04.10.2004 18:49
von Zauberwaldfee
Hallo Markus,

sorry aber ich steht auf der Leitung. Ich hab dir doch im vorherigen Posting den Code kopiert das die .gensmall bereits in eine andere Farbe geändert wurde, als es die Ursprungsfarbe war. Oder soll ich sie noch mal ändern? Nur wozu, die Farbe ist ja die die ich haben möchte.
gensmall { color : #993300; }

Das Problem ist, das auf der index.php das hier nicht angezeigt wird:

Aktuelles Datum und Uhrzeit: 04.10.2004, 18:44

Und unten im Footer nicht der Text neben den Symbolen für neue Nachrichten, etc.

Das wird nicht angezeigt, weil die Textfarbe die selbe ist wie die Hintergrundfarbe. Die Hintergrundfarbe ist aber die, die ich haben möchte.
Änder ich .gensmal in eine Farbe die man auf dem Hintergrund lesen kann, sieht man die Texte, aber dann stimmt die Textfarbe in der Forenbeschreibung nicht mehr. Verstehst was ich meine?


Grüße
Sue

p.s.: Betreffend deine Signatur...

Es gibt keine Probleme... stimmt! Nur Herausforderungen. ;-)

Verfasst: 04.10.2004 21:08
von Markus67
Hi ...

Das bedeutet also im Klartext wir brauchen .gensmall mit 2 unterschiedlichen Farben ... richtig ?

Code: Alles auswählen

/* General text */ 
.gen { font-size : 12px; } 
.genmed { font-size : 11px; } 
.gensmall { font-size : 10px; } 
.gen,.genmed,.gensmall { color : #993300; } 
a.gen,a.genmed,a.gensmall { color: #FEF4E2; text-decoration: none; } 
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #FEF4E2; text-decoration: underline; }
ergänze hier folgendes (darunter einfügen) ...

Code: Alles auswählen

.gensmall2 { font-size : 10px; }
a.gensmall2 { color: #FF0000; text-decoration: none; }
a.gensmall2:hover   { color: #000000; text-decoration: underline; }
Die Farben kannst du bei gensmall2 entsprechend anpassen.

Jetzt steht dir eine 2. Farbdefinition für gensmall zur Verfügung. Wo genau kann man die Texte jetzt nicht erkennen. Dort muss dann in der entsprecheden tpl-Datei gensmall in gensmall2 geändert werden. :wink:

Markus

Verfasst: 05.10.2004 06:42
von Zauberwaldfee
Guten Morgen,

vielen Dank Markus, das probier ich heut Abend direkt mal aus. :-)

Grüße
Sue

Verfasst: 05.10.2004 19:31
von Zauberwaldfee
Hallo Markus,

zunächst mal. Danke!! Hat prima geklappt.

Ich hoffe ich muss dich nicht noch mal belästigen. ;-)

Grüße
Sue

Verfasst: 05.10.2004 19:57
von Markus67
Hi ...

für den Hintergrund in den Topics sind diese Definitionen zuständig ...
Standardmäßig row1 und row2.

Code: Alles auswählen

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #D2D0D0; }
td.row2	{ background-color: #D0DCCE; }
td.row3	{ background-color: #DDDDDD; }
Markus

Verfasst: 05.10.2004 20:07
von Zauberwaldfee
Jetzt hab ich gedacht ich hätts hinbekommen und nu gehts doch nicht. :o

Die von dir genannten zeigen keine Wirkung. Bei mir steht:

Code: Alles auswählen

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #FEF4E2; }
td.row2	{ background-color: #FEF4E2; }
td.row3	{ background-color: #FEF4E2; }
Das hier:
.forumline { background-color: #993300; border: 2px #AD3901 solid; }
... wirkt sich sowohl auf die Rahmen der Tabellen (bei der Auflistung der Foren) aus, als das es auch die Hintergrundfarbe des Postings definiert. Frag mich bitte nicht wieso. *g*

Ich habs jetzt so versucht, dass ich einfach in der css datei ein

Code: Alles auswählen

.postback	{ background-color: #FEF4E2; }
erstellt habe und in der posting_body.tpl das forumline gegen das postback ausgetauscht hab, aber es geht nicht. :-( Falsches Template?

Ne Idee?

Gruß
Sue