xa-media.com | Support Forum

[xICorpsCounterIx]

Hallo alle zusammen erst mal,

ich bin absoluter neuling was das ändern von Styles angeht und würde gerne wissen was geändert werden muss bzw ob mir jemand denn Template so ändern kann das alles in einem Grünton ist was aktuell Rot ist?

/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;

}

html {
font-size: 100%;
background:#000000;
}

body {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #DDDDDD;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-width: 0px;
background:#000000;
}

#wrapheader {
min-height: 150px;
height: auto !important;
height: 150px;
padding: 0px;
}

#wrapcentre {
margin: 25px 15px 0 15px;
}

#wrapfooter {
text-align: center;
clear: both;
padding: 10px;

}

#wrapnav {
font-size: 70.5%;
width: 100%;
margin: 0;
border-width: 1px;
border-style: solid;
border-color: #000000;
}

#logodesc {
margin-bottom: 0px;
padding: 0px 0px 0px 15px;
background:#000000 url("{T_THEME_PATH}/images/bg-banner.jpg");
background-repeat: repeat-x;
height: 150px;

}

.logodescimg {
background:url("{T_THEME_PATH}/images/banner.jpg");
background-repeat: no-repeat;
background-position: top right;
height: 150px;
}

#menubar {
font-size: 1.5em;
padding: 11px 15px;
border-width: 0px;
background:#000000 url("{T_THEME_PATH}/images/bg-main-nav.jpg");
background-repeat: repeat-x;
}

#datebar {
font-size: 1.0em;
margin: 0px 0px 0px 0px;
padding: 8px 15px;
border-width: 0px;
background:#000000 url("{T_THEME_PATH}/images/bg-date.jpg");
background-repeat: repeat-x;
height: 23px;
}

#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}

.forumrules {
background-color: #111111;
border: 1px solid #3F3F3F;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.breadcrumbs{
color:#CCCCCC;
font-size: 1.0em;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 5px 0px;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

/* Text
--------------------- */
.sub_title {
color: #EEEEEE;
font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
font-weight: normal;
font-size: 1.2em;
text-decoration: none;
margin: 0px 0px;
}


h1 {
color: #EEEEEE;
font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
font-weight: normal;
font-size: 3.0em;
text-decoration: none;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2.8em;
text-decoration: none;
line-height: 120%;
color: #FFDBCC;
}

h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}

h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: #FCC263;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}

p.breadcrumbs {
margin: 0;
float: left;
color: #DDDDDD;
font-weight: bold;
white-space: normal;
font-size: 1.6em;
}

.rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
float: right;
font-size: 1.0em;
}

.rtl p.datetime {
float: left;
}

p.searchbar {
padding: 2px 0;
white-space: nowrap;
}

p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom: 4px;
}

p.topicauthor {
margin: 1px 0;
}

p.topicdetails {
margin: 1px 0;
}

.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}

.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
color: green;
font-weight:bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}

.postauthor {
color: #DDDDDD;
}

.postdetails {
color: #CCCCCC;
}

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

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

.nav {
margin: 0;
color: #DDDDDD;
font-weight: bold;
}

.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}

.cattitle {
}

.gen {
margin: 1px 1px;
font-size: 1.2em;
}

.genmed {
margin: 1px 1px;
font-size: 1.0em;
}

.gensmall {
margin: 1px 1px;
font-size: 0.9em;
color: #ABABAB;
}

.copyright {
color: #BBBBBB;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.error {
color: red;
}


/* Tables
------------ */
th {
color: #CCCCCC;
font-size: 1.1em;
font-weight: bold;
white-space: nowrap;
padding: 7px 5px;
background:#000000 url("{T_THEME_PATH}/images/bg-th.jpg");
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
background:#0C0C0C url("{T_THEME_PATH}/images/bg-row1.jpg");
background-repeat: repeat-x;
}

.tablebg {
background-color: #000000;
}

.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background:#000000 url("{T_THEME_PATH}/images/bg-cat.jpg");
background-repeat: repeat-x;
}
.rtl .catdiv {
background:#000000 url("{T_THEME_PATH}/images/bg-cat.jpg");
background-repeat: repeat-x;
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
text-indent: 10px;
background:#000000 url("{T_THEME_PATH}/images/bg-cat.jpg");
background-repeat: repeat-x;
}

