desgin ändern

[Nathaly]

Hallo zusammen

möchte mal wieder man meine Homepage basteln und habe folgendes problem !

ich möchte gerne die Farbe von dieser Homepage ändern aber irgendwie komme ich nicht weiter

http://meine-hobbyseiten.npage.de/willkommen.html

die farben sollten

# #003300
# 00CC00
# #FFFFFF

wo ändere ich das noch mal

Code: Alles auswählen

/*CSS Format by http://npage-hilfe.net*/

body {
  font-family: Arial Narrow;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #350001;
  background-image: url(../bilder/bg_list_2.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-attachment: fixed;
}
h1 {
  font-family: "trebuchet ms";
  font-size: 22px;
  color: #FFFF88;
  text-align: center;
  text-decoration: none;
}
h2 {
  font-family: "trebuchet ms";
  font-size: 18px;
  color: #FFFF66;  
  text-align: center;
}
h3 {
  font-family: verdana;
  font-size: 16px;
  color: #FFFF44;  
  text-align: center;
}
a:link {
  font-family: "Arial Narrow";
  color: #D69A4A;
  font-size: 16px;
  text-decoration: none;
}
a:visited {
  color : #D69A4A;
  text-decoration : none;
}
a:active {
  color: #D69A4A;
  text-decoration: none;
}
a:hover {
  color: #9b1515;
  text-decoration: none;
}
a img {
  border: none;
}
p {
  margin-top: 16px;
  margin-bottom: 16px;
}
p.left { 
  color: #FFFFFF; 
  text-align: left;
  padding-left: 6px;
}
table, th, td {
  border-color: #d69a4a;
}
textarea {
  color: #FFFF99;
  font-size: 12px;
  font-family: Arial Narrow;
  padding: 3px;
  background-color: #4F0003;
  border: 1px solid #d69a4a;
  border-radius: 3px;
}
#aussen {
  width: 1040px;
  margin-right: auto;
  margin-left: auto;
  background-color: #003300;
  background-image: url(../bilder/bg_aussen.jpg);
  background-repeat: repeat; 
  border: 1px solid #d69a4a;
  border-radius: 3px;
  padding: 8px;
}
#header {
  width: 1038px;
  background-color: #003300;
  height: 139px;
  border: 1px solid #d69a4a;
  border-radius: 3px;
  background-image: url(../bilder/header.gif);
  background-position: center 0;
}
#balken {
  float: left;
  width: 1038px;
  height: 22px; 
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;   
  border: 1px solid #d69a4a;
  border-radius: 3px;
  background-color: #350001;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
}
#navilinks {
  float: left;
  width: 165px;
  color: #343433;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}
#navilinks h1 {
  margin-bottom: 3px;
  margin-top: 10px;
}
#navilinks h2 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#navilinks h3 {
  margin-bottom: 2px;
  margin-top: 10px;
}
.boxlinks {
  float: left;
  width: 155px;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  background-color: #350001;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #d69a4a;
  border-radius: 3px;
  padding : 4px;
  margin-bottom: 8px;
}
.navigation a {
  display:block;
  width:135px;
  height:25px;
  line-height:25px;
  text-align: left;
  font-size: 16px;
  font-family: "Arial Narrow";
  color: #D69A4A;
  padding-left:18px;
  margin:0px;
  background:url(../bilder/button.png) no-repeat;
  text-decoration:none;
  border-bottom: 1px dashed #620D0D;
}
.navigation a:hover {
  color: #9b1515;
  background-position:0 bottom;
  border-bottom: 1px dashed #9b1515;
}
#navirechts {
  float: right;
  width: 165px;
  color: #343433;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}
#navirechts h1 {
  margin-bottom: 3px;
  margin-top: 10px;
}
#navirechts h2 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#navirechts h3 {
  margin-bottom: 2px;
  margin-top: 10px;
}
.boxrechts {
  float: right;
  width: 155px;
  color: #FFFFFF;
  text-align:center;
  font-size: 16px;
  background-color: #350001;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #d69a4a;
  border-radius: 3px;
  padding : 4px;
  margin-bottom: 8px;
}
#inhalt {
  float: left;
  width: 672px;
  text-align: center;
  background-color: #350001;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;  
  padding: 10px;
  margin-left: 8px;
  border: 1px solid #d69a4a;
  border-radius: 3px;
}
.button {
  border: 1px solid #D69A4A;
  color: #D69A4A;
  background: #510003;
  padding: 1px 8px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 10px;
}
.button:hover, .button:focus {
  color:#9b1515;
  background-color: rgba(144,0,5,0.4);
}
.field_t {
  border: 1px solid #d69a4a;
  color: #00FF00;
  background: #350001;
  padding: 1px 4px;
  border-radius: 2px;
  cursor: text;
  margin-top: 2px;
  margin-left: 6px;
}
#seitenlink {
  height: 25px;
  line-height:20px;
  font-family: "Arial Narrow";
  font-weight: normal;
  font-size: 16px;
  color:#FFFFFF;
  text-align: center;
}
a.slink:link, a.slink:visited, a.slink:active {
  font-family: "Arial Narrow";
  font-weight: normal;
  color:#D69A4A;
  font-size:16px;
  text-decoration: none;
}
a.slink:hover {
  font-family: "Arial Narrow";
  font-weight: normal;
  color:#9b1515;
  font-size:16px;
  text-decoration: underline;
}
#footer {
  float: left;
  width: 1038px;
  height: 22px; 
  font-family: Impact;
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  margin-top: 8px;   
  border: 1px solid #d69a4a;
  border-radius: 3px;
  background-color: #003300;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
}
.copyright {  
  font-size: 14px;
  font-family: Impact;
  font-style: normal;
  color: #FFFFFF;
  text-align: center;
}  
.copyright a {
  font-size: 14px;
  font-family: Impact;
  font-style: normal;
  color: #D69A4A;
  text-decoration: none;
}
.copyright a:hover {
  color: #9b1515;
}
.clear {
  clear: both;
}

[goefi-chiangmai]

Sämtliche grafiken musst dann auch ändern, im momment geht keine.

Die hintergrundsfarbe ist immer mit: background-color: #------; beschriftet. also muss da der neue farbcode rein.

[Nathaly]

könnte mir jemand helfen und den kalender anpassen wäre super nett

http://meine-hobbyseiten.npage.de/willkommen.html

Code: Alles auswählen

<!-- Start HomepageHelfer Member Kalender -->
<script type="text/javascript" src="http://homepagehelfer.net/tools/kalender/daten/js/m06.js"></script>
<!-- Ende HomepageHelfer Member Kalender -->

Und wie ist der code fürn untermenu ? so oder anders kriegt das nicht hin

Code: Alles auswählen

 <a target="_self" href="javascript:untermenu('untermenu');">Galerie</a>
<div id="untermenu" style="display: none;" >
<a class="sub_navigation" target="_self" href="galerie376284.html" style="color: white;">Bilder Harz</a>
<a class="sub_navigation" target="_self" href="galerie376283.html" style="color: white;">Leibzig</a>
<a class="sub_navigation" target="_self" href="galerie376282.html" style="color: white;">Leibzig Bf</a>
</div>

[goefi-chiangmai]

Was gensau muss am kalender Angepasst werden.

Untermenüs müssten zuerst in der css programiert werden (was zwar für dieses design nicht so toll aussieht, da ja mit den Boxen links und rechts bereits 50 und mehr links problemlos eingebunden werden könnten), aber möglich ist es schon

[Nathaly]

der Kalender schaut über den rahmen hin aus