phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

Problem mit der css. Datei

https://www.phpbb.de/community/viewtopic.php?t=98807

Seite 1 von 1

Problem mit der css. Datei

Verfasst: 25.09.2005 12:01
von Pada
Hallo,

Ich habe auf meinem Forum das Termplate alexisRed installiert und möchte die Farben in den Tabellen ändern mit Hilfe der css. Datei
Dies sieht so aus:

Code: Alles auswählen

/* alexisRed CSS File Created by Andrew :: http://andrewcharron.tk */
   993433

html {
        width: 100%;
        /* height: 100%;*/
        }
body {
        background-color: #EFEFEF; /* OLD: #FFFFFF; */
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        /* height: 100%; */
        text-align: center;
        }
.gen {
        font-size : 12px;
        }
.gen2 {
        font-size: 11px;
        font-family: sans-serif, Arial;
        }
.genmed {
        font-size : 12px;
        }
.gensmall {
        font-size : 11px;
        }
.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;
         }
a:link,a:active,a:visited {
        color: #555555;
        }
a:hover {
        color: #660000;
        }
span.info {
        font-size: 11px;
        color: #000000;
        }
span.small {
        font-size: 11px;
        }
span.postinfo {
        font-size: 12px;
        color: #333333;
        }
a.nav {
        color: #333333;
        font-size: 12px;
        }
.cattitle {
        color: #333333;
        }
a.white {
        color: #FFFFFF;
        }
a.grey {
        color: #333333;
        }
a.white:visited {
        color: #FFFFFF;
        }
a.green {
        color: #993433;
        font-weight: bold;
        font-size: 14px;
        }
a.green:visited {
        color: #993433;
        font-weight: bold;
        font-size: 14px;
        }
a.green:hover {
        color: #996600;
        font-weight: bold;
        font-size: 14px;
        }
div.small {
        font-size: 11px;
        }
div.pm {
        border: solid;
        border-width: 1px;
        width: 300px;
        border-color: #555555;
        background-color: #EFEFEF;
        font-size: 11px;
        position: center;
        text-align: center;
        font-family: Verdana, sans-serif;
        padding: 2px;
        }
table.forumborder {
        border: solid;
        border-width: 1px;
        border-color: #555555;
        }
td.small {
        font-size: 11px;
        }
td.info {
        font-size: 10px;
        color: #000000;
        }
td.title {
        background-color: #993433;
        width: 100%;
        height: 100px;
        }
td.menu {
        background-color: #CFCFCF;
        width: 100%;
        height: 25px;
        color: #555555;
        font-size: 12px;
        font-family: sans-serif;
        }
td.subtitle {
        background-color: #CFCFCF;
        width: 100%;
        height: 25px;
        color: #555555;
        font-size: 12px;
        font-family: sans-serif;
        }
td.mnu {
        background-color: #BFBFBF;
        height: 2px;
        }
td.forumtitle {
        background-color: #993433;
        color: #FFFFFF;
        font-size: 10px;
        font-family: sans-serif;
        }
td.row1 {
        background-color: #EFEFEF; /*was EEEEEE */
        font-family: sans-serif;
        font-size: 12px;
        }
td.row2 {
        background-color: #DEDEDE;  /* Was DDDDDDD */
        font-family: sans-serif;
        font-size: 12px;
        }
td.row3 {
        background-color: #CDCDCD; /* was CCCCCC */
        font-family: sans-serif;
        font-size: 12px;.
        }
td.icon {
        background-color: #EFEFEF;
        font-family: sans-serif;
        }
td.rowtitles {
        background-color: #CFCFCF;
        color: #555555;
        font-size: 11px;
        font-family: sans-serif;
        }
th.forumtitle {
        background-color: #993433;
        color: #FFFFFF;
        font-size: 10px;
        font-family: sans-serif;
        }
th.menu {
        background-color: #BFBFBF;
        height: 25px;
        color: #555555;
        font-size: 12px;
        font-family: sans-serif;
        }
span.postbody {
         font-size: 13px;
         }
.liteoption {
        border: 1px solid #000000;
        height: 20px;
        background-color: #FFFFFF;
        }
.mainoption, .button {
        border: 1px solid #000000;
        height: 20px;
        background-color: #FFFFFF;
        }
.code {
        font-family: "courier new";
        font-size: 12px;
        color: #993433;
        background-color: #FFFFFF;
        border: #993433;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        background-image: url("images/background.gif");
        background-repeat: no-repeat;
        background-position: top right;
}