.row1 {
background:#0C0C0C url("{T_THEME_PATH}/images/bg-row1.jpg");
background-repeat: repeat-x;
padding: 4px;
}

.row2 {
background:#000000 url("{T_THEME_PATH}/images/bg-row1.jpg");
padding: 4px;
}

.row3 {
background:#111111;
padding:4px;
color:#FFFFFF;
}

.row4 {
background:#000000 url("{T_THEME_PATH}/images/bg-breadcrumbs.jpg");
background-repeat: repeat-x;
padding: 4px;
}
.rowgood {
background-color: #003300;
padding: 4px;
}

.rowneutral {
background-color: #191919;
padding: 4px;
}

.rowbad {
background-color: #6C0000;
padding: 4px;
}


hr {
height: 1px;
border-width: 0;
color: #3F3F3F;
}

.legend {
text-align:center;
margin: 0 auto;
}

/* Links
------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}

a:link {
color: #FF3C3C;
text-decoration: none;
}

a:visited {
color: #FF3C3C;
text-decoration: none;
}

a:hover {
color: #FFDBCC;
text-decoration: none;
}

a:active {
color: #005784;
text-decoration: none;
}

a.forumlink {
color: #FF3C3C;
font-weight: bold;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}

a.forumlink:hover {
color: #FFDBCC;
text-decoration: none;
}

a.topictitle {
margin: 1px 0;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
}

a.topictitle:visited {
text-decoration: none;
}

th a,
th a:visited {
color: #DDDDDD !important;
text-decoration: none;
}

th a:hover {
text-decoration: underline;
}


/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}

input {
color: #DDDDDD;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #5E5E5E;
background-color: #000000;
}

textarea {
background-color: #000000;
color: #DDDDDD;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #5E5E5E;
padding: 2px;
}

select {
color: #DDDDDD;
background-color: #000000;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #5E5E5E;
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

.rtl option {
padding: 0 0 0 1em;
}

input.radio {
border: none;
}

.post {
background-color: #000000;
border: 1px solid #5E5E5E;
color: #DDDDDD;
}

.btnbbcode {
color: #FF3C3C;
font-weight: normal;
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
border: 1px solid #000000;
background:#000000 url("{T_THEME_PATH}/images/bg-button.jpg");
background-repeat: repeat-x;
}

.btnmain {
color: #FF3C3C;
font-weight: normal;
background:#000000 url("{T_THEME_PATH}/images/bg-button.jpg");
background-repeat: repeat-x;
border: 1px solid #000000;
cursor: pointer;
padding: 1px 5px;
font-size: 1.2em;
}

.btnlite {
color: #FF3C3C;
font-weight: normal;
border: 1px solid #000000;
cursor: pointer;
padding: 1px 5px;
font-size: 1.2em;
background:#000000 url("{T_THEME_PATH}/images/bg-button.jpg");
background-repeat: repeat-x;
}

.btnfile {
color: #FF3C3C;
font-weight: normal;
border: 1px solid #000000;
padding: 1px 5px;
font-size: 1.2em;
background:#000000 url("{T_THEME_PATH}/images/bg-button.jpg");
background-repeat: repeat-x;
}

.helpline {
background-color: #0D0D0D;
border: 0px;
padding: 1px 5px;
color: #EEEEEE;
}


/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #1A1A1A;
color: #DDDDDD;
background:#000000 url("{T_THEME_PATH}/images/bg-quote.jpg");
background-repeat: repeat-x;
font-size: 0.85em;
font-weight: bold;
}


.quotetitle .quotetitle {
font-size: 1em;
}


.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #1A1A1A;
border-width: 1px 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #000000;
color: #DDDDDD;
}


.attachcontent {
font-size: 0.85em;
}


.codetitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #1A1A1A;
color: #DDDDDD;
background:#000000 url("{T_THEME_PATH}/images/bg-quote.jpg");
background-repeat: repeat-x;
font-size: 0.85em;
font-weight: bold;
}

.codecontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #1A1A1A;
border-width: 1px 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #000000;
color: #DDDDDD;
}
.syntaxbg {
color: #FFFFFF;
}

.syntaxcomment {
color: #FF8000;
}

.syntaxdefault {
color: #0000BB;
}

.syntaxhtml {
color: #000000;
}

.syntaxkeyword {
color: #006633;
}

.syntaxstring {
color: #990000;
}


/* Private messages
------------------ */
.pm_marked_colour {
background-color: #FF3C3C;
}

