Ändern der Grundfarbe

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
hurganator
Mitglied
Beiträge: 13
Registriert: 11.02.2011 12:35

Ändern der Grundfarbe

Beitrag von hurganator »

Hallo Forum,

vorab entschuldigt bitte meine Frage - sie wurde bestimmt in der einen oder anderen Form bereits gestellt und beantwortet, aber ich komme mit manchen Antworten nicht klar.

Meine Frage (ich bin Laie!): ich würde die Grundfarbe des phpbb-Forums gerne von blau/silber/grau (= Standard) auf einen anderen Grundton (gelb/gold) umstellen. Und das bitte wenn möglich ohne größere Programmier- und/oder Fernlehrgänge.

Ist das möglich? Ich brauche nicht die Möglichkeit die letzte Grafik oder den kleinsten Rahmen individuell umzustellen, ich will nur Gelb statt Blau!

Vielen Dank für Eure nette Unterstützung!
Benutzeravatar
Michel_61
Mitglied
Beiträge: 728
Registriert: 15.08.2008 20:53
Wohnort: CH-Seewen/SO
Kontaktdaten:

Re: Ändern der Grundfarbe

Beitrag von Michel_61 »

Hallo,

geh mal auf den Link , da findest du deinen Style und einen Button "Coloriezelt".
Die gewünschte Farbe einstellen und runterladen.
Grüsse, Micha

Homepage??? Wie jetzt?? http://www.fj-europatreff.eu
hurganator
Mitglied
Beiträge: 13
Registriert: 11.02.2011 12:35

Re: Ändern der Grundfarbe

Beitrag von hurganator »

Super, vielen Dank!

Aber: bei mir werden Rahmen (um einen Beitrag/Übersicht) nur zur Hälfte mit der neuen Farbe gefüllt - ganz seltsam irgendwie. Also ein Rahmen teilt sich in der Mitte horizontal. Der obere Bereich ist die gewünschte neue Farbe, der untere Bereich bleibt blau.

Irgendwelche Ideen?

Vielen Dank!
Benutzeravatar
AYYILDIZLAR
Ehemaliges Teammitglied
Beiträge: 4148
Registriert: 09.11.2010 18:08
Kontaktdaten:

Re: Ändern der Grundfarbe

Beitrag von AYYILDIZLAR »

Hallo,
hurganator hat geschrieben:der untere Bereich bleibt blau
Das liegt daran weil der untere Bereich eine gif datei ist das heißt das diese auch in dein gewünschten Farbcode umgeändert werden muss. Gehe dazu in dein Style/theme/images und ändere bg_list in deine Farbwahl. Cache leeren natürlich nicht vergessen.

Grüße aus dem Spessart
DasEtwasAndereMotorradforum.de
Deutsche Übersetzung der Tapatalk Extension | Deutsche Übersetzung der Tapatalk MOD
Bitte keine PN wegen Support, werde diese zukünftig ignorieren und gleich löschen.

hurganator
Mitglied
Beiträge: 13
Registriert: 11.02.2011 12:35

Re: Ändern der Grundfarbe

Beitrag von hurganator »

Müssen alle GIFS ausgetauscht werden?

Welche GIFS sind denn für was - gibt es da eine Aufstellung/Zuordnung?

Immer noch vielen Dank an Euch alle!
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8177
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Ändern der Grundfarbe

Beitrag von Kirk »

Hi
AYYILDIZLAR hat geschrieben:Gehe dazu in dein Style/theme/images und ändere bg_list in deine Farbwahl. Cache leeren natürlich nicht vergessen.
AYYILDIZLAR hat doch geschrieben was du machen musst, probier es mal aus. :roll: :wink:
Benutzeravatar
AYYILDIZLAR
Ehemaliges Teammitglied
Beiträge: 4148
Registriert: 09.11.2010 18:08
Kontaktdaten:

Re: Ändern der Grundfarbe

Beitrag von AYYILDIZLAR »

Mir persönlich hat das hier eigentlich sehr geholfen. Schaus dir mal an ist sehr hilfreich bei Farbanpassungen :wink:

Code: Alles auswählen

/*     
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
   color: #000000;             /*Besucher etc*/
   background-color: #000000;      /*Hintergrund*/
}

h1 {
   color: #000000;               /*Überschrift (Forenname)*/
}

h2 {
   color: #000000;               /*Übersicht (Persönlicher Bereich)*/
}

