Page 1 of 1

Hintergrundfarbe änder

Posted: Mon Nov 05, 2007 9:22 pm
by ayuspezi
Hallo zusammen,
Sorry ich weiss es ist eine doofe, simple Frage: Möchte einfach die (fast) weiße Hintergrundfarbe ändern - aber rich finde es nicht. Habe ein Buch mit den wichtigsten CSS Befehlen. Danach müßte es .contentpane, welches zu ändern gibt - haut aber nicht hin.
Website ist: http://www.ausbildungen-ayurveda.de
Freue mich auf eine Antwort - im Voraus vielen Dank.
Hier die Datei:

body, html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;      padding          : 0px;      margin          : 0px;      margin-top      : 10px;      margin-bottom    : 20px; background-color: #000000; background: url(../images/fon.jpg);      height: 100%;      SCROLLBAR-FACE-COLOR: #ECEAD8 ; SCROLLBAR-HIGHLIGHT-COLOR: #666666; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR:  #ff6600; SCROLLBAR-TRACK-COLOR:#666666 ; SCROLLBAR-DARKSHADOW-COLOR: #666666;}

td, tr, p, div {  font-family      : Tahoma,Verdana,Arial, Helvetica, sans-serif;  font-size        : 13px;  color            : #333333;}hr {  width            : 100%;  height          : 1px;  color            : #999999;}

table.maintable {      border  : 2px solid #C09188;}    #main_date { width: 175px; padding: 3px 2px 0px 0px;      font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;      font-size: 10px; font-weight: bold; color: #666666; white-space: nowrap;      margin-left: 6px;  }

.pathway {    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;      padding-top: 5px; padding-left: 3px;      background-color : #FCF1F0      }a.pathway:link, a.pathway:visited {    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;      }a.pathway:hover {      font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; background-color: transparent;      }td.pw {  background-color : #FCF1F0;  height          : 15px;  }a.mainlevel  {  margin-right    : 1px;  padding          : 0px;  font-size        : 12px;  width            : 144px;  background-color : #FCF1F0;  text-indent      : 10px;}


a.mainlevel: link {  padding          : 0px 0px 0px 0px;  font-size        : 12px;  width            : 144px;  background-color : #FCF1F0;  text-indent      : 10px;}


a.mainlevel:link, a.mainlevel:visited {  display          : block;  font-size        : 12px;  border-top      : 1px solid #ffffff;  border-bottom    : 1px solid #ffffff;  background-color : #FCE8C2 ;  font-weight      : normal;  padding          : 2px 0px 0px 0px;  color            : #4B0082;  font-weight      : bold;  width            : 144px;  text-indent      : 10px;}

a.mainlevel:hover {  background-color : #FCF1F0;  border-left      : 5px solid #C09188;  width            : 139px !important;  width            : 144px;  font-size        : 12px;  font-weight      : bold;  color            : #333333;  text-decoration  : none;  text-indent      : 10px;}#active_menu {  color            : #333333;  background-color : #C09188;  width            : 142px !important;  width            : 144px;  border          : 1px solid #ff9966;  font-weight      : bold;}

a#active_menu:hover {  color            : #333333;  }.sublevel {  padding    : 2px;  margin : 0px 5px;}a.sublevel#active_menu  {  padding        : 0px;  margin     : 0px 5px;  color            : #333333;  width            : 110px !important;  width            : 120px;  background        : #dedede;  border            : 0px;        }a.sublevel:link, a.sublevel:visited { color: #666666; font-family: Tahoma,Arial, Helvetica, sans-serif; font-weight: normal;}


a.sublevel:hover { color: #FF9900; text-align: left; background-color: transparent;}td.top_mod { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #C09188; }td.bot_mod { border-top-width: 1px; border-top-style: dashed; border-top-color: #C09188; margin-top: 10px;      margin-bottom: 10px;      background-color : #FCF1F0}td.user {      border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #C09188;       background-color : #FCF1F0}td.bmw{  background-color : #FFFFFF;  line-height      : 7px;  }td.bm{  background-color : #FCF1F0;  line-height      : 7px;  }


table.l_r_mod { width: 151px;}td.l_mod {      background        : url(../images/left_fon.gif);      background-repeat  : repeat-y;      width: 151px;}td.r_mod { background        : url(../images/right_fon.gif);      background-repeat  : repeat-y;      width: 151px;}table.l_r_mod th { height: 23px;      padding-top: 7px; width: 144; }


table.moduletable { text-align: center; margin-right: 0px; margin-left: 0px; }


table.moduletable th { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold; color            : #DE6003;      text-align      : left;      line-height      : 21px;      text-indent      : 10px;      letter-spacing  : 1px; }


table.moduletable td {    font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: left;} td.raduga {background        : url(../images/right_fon.gif);background-repeat  : repeat-y;}.poll { color : #FF8C00; line-height : 12px; font-weight: bold; width: 150;}.pollstableborder {  border : 1px dotted #C09188;}


.sectiontableheader { background-color : #ECEAD8; border-top-width: 1px; border-top-style: dashed; border-top-color: #C09188; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #C09188; color : #000000; font-weight : bold; font-size: 11px; line-height: 13px;}

.sectiontableentry1 { font-size: 11px; background-color : #FCF1F0;}

.sectiontableentry2 { font-size: 11px; background-color : #FFFFFF;}


.pagenav { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666;}a.pagenav:link, a.pagenav:visited { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666;}a.pagenav:hover { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color            : #000000; text-decoration  : underline; background-color: transparent;}.small { font-size : 11px; color : #666666;}.smalldark { font-size : 11px; color : #333333; text-decoration : none;}


.createdate { font-size : 10px; color : #666666; text-decoration : none; font-weight : medium;}.modifydate  { font-size : 10px; color : #666666; text-decoration : none; font-weight : medium;}.frontpageheader { font-size: 13px; color : #669900; font-weight : bold;        }td.header {      background        : url(../images/header.jpg);      width    : 760px;      height  : 135px;}td.header_l {      background        : url(../images/bt_1.jpg);      width    : 380px;      height  : 25px;}

td.header_r {      background        : url(../images/bt_2.jpg);      width    : 380px;      height  : 25px;}

.contentpane { font-size : 10px; color    : #FACE63;}

.contentpaneopen { font-size : 10px; color    : #000000;}


.contentheading, .componentheading { font-family : Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size  : 14px; font-weight : bold; color      : #4B0082; text-align  : left; line-height : 16px; padding-left: 20px; padding-top : 10px;}


.category { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000;}


a.category:link, a.category:visited {  color            : #333333;  font-weight      : bold;}


a.category:hover { color            : #000000; text-decoration  : underline; background-color: transparent;}form { display:inline; margin: 0px; padding: 0px; } ul {  float            : left;  margin          : 2px;  padding-left    : 10px;  list-style      : none;}li {  padding-left    : 10px;  padding-top      : 0px;  line-height      : 15px;  background      : url(../images/str.gif) no-repeat 0px 5px;  }


.button {  font-family      : Tahoma,Arial, Helvetica, sans-serif;  font-style      : normal;  font-size        : 10px;  font-weight      : bold;  background-color : #FFFFFF;  color            : #ff6600;  border          : 1px solid #C09188;}


.searchbox {  font-family      : Tahoma,Verdana, Arial, Helvetica, sans-serif;  font-size        : 10px;  color            : #333333;  background-color : #ECEAD8;  border          : 1px  solid #C09188;  margin-right    : 7px;  width            : 136;}.inputbox {  font-family      : Tahoma,Verdana, Arial, Helvetica, sans-serif;  font-size        : 10px;  color            : #333333;  background-color : #ECEAD8;  border          : 1px solid  #C09188;}


a:link, a:visited {  font-size        : 11px;  color            : #999999;  text-decoration  : none;  font-weight      : bold;}a:hover {  font-size        : 11px;  color            : #333333;  text-decoration  : none;  font-weight      : bold;}a.contentpagetitle:link, a.contentpagetitle:visited { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-align:left; }


a.contentpagetitle:hover { font-family      : Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size        : 13px; font-weight      : bold; text-align      :left; color            : #000000; text-decoration  : underline; background-color : transparent; }


.description { font-size : 10px color    : #000000;}


.ontab { background-color: #ffae00; border-left: outset 2px #ff9900; border-right: outset 2px #808080; border-top: outset 2px #ff9900; border-bottom: solid 1px #d5d5d5; text-align: center;      cursor: pointer; cursor: hand; font-weight: bold; color: #FFFFFF; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}


.offtab { background-color : #e5e5e5; border-left: outset 2px #E0E0E0; border-right: outset 2px #E0E0E0; border-top: outset 2px #E0E0E0; border-bottom: solid 1px #d5d5d5; text-align: center;      cursor: pointer;      cursor: hand; font-weight: bold; color: #000000; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}

.tabheading { background-color: #ffae00; text-align: left; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.pagetext { visibility: hidden; display: none; position: relative; top: 0; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}.contact_email  {  width            : 90%;  }.contact_email .inputbox {    width            : 380px; }

.footer_l  {      font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;      background        : url(../images/footer1_01.jpg);      width    : 151px;      height  : 20px;}.footer_r  {      font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;      background        : url(../images/footer1_03.jpg);      width    : 151px;      height  : 20px;}.footer_title  {      font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;      background        : url(../images/footer_02.jpg);      width    : 458px;      height  : 20px;}.moscode { background-color: #f0f0f0;}

.message { font-weight: bold; font-size : 10pt; color : #FFFFFF; te

Re: Hintergrundfarbe ändern

Posted: Tue Nov 06, 2007 5:38 am
by hello

Re: Hintergrundfarbe ändern

Posted: Tue Nov 06, 2007 9:21 am
by ayuspezi
Vielen Dank für die Antwort,
habe Sie allerdings nicht verstanden - wieso soll ich mir jetzt ein anderes Template herunterladen?
Deshalb bitte nochmal eine Erklärung für einen Newbie...
Vielen Dank

Re: Hintergrundfarbe ändern

Posted: Tue Nov 06, 2007 9:27 am
by hello
La, lade Dir das Template runter und entpacke es. Dann schau dir mal das CSS- File an. Da findest du dann alle vergleichbaren Einstellungen. Meine Glaskugel ist außer Betrieb. Was für einen Hintergrund meinst du denn ?

Re: Hintergrundfarbe änder

Posted: Tue Nov 06, 2007 9:54 am
by ayuspezi
Nochmals danke für die nette Antwort :D
Und sorry das ich Dich /Euch nochmal bemühen möchte... :-[
Meine Kugel ist zur Zeit auch außer Betrieb und deshalb bin ich leider noch nicht viel schlauer.... ???
Die CSS Datei hatte ich mir auch angeschaut - aber so richtig viel schlauer bin ich nicht geworden.
Meine Frage war zugegeben nicht sehr präzise - ich meine die weiße Hintergrundfarbe, dort wo der ganze Inhaltstext drinsteht. Eine Übersicht über die ganzen Inhaltselemente (contentheeading, content_rating, td,tr,p,div, u.s.w) habe ich.
Demnach dachte ich mit .contentpane die Farbe ändern zu können (habe ich geändert auf color: #FACE63) aber leider ohne Erfolg.
Template ist übrigens: beyond_tomorrow

Re: Hintergrundfarbe änder

Posted: Tue Nov 06, 2007 11:17 am
by hello
Da warst du schon richtig! Ändere mal das in
.contentpaneopen {
font-size : 10px;
color    : #000000;
background-color: #CCCCCC;

Die anderen wirst du schon selbst finden!

Re: Hintergrundfarbe ändern

Posted: Tue Nov 06, 2007 2:59 pm
by ayuspezi
Hallo nochmal,
tausend Dank - wieder was dazu gelernt.
Manchmal steht man echt auf dem Schlauch und kommt einfach nicht weiter.
Nochmals vielen Dank für die schnellen Antworten.

Re: Hintergrundfarbe ändern

Posted: Tue Nov 06, 2007 6:14 pm
by hello
Hier noch ein was ich im Peddo hatte ! Nur nicht mehr gefunden.
http://www.joomla-tutorials.de/index.ph ... 129.0.html

Re: Hintergrundfarbe änder

Posted: Mon Nov 12, 2007 3:27 pm
by ayuspezi
Super - vielen Dank nochmal
Ayuspezi