.pm_replied_colour {
background-color: #2A2A2A;
}

.pm_friend_colour {
background-color: #006600;
}

.pm_foe_colour {
background-color: #990000;
}


/* Misc
------------ */
img {
border: none;
}

.sep {
color: black;
background-color: #FFA34F;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
}

/* -------------------------
calendar mod additions...
------------------------- */

.buttons {
float: left;
width: auto;
height: auto;
}

/* Rollover state */
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
position: relative;
overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span { background-position: 0 100%; }


/* The following are part of the calendar mod.
They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
If you are trying to implement a style other then prosilver, look at how your existing style defines
those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span { background: transparent none 0 0 no-repeat; }
.calendar-day-icon span { background: transparent none 0 0 no-repeat; }
.calendar-week-icon span { background: transparent none 0 0 no-repeat; }
.calendar-month-icon span { background: transparent none 0 0 no-repeat; }

/* The following are part of the calendar mod.
They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
If you are trying to implement a style other then prosilver, look at how your existing style defines
those icons, and do the same for the new calendar icons.

Note the "text-align: left" was added because there were a few instances where the icons were cut in half...
adding the text align property helps reserve enough space to fully display the icon.
*/
.buttons div.calendar-new-icon { width: {IMG_BUTTON_CALENDAR_NEW_WIDTH}px; height: {IMG_BUTTON_CALENDAR_NEW_HEIGHT}px; text-align: left; }
.buttons div.calendar-day-icon { width: {IMG_BUTTON_CALENDAR_DAY_WIDTH}px; height: {IMG_BUTTON_CALENDAR_DAY_HEIGHT}px; text-align: left; }
.buttons div.calendar-week-icon { width: {IMG_BUTTON_CALENDAR_WEEK_WIDTH}px; height: {IMG_BUTTON_CALENDAR_WEEK_HEIGHT}px; text-align: left; }
.buttons div.calendar-month-icon { width: {IMG_BUTTON_CALENDAR_MONTH_WIDTH}px; height: {IMG_BUTTON_CALENDAR_MONTH_HEIGHT}px; text-align: left; }


/* uses border-top-color = .bg3 background-color
(the line between events in the month display) */
hr.hrCal {
border-top-color: #0c0c0c;
}

/* uses color from h1
(calendar header previous and next links) */
.calH1 {
color: #EEEEEE;
font-weight: bold;
font-size:200%
}

/* The from and to times take up a lot of
space in the calendar display.
Use this to shrink them */
.smCalText{font-size:100%}

/* bg4 is just slightly darker then bg3
days of the week name headers
(used in calendar headers) */
.bg4 { height: 28px;
margin: 0;
padding: 0;
border: 0;
background:#000000 url("{T_THEME_PATH}/images/bg-th.jpg");
text-indent: 4px; }

/* uses background-color of .bg3
this is "normal" day header color
(used to display the numbers and icons for
each day in the month and week view displays ) */
table tbody td.bg3_calMonH{
background-color: #0c0c0c;
font-size:100%
}

/* uses background-color of .bg4
this is "today/selected" header color
(used to display the numbers and icons for
each day in the month and week view displays ) */
table tbody td.bg4_calMonH{
background-color: #1F1F1F;
font-size:100%
}