h3 {
   border-bottom-color: #000000;   /*Überschrift (FAQ)*/
   color: #000000;               /*Überschrift (Wer war da, wer ist online)*/
}

hr {
   border-color: #000000;
   border-top-color: #000000;
}

hr.dashed {
   border-top-color: #000000;
}

/* Search box
--------------------------------------------- */

#search-box {
   color: #000000;               /* Linie unter der Suche */
}

#search-box #keywords {
   background-color: #000000;      /* Hintergrund Suchbox Startseite */
}

#search-box input {
   border-color: #000000;         /* Suchbox Rand */
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background-color: #000000;      /* Hintergrund ganz oben */
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #000000;               /* Text ganz oben */
}

.navbar {
   background-color: #000000;      /* Hintergrund zwischen Header und Forum selbst, ganz unten (enthält Text: Foren Übersicht, Team etc) */
}

.forabg {
   background-color: #000000;      /* Rahmen um Überforen */
   background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
   background-color: #000000;      /* Rahmen um Subforen */
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

.panel {
   background-color: #000000;     /* Hintergrund Suche (Suchanfrage -> Übereinstimmung) Mitglieder (Nach ->Suche Button) */
   color: #000000;               /* Text Suche und Mitgliederliste oben */
}

.post:target .content {
   color: #000000;
}

.post:target h3 a {
   color: #000000;
}

.bg1   { background-color: #000000; }
.bg2   { background-color: #000000; }
.bg3   { background-color: #000000; }

.ucprowbg {
   background-color: #000000;
}

.fieldsbg {
   background-color: #000000;
}

span.corners-top {
   background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
   background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
   background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
   background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
   border-bottom-color: #000000;            /* Streifen zwischen Foren Übersicht und Persönlicher BEreich */
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
   color: #000000;
}

table.table1 tbody tr {
   border-color: #000000;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: #000000;
   color: #000000;
}

table.table1 td {
   color: #000000;
}

table.table1 tbody td {
   border-top-color: #000000;
}

table.table1 tbody th {
   border-bottom-color: #000000;
   color: #000000;
   background-color: #000000;
}

table.info tbody th {
   color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
   color: #000000;
}

dl.details dd {
   color: #000000;
}

.sep {
   color: #000000;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
   color: #000000;                     /* Aktuell Ausgewählte Seite (1,2,3,4...( */
   background-color: #000000;            /* Aktuell Ausgewählte Seite Hintergrund */
   border-color: #000000;               /* Aktuell Ausgewählte Seite Hintergrund Rand */
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
   color: #000000;                     /* Seitenanzahl (außer aktuell gewählter Seite) Oben und unten rechts */
   background-color: #000000;            /* Seitenanzahl Hintergrund(außer aktuell gewählter Seite) Oben und unten rechts */
   border-color: #000000;               /* Seitenanzahl Hintergrund Rand(außer aktuell gewählter Seite) Oben und unten rechts */
}

.pagination span a:hover {
    color: #000000;                     /* Seitenanzahl beim MouseOver(außer aktuell gewählter Seite) Oben und unten rechts */
   background-color: #000000;            /* Seitenanzahl Hintergrund beim MouseOver(außer aktuell gewählter Seite) Oben und unten rechts */
   border-color: #000000;               /* Seitenanzahl Hintergrund Rand beim MouseOver (außer aktuell gewählter Seite) Oben und unten rechts */
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
   background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
   background-color: #000000;            /* Seitenanzahl Hintergrund(außer aktuell gewählter Seite) Forenübersicht */
}

.row .pagination span a:hover, li.pagination span a:hover {
   background-color: #000000;            /* Seitenanzahl Hintergrund beim MouseOver(außer aktuell gewählter Seite) Forenübersicht */
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
   color: #000000;                     /* Copyright */
}

.error {
   color: #000000;                     /* Error Meldungen z.B. falscher Login */
}

.reported {
   background-color: #000000;            
}

li.reported:hover {
   background-color: #000000 !important;
}
.sticky, .announce {
   /* you can add a background for stickies and announcements*/
}

div.rules {
   background-color: #000000;
   color: #000000;
}

p.rules {
   background-color: #000000;
   background-image: none;
}

/*     
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link   { color: #000000; }
a:visited   { color: #000000; }
a:hover   { color: #000000; }
a:active   { color: #000000; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
   color: #000000;                  /* Linkfarbe in Rahmen */
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
   color: #000000;                  /* Linkfarbe im Rahmen nach Besuch */
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
   color: #000000;                  /* Linkfarbe im Rahmen beim MouseOver */
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
   color: #000000;                  /* Linkfarbe im Rahmen beim Klicken */
}

/* Links for forum/topic lists */
a.forumtitle {
   color: #000000;
}

/* a.forumtitle:visited { color: #B51113; } */

a.forumtitle:hover {
   color: #000000;
}

a.forumtitle:active {
   color: #000000;
}

a.topictitle {
   color: #000000;                  /* Themenüberschrift */
}

/* a.topictitle:visited { color: #000000; } */

a.topictitle:hover {
   color: #000000;                  /* Themenüberschrift bei MouseOver*/
}

a.topictitle:active {
   color: #000000;                  /* Themenüberschrift beim Klicken */
}

/* Post body links */
.postlink {
   color: #000000;
   border-bottom-color: #000000;
}

.postlink:visited {
   color: #000000;
   border-bottom-color: #000000;
}

.postlink:active {
   color: #000000;
}

.postlink:hover {
   background-color: #000000;
   color: #000000;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
   background-color: #000000;         /* Signaturlinks */
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
   color: #000000;                  /* Link zum Profil (Benutzername) unter Avatar, Avatarlink selbst ohne Grafiken */
}

.postprofile a:hover, .postprofile dt.author a:hover {
   color: #000000;                  /* Link zum Profil (Benutzername) unter Avatar, Avatarlink selbst ohne Grafiken beim MouseOver*/
}

/* Profile searchresults */   
.search .postprofile a {
   color: #000000;
}

.search .postprofile a:hover {
   color: #000000;
}

/* Back to top of page */
a.top {
   background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
   background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links  */
a.up      { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down      { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left      { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right      { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
   background-color: #000000;
}

a.left:hover {
   color: #000000;
}

a.right:hover {
   color: #000000;
}


/*     
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
   background-color: #000000;                     /* Hintergrund für Subforen in der Übersicht */
   background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

ul.topiclist li {
   color: #000000;                              /* Beschreibung für Subforen, Zugriffe, Antworten, Daten (Foren) */
}

ul.topiclist dd {
   border-left-color: #000000;                     /* Trennlinien zwischen Themen, Beiträgen, Letzter Beitrag */
}

.rtl ul.topiclist dd {
   border-right-color: #000000;
   border-left-color: #000000;
}

ul.topiclist li.row dt a.subforum.read {
   background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
   background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
   border-top-color:  #000000;                     /* Linien zwischen den Foren und Themen */
   border-bottom-color: #000000;                  /* Linien zwischen den Foren und Themen */
}

li.row strong {
   color: #000000;                              /* Moderator eines Forums, [...] bei Seitenanzahl von Antworten */
}

li.row:hover {
   background-color: #000000;                     /* Farbänderung beim MouseOver von Themen und Foren */
}

li.row:hover dd {
   border-left-color: #000000;                     /* Trennlinien zwischen Themen, Beiträgen, Letzter Beitrag bei MouseOver*/
}

.rtl li.row:hover dd {
   border-right-color: #000000;
   border-left-color: #000000;
}

li.header dt, li.header dd {
   color: #000000;                              /* Überschrift der Spalten (Themen, Beiträge, Antworten, Zugriffe, Letzter Beitrag */
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
   color: #000000;
}

/* Post body styles
----------------------------------------*/
.postbody {
   color: #000000;                              /* von, wann und SIgnatur im Beitrag */
}

/* Content container styles
----------------------------------------*/
.content {
   color: #000000;                              /* Beitragsinhalt */
}

.content h2, .panel h2 {
   color: #000000;
   border-bottom-color:  #000000;
}

dl.faq dt {
   color: #000000;                              /*FAQ kleine Überschriften */
}

.posthilit {
   background-color: #000000;
   color: #000000;
}

/* Post signature */
.signature {
   border-top-color: #000000;                     /* Linie zwischen Beitrag und Signatur */
}

/* Post noticies */
.notice {
   border-top-color:  #000000;                     /* Linie über "zuletzt geändert von" */
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
   background-color: #000000;                              /* Hintergrund eines Zitates */
   background-image: url("{T_THEME_PATH}/images/quote.gif");      /* Hintergrundbild eines Zitates */
   border-color:#000000;                                 /* Rahmenfarbe eines Zitates */
}

blockquote blockquote {
   /* Nested quotes */
   background-color:#000000;                              /* Hintergrund eines Zitates in einem Zitat */
}

blockquote blockquote blockquote {
   /* Nested quotes */
   background-color: #000000;                              /* Hintergrund eines Zitates in einem Zitat in einem Zitat */
}

/* Code block */
dl.codebox {
   background-color: #000000;                              /* Hintergrund der Codebox */
   border-color: #000000;                                 /* Rahmen des Codeblockes */
}

dl.codebox dt {
   border-bottom-color:  #000000;
}

dl.codebox code {
   color: #000000;                                       /* Codebox Textfarbe */
}

.syntaxbg      { color: #000000; }
.syntaxcomment   { color: #000000; }
.syntaxdefault   { color: #000000; }
.syntaxhtml      { color: #000000; }
.syntaxkeyword   { color: #000000; }
.syntaxstring   { color: #000000; }

/* Attachments
----------------------------------------*/
.attachbox {
   background-color: #000000;
   border-color:  #000000;
}

.pm-message .attachbox {
   background-color: #000000;
}

.attachbox dd {
   border-top-color: #000000;
}

.attachbox p {
   color: #000000;
}

.attachbox p.stats {
   color: #000000;
}

.attach-image img {
   border-color: #000000;
}

/* Inline image thumbnails */

dl.file dd {
   color: #000000;
}

dl.thumbnail img {
   border-color: #000000;
   background-color: #000000;
}

dl.thumbnail dd {
   color: #000000;
}

dl.thumbnail dt a:hover {
   background-color: #000000;
}

dl.thumbnail dt a:hover img {
   border-color: #000000;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
   border-top-color: #000000;
   color: #000000;
}

fieldset.polls dl.voted {
   color: #000000;
}

fieldset.polls dd div {
   color: #000000;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
   border-right-color: #000000;
}

.pollbar1 {
   background-color: #000000;
   border-bottom-color: #000000;
   border-right-color: #000000;
}

.rtl .pollbar1 {
   border-left-color: #000000;
}

.pollbar2 {
   background-color: #000000;
   border-bottom-color: #000000;
   border-right-color: #000000;
}

.rtl .pollbar2 {
   border-left-color: #000000;
}

.pollbar3 {
   background-color: #000000;
   border-bottom-color: #000000;
   border-right-color: #000000;
}

.rtl .pollbar3 {
   border-left-color: #000000;
}

.pollbar4 {
   background-color: #000000;
   border-bottom-color: #000000;
   border-right-color: #000000;
}

.rtl .pollbar4 {
   border-left-color: #000000;
}

.pollbar5 {
   background-color: #000000;
   border-bottom-color: #000000;
   border-right-color: #000000;
}

.rtl .pollbar5 {
   border-left-color: #000000;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
   color: #000000;                        /* Beitragszahl, Registrationsdatum, Wohnort unterm Avatar (Anzahl,  Daten etc.)*/
   border-left-color: #000000;               /* vertikaler Streifen am Rand neben dem Avatar */
}

.rtl .postprofile {
   border-right-color: #000000;
   border-left-color: #000000;
}

.pm .postprofile {
   border-left-color: #000000;               /* vertikaler Streifen am Rand neben dem Avatar */
}

.rtl .pm .postprofile {
   border-right-color: #000000;
   border-left-color: #000000;
}

.postprofile strong {
   color: #000000;                        /* Beiträge, Registriert und Wohnort unterm Avatar*/
}

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

/*     
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.reply-icon span   { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span      { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span   { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span   { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span    { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span   { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

a.print {
   background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}

a.sendemail {
   background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}

a.fontsize {
   background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome                  { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq                  { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
.icon-members               { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home                  { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp                  { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register               { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout               { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark               { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump                  { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe               { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe            { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages                  { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search               { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }

/* Profile & navigation icons */
.email-icon, .email-icon a      { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a         { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a      { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a         { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a         { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a         { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a      { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a            { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a      { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

/* Moderator icons */
.report-icon, .report-icon a      { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a         { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a      { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a         { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a         { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/*     
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
   border-color: #000000;               /* horizontale Linien unter kleinen Überschriften (Persönlicher Bereich unter "Deine Aktivität" und Moderations-Bereich unter "Die letzten 5 Beiträge...", in diesen Bereichen) */
}

#cp-main .panel li.row {
   border-bottom-color: #000000;         /* Im Persönlicher Bereich unter Benutzergruppe, horizontale Linie zwischen den einzelnen Gruppen */
   border-top-color: #000000;            /* Im Persönlicher Bereich unter Benutzergruppe, horizontale Linie zwischen den einzelnen Gruppen */
}

ul.cplist {
   border-top-color: #000000;            /* Im Persönlicher Bereich unter Benutzergruppe, horizontale Linie zwischen den einzelnen Gruppen */
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
   color: #000000;                     /* Benutzergruppe Überschriften (Gruppen-Leiter und Mitgliedschaften) */
}

#cp-main table.table1 thead th {
   color: #000000;                     /* Moderationsbereich (Überschriften in Tabellen (Vorgang, Benutzername etc) */
   border-bottom-color: #000000;         /* Horizontale Linie unter den Überschriften */
}

#cp-main .pm-message {
   border-color: #000000;
   background-color: #000000;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
   background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#tabs a span {
   background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
   color: #000000;                     /* Moderations- und Persönlicher Bereich, Linkfarbe für die verschiedenen Bereiche (Profil, Einstellungen, Private Nachrichten, etc)*/
}

#tabs a:hover span {            
   color: #000000;                     /* Moderations- und Persönlicher Bereich, Linkfarbe für die verschiedenen Bereiche bei MouseOver (Profil, Einstellungen, Private Nachrichten, etc)*/
}

#tabs .activetab a {
   border-bottom-color: #000000;         /* horizontale Linie unter dem gewählten Bereich, in welchem man gerade ist (gilt für Tabs wie oben) */
}

#tabs .activetab a span {
   color: #000000;                     /* Moderations- und Persönlicher Bereich, Linkfarbe für die verschiedenen Bereiche wenn man im Bereich ist (Profil, Einstellungen, Private Nachrichten, etc)*/
}

#tabs .activetab a:hover span {            /* Moderations- und Persönlicher Bereich, Linkfarbe für die verschiedenen Bereiche bei MouseOver (Profil, Einstellungen, Private Nachrichten, etc)*/
   color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
   background-color: #000000;
}

#minitabs li.activetab {
   background-color: #000000;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
   color: #000000;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
   color: #000000;                     /* Persönlicher Bereich und Moderationsbereich, Sublinks (stehen links unter den TabLinks) */
   background-color: #000000;            /* Hintergrund für die Sublinks */
   background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

#navigation a:hover {
   background-color: #000000;            /* Hintergrund für die Sublinks beim MouseOver*/
   color: #000000;                     /* Persönlicher Bereich und Moderationsbereich, Sublinks (stehen links unter den TabLinks) beim MouseOver*/
}

#navigation #active-subsection a {
   color: #000000;                     /* Farbe des Gewählten Sublinks */
   background-color: #000000;            /* Hintergrund des gewählten Sublinks */
   background-image: none;
}

#navigation #active-subsection a:hover {
   color: #000000;                     /* Farbe des Gewählten Sublinks beim MouseOver */ 
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
   color: #000000;                     /* Farbe der Überschriften im Persönlichen Bereich und Moderationsbereich */
}

#cp-main .panel {
   background-color: #000000;            /* Hintergrundfarbe im persönlichen Bereich/Moderationsbereich */
}

#cp-main .pm {
   background-color: #000000;            /* Hintergrundfarbe von PN´s */
}

#cp-main span.corners-top, #cp-menu span.corners-top {
   background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
   background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
   background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
   background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
   background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
   background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
   background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
   background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
   background-color: #000000;
}

dl.mini dt {
   color: #000000;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
   color: #000000 !important;            /*PM Nachricht History, wenn auf eine PN geantwortet wird, wird der Text der vorhergegangenen PN in dieser Farbe angezeigt */
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
   border-left-color: #000000;            /* Wenn eine PN gemeldet wird, hat sie Links diese Farbe */
   border-right-color: #000000;         /* Wenn eine PN gemeldet wird, hat sie Rechts diese Farbe */
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
   border-color: #000000;               /* Wenn eine PN markiert wird, hat sie eine Umrandung in dieser Farbe */
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
   border-color: #000000;               /* Wenn auf eine PN geantwortet wird, hat sie eine Umrandung in dieser Farbe */
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
   border-color: #000000;               /* Wenn auf eine PN eines Freundes ankommt, hat sie eine Umrandung in dieser Farbe */
}

pmlist li.pm_foe_colour, .pm_foe_colour {
   border-color: #000000;
}

/* Avatar gallery */
#gallery label {
   background-color: #000000;
   border-color: #000000;
}

#gallery label:hover {
   background-color: #000000;
}

/*     
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
   border-color: #000000;            /* Rand der Auswahlboxen in Subforen und Beiträgen, z.B. Gehe zu: */
   background-color: #000000;         /* Hintergrundfarbe in den Auswahlboxen in Subforen und Beiträgen, z.B. Gehe zu: */
}

label {
   color: #000000;                  /* Beschreibung vor den Auswahlboxen */
}

option.disabled-option {
   color: #000000;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
   color: #000000;                  /* "Entweder-oder" Optionen Antworten im Persönlichen Bereich (Ja/Nein) */
}

/* Hover effects */
fieldset dl:hover dt label {               /* Farbe des "Entweder-Oder" Textes (z.B. Benachrichtige mich über neue Nachrichten:) beim MouseOver */
   color: #000000;
}

fieldset.fields2 dl:hover dt label {         /* Farbe des "Entweder-Oder" Textes (z.B. Benachrichtige mich über neue Nachrichten:) beim MouseOver */
   color: #000000;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
   background-color: #000000;         /* Hintergrund derAnmeldebox auf der Index Seite */
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
   color: #000000;                  /* Schriftfarbe beim Post erstellen */
}

/* Input field styles
---------------------------------------- */
.inputbox {
   background-color: #000000;         /* "Forum/Thema durchsuchen"-Box Hintergrundfarbe */
   border-color: #000000;            /* "Forum/Thema durchsuchen"-Box Umrandungsfarbe */
   color: #000000;                  /* "Forum/Thema durchsuchen"-Box Textfarbe */
}

.inputbox:hover {
   border-color: #000000;            /* "Forum und Thema durchsuchen"-Box Umrandungsfarbe bei MouseOver */
}

.inputbox:focus {
   border-color: #000000;            /* "Forum/Thema durchsuchen"-Box Umrandungsfarbe wenn die Box gewählt wird*/
   color: #000000;                  /* "Forum/Thema durchsuchen"-Box Textfarbe, wenn die Box gewählt wird */
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
   color: #000000;                  /* Farbe des Suche und Los Buttons */
   background-color: #000000;         /* Hintergrundfarbe des Suche und Los Buttons, nicht sichtbar wenn Hintergrund Bild Gewählt ist */
   background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}

a.button1, input.button1 {
   border-color: #000000;            /* Umrandung des Suche Buttons unter der "Erweiterte Suche" */
}

input.button3 {
   background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
   border-color: #000000;            /* Umrandungsfarbe des Suche und Los Buttons */
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
   color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
   border-color: #000000;
   color: #000000;
}

input.search {
   background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}

input.disabled {
   color: #000000;
}
DasEtwasAndereMotorradforum.de
Deutsche Übersetzung der Tapatalk Extension | Deutsche Übersetzung der Tapatalk MOD
Bitte keine PN wegen Support, werde diese zukünftig ignorieren und gleich löschen.
hurganator
Mitglied
Beiträge: 13
Registriert: 11.02.2011 12:35

Re: Ändern der Grundfarbe

Beitrag von hurganator »

Also, ich habe die GIFS in dem Verzeihnis überprüft - sie sind in Ordnung und farblich angepasst!
Trotzdem werden immer noch "blaue" Bereiche dargestellt und ich weiss nicht, wo die herkommen (Rahmen, teilweise Hintergründe (wo man auf Mitglieder oder Persönlicher Bereich klicken kann).

Falls jetzt noch jemand eine Idee hat - her damit!

Gruß aus MIttelhessen!
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8177
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Ändern der Grundfarbe

Beitrag von Kirk »

Falls du den FF Browser nutzt, dann lad dir mal das Addon Firebug herunter. damit kannst du sowas rausfinden.
hurganator
Mitglied
Beiträge: 13
Registriert: 11.02.2011 12:35

Re: Ändern der Grundfarbe

Beitrag von hurganator »

GELÖST: mit dem Tool Colorizelt (http://www.phpbb3styles.net/db/style/prosilver, vielen Dank für den Link) ist es ja wirklich einfach. Man darf nur keine Anfängerfehler machen: der Cache sollte in der Tat geleert werden und der neue Style sollte über die Funktion "Installieren" ins Board eingebunden werden.

Vielen Dank an alle Helferlein hier!

Beste Grüße aus Mittelhessen.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“