.quote {
        font-family: Arial;
        font-size: 11px;
        color: #333333;
        /* line-height: 125%; */
        background-color: #FFFFFF;
        border: #333333;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        background-image: url("images/background.gif");
        background-repeat: no-repeat;
        background-position: top right;
        }
/* Not used yet, but will be used in v1.2, v1.5 and v2.0*/
div.box1 {
        width: 200px;
        text-align: center;
        font-size: 14px;
        background-color: #EFEFEF;
        border: 1px solid #BFBFBF;
        }
table.mainwindow {
        margin-left: auto;
        margin-right: auto;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        background-color: #FFFFFF;
        width: 775px;
        background-image: url("images/background.gif");
        background-repeat: no-repeat;
        background-position: top right;
        }
.topictitle1 {
        font-size: 14px;
        font-weight: bold;
        }
/* End CSS */
Ich weiß aber nicht welche Varabel in der css. Datei für welchen Abschnitt im Forum steht.
Gibt es da irgendwo ne Beschreibung was für was steht?

Verfasst: 25.09.2005 13:06
von Peggy
In der Doku gibts leider keine Beschreibung für die CSS.

Wir könnten hier aber mal einiges durchgehen, wenn du magst.

Was willst du denn alles ändern?

Verfasst: 25.09.2005 15:27
von Pada
Ja dass wär toll.
Also hier ist der Link zu meinen Forum: Mein Forum.
Ich möchte an den jetzt noch grauen Tabellen einige Farbveränderungen vornehmen.
Weg von den grau Tönen---> hin zu warmen Tönen.
Verstehst du?

Verfasst: 25.09.2005 15:48
von Peggy
Ich verstehe. :D

Also ... wenn du z.B. in die Datei index_body.tpl schaust, siehst du bei den Spalten sowas wie ...
td class="row1"
oder
td class="row2"
Jetzt schau mal in die CSS ... da findest du sowas:
td.row1 {
background-color: #EFEFEF; /*was EEEEEE */
font-family: sans-serif;
font-size: 12px;
}
td.row2 {
background-color: #DEDEDE; /* Was DDDDDDD */
font-family: sans-serif;
font-size: 12px;
}
Die rotmarkierten Hex-Werte kannst du ändern nach deinen Wünschen.
Hier noch ne Farbtabelle:
http://www.uni-magdeburg.de/counter/rgb.txt.shtml
In der Hex-Spalte dort stehen dann die Hex-Werte zu den Farben.

Verfasst: 25.09.2005 15:53
von Pada
okay danke ich probiers gleich aus

Verfasst: 25.09.2005 16:18
von Pada
Nur wo ändert man in der css. Datei die Farbe der Linien um die Tabellen?=

Verfasst: 25.09.2005 16:24
von Peggy
Hiermit:
table.forumborder {
border: solid;
border-width: 1px;
border-color: #555555;
}
:wink:

Oder meinste du die weissen Linien? Das ist der Hintergrund, der durchschimmert.

Verfasst: 25.09.2005 17:23
von kolja
moin

download this

das is n programm welches dir den code einer farbe anzeigt
super einfach

dann musst du nur noch den entsprechenden code in der css datei finden und ändern

und schon erstraht dein forum in einer neuer farbe

kolja

Verfasst: 25.09.2005 18:30
von Pada
.EGGY:. hat geschrieben:Hiermit:
table.forumborder {
border: solid;
border-width: 1px;
border-color: #555555;
}
:wink:

Oder meinste du die weissen Linien? Das ist der Hintergrund, der durchschimmert.
Jo ich mein die weißen Linien.
Wie kann ich die ändern?

Verfasst: 25.09.2005 19:41
von Peggy
Das Weisse ist wie gesagt der Hintergrund, der durchscheint, bzw. das Hintergrundbild mit den grauen Kreisen (dadurch sieht es aus, als werden die weissen Linien teilweise unterbrochen).

Um da farbige Linien zu sehen, müsstest du den "table.forumborder" um eine Hintergrundfarbe erweitern ...
table.forumborder {
border: solid;
border-width: 1px;
border-color: #555555;
background-color: #000000;
}
Das Blaue musst du in der CSS ergänzen. "#000000" ist nur ein Beispiel (=schwarz), musst du mit deiner Wunschfarbe ersetzen.
Alle Zeiten sind UTC+02:00
Seite 1 von 1

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de