/* uses background-color of .bg1
these are "normal" days
(used to display days in calendar month/week view) */
table.table1 tbody td.bg1_calMon {
background-color: #232323;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}
/* uses background-color of .bg2
this is "current/slected" day
(used to display days in calendar month/week view) */
table.table1 tbody td.bg2_calMon {
background-color: #353535;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}
/* uses background-color of .bg3
these are "dummy" days
(used to display days in calendar month/week view) */
table.table1 tbody td.bg3_calMon {
background-color: #0c0c0c;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}


/* uses background-color of .bg1
uses border-top-color = .forumbg background-color
(used to display events in calendar day view) */
table.table1 tbody td.bg1_calDay {
background-color: #232323;
border-top-color: #C0C8D0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3px;
padding-right: 3px;
}

/* uses background-color of .bg3
uses border-top-color = .forumbg background-color
(used to display negative space in calendar day view) */
table.table1 tbody td.bg3_calDay {
background-color: #0c0c0c;
border-top-color: #C0C8D0;
}

/* The following are part of the calendar mod.
They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
If you are trying to implement a style other then prosilver, look at how your existing style defines
those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span { background-image: url("{IMG_BUTTON_CALENDAR_NEW_SRC}") ;}
.calendar-day-icon span { background-image: url("{IMG_BUTTON_CALENDAR_DAY_SRC}") ;}
.calendar-week-icon span { background-image: url("{IMG_BUTTON_CALENDAR_WEEK_SRC}") ;}
.calendar-month-icon span { background-image: url("{IMG_BUTTON_CALENDAR_MONTH_SRC}") ;}

/* -------------------------
calendar mod end
------------------------- */

Foren Adresse ist unitedhaze.iphpbb3.com

Vielen Herzlichen Dank im Voraus
xICorpsCounterIx

[friendly]

Da machst du es dir aber ein bißchen einfach!!

Welche Stellen genau sollen geändert werden? Wir zeigen dir dann die Stelle, den Farbton eintragen solltest du dann schon selber!

[yessaia]

für alle die noch nicht soviel Ahnung haben
ich bin ich auch nicht grad begabt mit den ganzen Templets
ich google mir eine Farbpalette im Internet
und kopiere mir jeden Code nach und nach raus stelle ihn in die Palette rein udn schau gegen welche Farbe ich die ersetzen will
(oder mach mit einfach ne schicke Grafik dafür)
so klappere ich nach und nach alle Farbtöne durch und ersetze sie.
Wenn man vom Design keine große Vorstellung hat ersetze einfach alle Rottöne gleichen Farbtons gegen die gleichen Grüntöne usw. alles was Schwarz dann auf weiss
also dass es halt zueinander passt

Eigendlich recht einfach sobald man es etwas raushat wie alles funktioniert

[kreativesbasteln]

Hallo zusammen ich habe da mal "fast" die gleiche Frage.
und zwar habe ich subSilver gewählt und habe auch schon folgende Farbe (rot makiert) geändert.

/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: subsilver2
Based on style: subSilver (the default phpBB 2 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: psoTFX and the phpBB team ( http://www.phpbb.com )

This is an alternative style for phpBB3 for those wishing to stay with
the familiar subSilver style of phpBB version 2.x

Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/

/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
color: #000000;
background-color: #FFFFFF;
font-size: 67.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
}

#wrapheader {
height: auto !important;
padding: 0;
}

#wrapcentre {
margin: 15px 25px 0 25px;
}

#wrapfooter {
text-align: center;
clear: both;
}

#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}

#logodesc {
background-color: #d2d075;
background-image: url('styles/subsilver2/theme/images/background.gif');
background-repeat: repeat-x;
background-position: center bottom;
padding: 0 25px 15px 25px;
}

#menubar {
margin: 0 25px;
}

#datebar {
margin: 10px 25px 0 25px;
}

#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}

.forumrules {
background-color: #F9CC79;
border-width: 1px;
border-style: solid;
border-color: #BB9860;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
}

.forumrules h3 {
color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* Text
--------------------- */
h1 {
color: black;
font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}

h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 120%;
}

h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: black;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}

p.breadcrumbs {
margin: 0;
float: left;
color: black;
font-weight: bold;
white-space: normal;
font-size: 1em;
}

.rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}

.rtl p.datetime {
float: left;
}

p.searchbar {
padding: 2px 0;
white-space: nowrap;
}

p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom: 4px;
}

p.topicauthor {
margin: 1px 0;
}

p.topicdetails {
margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}

.postauthor {
color: #000000;
}

.postdetails {
color: #000000;
}

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", "Trebuchet MS", sans-serif;
}

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

.posthilit {
background-color: yellow;
}

.nav {
margin: 0;
color: black;
font-weight: bold;
}

.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}

.cattitle {

}

.gen {
margin: 1px 1px;
font-size: 1.2em;
}

.genmed {
margin: 1px 1px;
font-size: 1.1em;
}

.gensmall {
margin: 1px 1px;
font-size: 1em;
}

.copyright {
color: #444;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
}

