css erläuterung??

[_joschka_]

Hallo,

hat jemand eine gute- am besten bebilderte- Erklärung der gesamten css für das phpbb3???
Subsilver2 in erster linie, nehme aber auch alles andere gerne.

Vielen Dank

[AYYILDIZLAR]

Hallo,

Prosilver - Colours.css

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

Mit Bildern kann ich dir leider nicht weiterhelfen.

Grüsse

[Crizzo]

Hi,

was bitte willst du denn jetzt erklärt haben? Wenn du kein CSS kannst, dann lern es. Dafür gibt es tausende Links im Internet:
http://www.thestyleworks.de/
http://www.css4you.de/
http://www.w3.org/TR/CSS21/
http://fwpf-webdesign.de/css

Aber eine Bildergeschichte, die dir 4731 Zeilen Code erklären, die wird die keiner bauen.

Grüße
Blackhawk

[_joschka_]

hey, na dass ist ja schon mal was!

Danke

[_joschka_]

Hi,

was bitte willst du denn jetzt erklärt haben? Wenn du kein CSS kannst, dann lern es. Dafür gibt es tausende Links im Internet:
http://www.thestyleworks.de/
http://www.css4you.de/
http://www.w3.org/TR/CSS21/
http://fwpf-webdesign.de/css

Aber eine Bildergeschichte, die dir 4731 Zeilen Code erklären, die wird die keiner bauen.

Grüße
Blackhawk

Hey vielen Dank für deine Antwort.
Freue mich dass nicht alle so unfreundlich sind wie Du.
Was ist daran so verwerflich wenn man nicht gerade der Crack ist und wissen will an welcher Schraube man drehen muss damit gewünschtes passiert.
Ich wollte schon speziell für das phpbb3 was haben - sonst wäre ich ach nicht in diesem Forum gelandet

Wünsche dir trotzdem einen schönen Abend und Vorweihnachtszeit

Grüße

[Crizzo]

Freue mich dass nicht alle so unfreundlich sind wie Du.

Aha.

Was ist daran so verwerflich wenn man nicht gerade der Crack ist und wissen will an welcher Schraube man drehen muss damit gewünschtes passiert.

Gar nichts, aber hättest du dir selbst mal die Mühe gemacht und ein bisschen probiert, dann hättest du eine spezifische Frage gehabt, auf die man dir einfach antworten kann. Aber so allgemein sind eben nur ein paar Links drin.

[_joschka_]

ok,

- dann sage mir wo ich was bei einem auf Subsilver2 aufgesetzten Template ändern muss um die Linie zwischen dem "Autorenfeld" (liniks) und der nachricht im Forum ändern will.
- wie/wo kann ich die Farben ändern?? (sind jetzt identisch)

hab da noch mehr..

Danke

[Crizzo]

Hi,

ich geb dir mal ein Tipp:
1. installiere dir Firebug in deinen Browser (damit kannst du dann das HTML-Element anwählen, welches du ändern willst und suchst dann in den Template-Dateien oder im CSS-Dateien nach den passenden Elementen.

2. notepad++ lässt dich in mehreren Dateien auf einmal suchen, spart Zeit.

Wie man die Profildetails und den Beitrag im subsilver2 ändert, hab ich diesem Thema schon erklärt: viewtopic.php?f=89&t=219418

Die Linie wird hier von definiert:

Code: Alles auswählen

<table class="tablebg" width="100%" cellspacing="1">

Findest du in Zeile 130 in Datei: phpBB3\styles\subsilver2\template\viewtopic_body.html

[Talk19zehn]

Hello,

hinsichtlich erster CSS-Hilfestellungen, auch HTML, kann ich neben dem Hinweis von AYYILDIZLAR das
• Firefox Addon "Web Developer" und
• Firefox Addon "Firebug"
empfehlen.

Andere Browser bieten ähnliche Tools an.

Viele Grüße