Grafik entfernen und Schriftfarbe ändern.

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.
Timati7
Mitglied
Beiträge: 49
Registriert: 24.03.2012 14:26

Grafik entfernen und Schriftfarbe ändern.

Beitrag von Timati7 »

Ich hab mir jetzt auch mal das pbpBB installiert und hätte da ein paar Fragen.

Wie bring ich die Grafik da oben weg (Habs mit nem X markiert)
Und wie kann ich die Schriftfarbe umstellen? (Habs rot umrandet) ^^
Durch meinen Hintergrund kann man die Schrift nur mehr schwer lesen.

[ externes Bild ]
Benutzeravatar
AYYILDIZLAR
Ehemaliges Teammitglied
Beiträge: 4148
Registriert: 09.11.2010 18:08
Kontaktdaten:

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von AYYILDIZLAR »

Hallo,

Schau mal hier viewtopic.php?f=85&t=216423 und für die Farbänderungen könnte dir das vielleicht weiterhelfen.

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;
}
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.
Timati7
Mitglied
Beiträge: 49
Registriert: 24.03.2012 14:26

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von Timati7 »

Ok werd ich dann mal schauen.
Das wichtige ist aber das mit dem X.

Wie bekomme ich das blaue weg? es soll 100% transparent sein.

Profav
Mitglied
Beiträge: 6
Registriert: 23.03.2012 13:13

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von Profav »

Timati7 hat geschrieben:Ok werd ich dann mal schauen.
Das wichtige ist aber das mit dem X.

Wie bekomme ich das blaue weg? es soll 100% transparent sein.
soll es komplett weg sein (also die Seite nach oben rutschen) oder nur in der Hintergurndfarbe aber an gleicher Position?
Timati7
Mitglied
Beiträge: 49
Registriert: 24.03.2012 14:26

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von Timati7 »

Nur die Hintergrundfarbe ^^
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8176
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von Kirk »

Hallo
Suche in der colour.css nach:

Code: Alles auswählen

.headerbar {
    background-color: #12A3EB;
    background-image: url("{T_THEME_PATH}/images/bg_header.gif");
    color: #FFFFFF;
}
ersetze es damit:

Code: Alles auswählen

.headerbar {
    background-color: transparent;
    color: #FFFFFF;
}
Danach den Themes Cache im ACP und den Browser Cache leeren.

Kleiner Tip noch sowas lässt sich mit dem Addon Firebug für den FF leicht herausfinden.

Edit:
Du kannst auch die Farbe die für den Hintergrund zuständig ist verändern.
Timati7
Mitglied
Beiträge: 49
Registriert: 24.03.2012 14:26

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von Timati7 »

Und wo find ich colour.css ? ^^
Benutzeravatar
AYYILDIZLAR
Ehemaliges Teammitglied
Beiträge: 4148
Registriert: 09.11.2010 18:08
Kontaktdaten:

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von AYYILDIZLAR »

Timati7 hat geschrieben:Und wo find ich colour.css ? ^^
Styles/ProSilver/theme und da ist es schon "colours.css"

Grüße
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.
Timati7
Mitglied
Beiträge: 49
Registriert: 24.03.2012 14:26

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von Timati7 »

Ok danke das hätte ich dann mal gefunden.

Und jetzt hätte ich noch ne Frage.

Ich will die mit dem roten X markierten Felder eine andere Textur geben.
Aber wie mach ich das?

http://www.realhorror.at/images/forum1.png
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8176
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Grafik entfernen und Schriftfarbe ändern.

Beitrag von Kirk »

Das erste ist die navbar und beim 2. ist es eine Grafik /styles/[stylename]/theme/images/gradient.gif
Kirk hat geschrieben:Kleiner Tip noch sowas lässt sich mit dem Addon Firebug für den FF leicht herausfinden.
:roll:
Antworten

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