.titles {
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.error {
color: red;
}


/* Tables
------------ */
th {
color: #FFA34F;
font-size: 1.1em;
font-weight: bold;
background-color: #006699;
background-image: url('styles/subsilver2/theme/images/cellpic3.gif');
white-space: nowrap;
padding: 7px 5px;
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
}

.tablebg {
background-color: #A9B8C2;
}

.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: white url('styles/subsilver2/theme/images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background: white url('styles/subsilver2/theme/images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #C7D0D7;
background-image: url('styles/subsilver2/theme/images/cellpic1.gif');
text-indent: 4px;
}

.row1 {
background-color: #ECECEC;
padding: 4px;
}

.row2 {
background-color: #DCE1E5;
padding: 4px;
}

.row3 {
background-color: #C0C8D0;
padding: 4px;
}

.spacer {
background-color: #D1D7DC;
}

hr {
height: 1px;
border-width: 0;
background-color: #D1D7DC;
color: #D1D7DC;
}

.legend {
text-align:center;
margin: 0 auto;
}

/* Links
------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}

a:link {
color: #006597;
text-decoration: none;
}

a:active,
a:visited {
color: #005784;
text-decoration: none;
}

a:hover {
color: #D46400;
text-decoration: underline;
}

a.forumlink {
color: #069;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.2em;
}

a.topictitle {
margin: 1px 0;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: bold;
font-size: 1.2em;
}

a.topictitle:visited {
color: #5493B4;
text-decoration: none;
}

th a,
th a:visited {
color: #FFA34F !important;
text-decoration: none;
}

th a:hover {
text-decoration: underline;
}


/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}

input {
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #A9B8C2;
background-color: #FAFAFA;
}

textarea {
background-color: #FAFAFA;
color: #333333;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 2px;
}

select {
color: #333333;
background-color: #FAFAFA;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: graytext;
}

.rtl option {
padding: 0 0 0 1em;
}

input.radio {
border: none;
background-color: transparent;
}

.post {
background-color: white;
border-style: solid;
border-width: 1px;
}

.btnbbcode {
color: #000000;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #EFEFEF;
border: 1px solid #666666;
}

.btnmain {
font-weight: bold;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnlite {
font-weight: normal;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnfile {
font-weight: normal;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
padding: 1px 5px;
font-size: 1.1em;
}

.helpline {
background-color: #DEE3E7;
border-style: none;
}


/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #A9B8C2;
color: #333333;
background-color: #A9B8C2;
font-size: 0.85em;
font-weight: bold;
}

.quotetitle .quotetitle {
font-size: 1em;
}

.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #A9B8C2;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", "Trebuchet MS", sans-serif;
background-color: #FAFAFA;
color: #4B5C77;
}

.attachcontent {
font-size: 0.85em;
}

.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #A9B8C2;
color: #333333;
background-color: #A9B8C2;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.8em;
}

.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #A9B8C2;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #006600;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #FAFAFA;
}

.syntaxbg {
color: #FFFFFF;
}

.syntaxcomment {
color: #FF8000;
}

.syntaxdefault {
color: #0000BB;
}

.syntaxhtml {
color: #000000;
}

.syntaxkeyword {
color: #007700;
}

.syntaxstring {
color: #DD0000;
}


/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}

.pm_replied_colour {
background-color: #A9B8C2;
}

.pm_friend_colour {
background-color: #007700;
}

.pm_foe_colour {
background-color: #DD0000;
}


/* Misc
------------ */
img {
border: none;
}

.sep {
color: black;
background-color: #FFA34F;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
}


/* -------------------------
calendar mod additions...
------------------------- */

.buttons {
float: left;
width: auto;
height: auto;
}

/* Rollover state */
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
position: relative;
overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span { background-position: 0 100%; }


/* The following are part of the calendar mod.
They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
If you are trying to implement a style other then prosilver, look at how your existing style defines
those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span { background: transparent none 0 0 no-repeat; }
.calendar-day-icon span { background: transparent none 0 0 no-repeat; }
.calendar-week-icon span { background: transparent none 0 0 no-repeat; }
.calendar-month-icon span { background: transparent none 0 0 no-repeat; }

/* The following are part of the calendar mod.
They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
If you are trying to implement a style other then prosilver, look at how your existing style defines
those icons, and do the same for the new calendar icons.

Note the "text-align: left" was added because there were a few instances where the icons were cut in half...
adding the text align property helps reserve enough space to fully display the icon.
*/
.buttons div.calendar-new-icon { width: {IMG_BUTTON_CALENDAR_NEW_WIDTH}px; height: {IMG_BUTTON_CALENDAR_NEW_HEIGHT}px; text-align: left; }
.buttons div.calendar-day-icon { width: {IMG_BUTTON_CALENDAR_DAY_WIDTH}px; height: {IMG_BUTTON_CALENDAR_DAY_HEIGHT}px; text-align: left; }
.buttons div.calendar-week-icon { width: {IMG_BUTTON_CALENDAR_WEEK_WIDTH}px; height: {IMG_BUTTON_CALENDAR_WEEK_HEIGHT}px; text-align: left; }
.buttons div.calendar-month-icon { width: {IMG_BUTTON_CALENDAR_MONTH_WIDTH}px; height: {IMG_BUTTON_CALENDAR_MONTH_HEIGHT}px; text-align: left; }


/* uses border-top-color = .bg3 background-color
(the line between events in the month display) */
hr.hrCal {
border-top-color: #cadceb;
}

/* uses color from h1
(calendar header previous and next links) */
.calH1 {
color: #000000;
font-weight: bold;
font-size:200%
}

/* The from and to times take up a lot of
space in the calendar display.
Use this to shrink them */
.smCalText{font-size:85%}

/* bg4 is just slightly darker then bg3
days of the week name headers
(used in calendar headers) */
.bg4 { height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #C7D0D7;
background-image: url('styles/subsilver2/theme/images/cellpic1.gif');
text-indent: 4px; }

/* uses background-color of .bg3
this is "normal" day header color
(used to display the numbers and icons for
each day in the month and week view displays ) */
table tbody td.bg3_calMonH{
background-color: #DCE1E5;
font-size:85%
}

/* uses background-color of .bg4
this is "today/selected" header color
(used to display the numbers and icons for
each day in the month and week view displays ) */
table tbody td.bg4_calMonH{
background-color: #C0C8D0;
font-size:85%
}

/* uses background-color of .bg1
these are "normal" days
(used to display days in calendar month/week view) */
table.table1 tbody td.bg1_calMon {
background-color: #ECECEC;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}
/* uses background-color of .bg2
this is "current/slected" day
(used to display days in calendar month/week view) */
table.table1 tbody td.bg2_calMon {
background-color: #DCE1E5;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}
/* uses background-color of .bg3
these are "dummy" days
(used to display days in calendar month/week view) */
table.table1 tbody td.bg3_calMon {
background-color: #f2f2f2;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}


/* uses background-color of .bg1
uses border-top-color = .forumbg background-color
(used to display events in calendar day view) */
table.table1 tbody td.bg1_calDay {
background-color: #DCE1E5;
border-top-color: #C0C8D0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3px;
padding-right: 3px;
}

/* uses background-color of .bg3
uses border-top-color = .forumbg background-color
(used to display negative space in calendar day view) */
table.table1 tbody td.bg3_calDay {
background-color: #f2f2f2;
border-top-color: #C0C8D0;
}

/* The following are part of the calendar mod.
They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
If you are trying to implement a style other then prosilver, look at how your existing style defines
those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span { background-image: url("{IMG_BUTTON_CALENDAR_NEW_SRC}") ;}
.calendar-day-icon span { background-image: url("{IMG_BUTTON_CALENDAR_DAY_SRC}") ;}
.calendar-week-icon span { background-image: url("{IMG_BUTTON_CALENDAR_WEEK_SRC}") ;}
.calendar-month-icon span { background-image: url("{IMG_BUTTON_CALENDAR_MONTH_SRC}") ;}

/* -------------------------
calendar mod end
------------------------- */

jetzt sieht der Forumskopf wie folgt aus, aber da ist noch ein Streifen unter dem #logodesc noch ein grauer Streifen, der soll auch in dem hellgrün erscheinen. Könnt ihr mir bitte makieren, wo die Farbe geändert werden muss. Danke

[friendly]

Das ist die Grafik "background.gif"
Die musst du suchen und entsprechend ändern

[kreativesbasteln]

In dem HTML oder extra? Denn ich finde lauter background-color die ich ändern kann, aber genau die Farbe finde ich nicht.

[chris]

im css direkt unter deiner markierung

Code: Alles auswählen

background-image: url('styles/subsilver2/theme/images/background.gif');

klammer das einfach mal aus:

Code: Alles auswählen

/* background-image: url('styles/subsilver2/theme/images/background.gif'); */

[kreativesbasteln]

Vielen Dank