Krise wegen Farben, template eos

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.
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Krise wegen Farben, template eos

Beitrag von Total_Blond »

Moin Moin

Ich bin absolute Beginnerin. Und das Forum killt mich noch :cry: Ich habe das template eos. Es gefällt mir nicht besonders, aber besser als die anderen. Ich möchte gerne die Farben verändern.

Ich war in Einstellung bei Styles, bearbeiten. Aber die theme-info.cfg auf 777 gestellt oder auch mal 755 habe neue Farben reingesetzt, den ganzen Kram exportiert. Und was tut sich? NIX. Es bleibt immer gleich.

Was mache ich falsch?

Wie kann ich schönes Farben erstellen. Ich habe alle hex codes eingeben und nix nix nix. Ich kriege noch eine Krise.

Tausend Dank für die Hilfe.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

so schnell bekommt man keine Krise :D

Wo hast du denn versucht die Farben zu ändern .... im Adminbereich unter Styles bearbeiten ?

Das wird nicht funktionieren da die Stylesheets bei diesem Template aktiviert sind ... das musst du in der eos.css machen .... dann klappts auch :-)

Markus
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

Hi Markus,

vielen Dank für Deine Antwort. Mhm gibt es irgendwie eine Anleitung für Dumme ... :oops: Wo ich das finde ...etc und wie ähm ja ... habe sonst nur forenet Erfahrung und ubb / vbb das ging da immer im Admin-Bereich. Aber hier fühle ich mich total verloren.

Danke schon mal vorab :-)
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Eine solche Anleitung gibt es leider nicht :-)

Aber was willst du denn genau ändern .... anhand von einem Beispiel merkst du sehr schnell wie es funktioniert und es ist längst nicht so kompliziert .... :wink:

Markus
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

Hi Markus,

also die Hintergrundfarbe möchte ich z.B. ändern, ebenso die Tabellenfarben und die Header.

Jetzt ist Hintergrund weiss und die Tabellen sind so blau-silbrig. Das hätte ich gerne anders (u.a.)

Ich möchte was angenehmes für die Augen, aber eben nicht langweilig oder grell wie dieses Silber-blau

Vielen Dank .
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Jetzt bräuchte ich nur noch den Link zu deinem Forum ... :wink:

Markus
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

errm :oops: logisch ....

es ist noch in test-status ... also shhhh

http://www.robbieshome.com/forum/index.php

http://www.robbieshome.com/forum/index.php

Wir arbeiten halt noch dran

Tausend Dank
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Öffne die eos.css und suche:

Für den weissen Hintergrund:

Code: Alles auswählen

