HomepageHelfer.org

Webseitenbau - Designvorlagen - Grafik Shop - Hilfe Lexikon und vieles mehr
https://homepagehelfer.org:443/

desgin ändern

https://homepagehelfer.org:443/viewtopic.php?t=6219

Seite 1 von 1

desgin ändern

Verfasst: Di 10. Mär 2015, 13:54
von 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 :X :DA

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

Re: desgin ändern

Verfasst: Di 10. Mär 2015, 18:34
von 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.

Re: desgin ändern

Verfasst: Sa 14. Mär 2015, 23:38
von 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>
:DA

Re: desgin ändern

Verfasst: Fr 20. Mär 2015, 17:27
von 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

Re: desgin ändern

Verfasst: Fr 20. Mär 2015, 20:00
von Nathaly
der Kalender schaut über den rahmen hin aus
Alle Zeiten sind UTC+02:00
Seite 1 von 1

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de