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

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Zauberwaldfee
Mitglied
Beiträge: 99
Registriert: 03.10.2004 11:44
Kontaktdaten:

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

Beitrag 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. :(
Zuletzt geändert von Zauberwaldfee am 04.10.2004 19:07, insgesamt 1-mal geändert.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag 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
Zauberwaldfee
Mitglied
Beiträge: 99
Registriert: 03.10.2004 11:44
Kontaktdaten:

Beitrag 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
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

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

Im Postingbereich wird eigentlich eine andere Definition verwendet.

Markus
Zauberwaldfee
Mitglied
Beiträge: 99
Registriert: 03.10.2004 11:44
Kontaktdaten:

Beitrag 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. ;-)
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag 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
Zauberwaldfee
Mitglied
Beiträge: 99
Registriert: 03.10.2004 11:44
Kontaktdaten:

Beitrag von Zauberwaldfee »

Guten Morgen,

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

Grüße
Sue
Zauberwaldfee
Mitglied
Beiträge: 99
Registriert: 03.10.2004 11:44
Kontaktdaten:

Beitrag von Zauberwaldfee »

Hallo Markus,

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

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

Grüße
Sue
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag 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
Zauberwaldfee
Mitglied
Beiträge: 99
Registriert: 03.10.2004 11:44
Kontaktdaten:

Beitrag 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
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“