.maintable	{ background-color: #FFFFFF; border: #465B6C; border-style: dotted;
Formatierungen für die Tabellen:

Code: Alles auswählen

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #ECF0F4; }
td.row1_over	{ background-color: #F3F7FA; }
td.row2	{ background-color: #E3EAF0; }
td.row2_over	{ background-color: #EBEFF3; }
td.row3, td.row3Right	{ background-color: #DAE3EB; }
td.row3_over	{ background-color: #E0E8EF; }
td.row4	{ background-color: #D7E0E9; }


/*
  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;
}

/* Header cells - the blue and silver gradient backgrounds */
th, td.th	{
	color: #525E6E; font-size: 12px; font-weight: bold;
	background-color: #DFE7EE; height: 26px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#9EB3C5; height: 28px;
}

td.th2 {background-color:#9EB3C5; height: 20px; color: #FFFFFF; }

td.spaceRow { background-color: #9EB3C5; }

Hier kannst du dich mit den Farben ganz nach deinen Wünschen austoben :-)

Einfach vorher eine Sicherungskopie der Datei machen und schon kannst du loslegen :-)

markus
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

Vielen Dank Markus,

ich probiere mal mein Glück. Vielen Dank für die Hilfe.
Tschööööö
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

Hi Markus,

mir ist noch einiges nicht klar ... was ist was ... ähm

/* General font families for common tags */

was ist sind denn die Buchstaben was bedeuten diese?
a = normale Schrift ?
a = wie ein cookie da war ich schon (meine da wo ich war) ?
aber die anderen ?????


font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
a { text-decoration: underline; color: #525E6E; }
a:visited { text-decoration: underline; color: #3E4753; }
a:hover { text-decoration: underline; color: #939DAE; }
a:active { text-decoration: underline; color: #000000; }
hr { height: 0px; border: solid #525E6E 0px; border-top-width: 1px;}


Der nomale Hintergrund rund um die Tabellen ??

.maintable { background-color: #FFFFFF; border: #465B6C; border-style: dotted;
border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; }
?

Der Balken rund um die Tabelle ??


/* This is the outline round the main forum tables */
.forumline { background-color: #465B6C; }

1, 2, 3 und 4. Spalte ????? was heisst row over ???
/* Main table cell colours and backgrounds */
td.row1 { background-color: #ECF0F4; }
td.row1_over { background-color: #F3F7FA; }
td.row2 { background-color: #E3EAF0; }
td.row2_over { background-color: #EBEFF3; }
td.row3, td.row3Right { background-color: #DAE3EB; }
td.row3_over { background-color: #E0E8EF; }
td.row4 { background-color: #D7E0E9; }

Ist das die Kategorie ??? wie z.B. News & Support als Überschrift ?
/*
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;
}
Was sind Header cells da wo topic post etc drin steht?
/* Header cells - the blue and silver gradient backgrounds */
th, td.th {
color: #525E6E; font-size: 12px; font-weight: bold;
background-color: #DFE7EE; height: 26px;
}
Nun folgen böhmische Dörfer ... was ist das ?

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#9EB3C5; height: 28px;
}

td.th2 {background-color:#9EB3C5; height: 20px; color: #FFFFFF; }

td.spaceRow { background-color: #9EB3C5; }


/*
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 :-)
*/

/* The largest text used in the index page title and toptic title etc. */
h1,h2 {
font-weight: bold; font-size: 18px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color: #000000;
}
.maintitle {
font-weight: bold; font-size: 16px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height: 120%; color: #FFFFFF;
}
.subtitle {
font-size: 13px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none; color: #ECF0F4;
}
und noch mehr Unbekanntes ?

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall, .gensmall2 { font-size : 10px; }
.gentiny { font-size: 9px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #525E6E; text-decoration: underline; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #939DAE; 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: underline; color: #525E6E; }
a.mainmenu:hover{ text-decoration: underline; color: #939DAE; }

Also das sind die Titel der Kategorien also obiges war falsch

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

äh sind das die einzelnen Threads ?

.rowtitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color: #3E4753; }
a.rowtitle { text-decoration: underline; color: #3E4753; }
a.rowtitle:visited { text-decoration: underline; color: #3E4753; }
a.rowtitle:hover { text-decoration: underline; color: #F3F7FA; }
a.rowtitle:active { text-decoration: underline; color: #FFFFFF; }

mittlerweile schon gar nix mehr versteh also das ist forum titel aber was ist denn schrift und was ist das darunter liegende. als font size ist 12px die Schrift type und text deco ...der bunte Rahmen?
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color: #525E6E; }
a.forumlink { text-decoration: underline; color: #525E6E; }
a.forumlink:hover{ text-decoration: underline; color: #939DAE; }

... *gibt sich mittlerweile die Kugel* ...

/* 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: underline; color: #525E6E; }
a.nav:hover { text-decoration: underline; color: #939DAE; }

*grübel* das scheint mir ja eher nach den einzelnen Threads auszusehen und was war dann das da oben ...*

/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: underline; color: #525E6E; }
a.topictitle:visited { text-decoration: underline; color: #3E4753; }
a.topictitle:hover { text-decoration: underline; color: #939DAE; }
a.topictitle:active { text-decoration: underline; color: #000000; }

aha einer der tippt, aber und was sind denn hover und active, nach wie vor keine Synapsen-Erleuchtung

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size: 11px; color: #000000;}
a.name:link { text-decoration: underline; color: #525E6E; }
a.name:visited { text-decoration: underline; color: #3E4753; }
a.name:hover { text-decoration: underline; color: #939DAE; }
a.name:active { text-decoration: underline; color: #000000; }

ah ja glaube ich ist, das was unter dem Poster steht ... immerhin funktioniert etwas im Hirn

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

Das Post an sich ... und wieder hover der Staubsauger, das ist auch eine gute Beschäftigung und definitiv leichter als das hier ... und wieso ist da die font nicht erwähnt oder ist das doch die # farbe mhm ???
/* The content of the posts (body of text) */
.postbody { font-size: 12px;}
a.postlink:link { text-decoration: underline; color: #525E6E; }
a.postlink:visited { text-decoration: underline; color: #3E4753; }
a.postlink:hover { text-decoration: underline; color: #939DAE; }
a.postlink:active { text-decoration: underline; color: #000000; }

wenn ich zitiere, gibt es ein Kästchen, also farbe ist 006600, hintergrund aha und den Rahmen, wo ist denn der unterschied zwischen dotted und nicht dotted gepunktet und was gibt es noch? Ich hoffe, ich habe wenigstens das mal richtig

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

das gleiche nochmal das verstehe ich jetzt nicht. Einmal courier und dann die andere font family, wieso das. :cry: die Kugel ist auch schon geschmolzen
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3E4753; line-height: 125%;
background-color: #F3F7FA; border: #525E6E; border-style: dotted;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

Das ist sozusagen der Footer im weitesten Sinne ... wer was gemacht hat

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

.copyright2 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; }
a.copyright2, a.copyright2:visited, .copyright2 a, .copyright2 a:visited { text-decoration: underline; color: #FFFFFF; }
a.copyright2:hover, .copyright2 a:hover { text-decoration: underline; color: #F3F7FA; }
a.copyright2:active, .copyright2 a:active { text-decoration: underline; color: #FFFFFF; }

Mhm ...Bahnhof ???

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

form { display: inline; }

Das Feld worein ich antworte?
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}

input { text-indent : 2px; }

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

wieso gibt es zwei unterschiedlich abschick buttons ? ähm wieso einer fett der andere nicht? grübel grübel
/* 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;
}

Irgendwas mit Hilfe, das ist gut, die brauche ich auch ... also ähm wenn sie die gleiche Farbe hat, wie der Hintergrund ähm der Haupthintergerund, wie hier .z.B. weiss, sieht man es nicht oder wie oder was?

/* 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 ;)
*/
input.helpline { background-color: #D7E0E9; border: solid 1px #D7E0E9; }


Habe ich wenigstens etwas richtig ??? Wieso ist denn das so kompliziert. Wäre doch schön, direkt in den Templates im Admin-Bereich zu ändern. Rechte Maustaste, Farbe kommt hoch (als echte Farbe) click und Umwandlung in den hex code fertig ist. Aber nein ... :(

Wäre klasse, wenn Du Markus oder andere mir bei der "Übersetzung" helfen könntet. Ich möchte ja gerne ein schönes Board haben ...

Vielen Dank schon einmal ...

Conny
Antworten

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