[proformell]Farbe ändern

[Magicstar]

Ich hab mal einen Screnn gemacht, und wollte wissen, wie ich die Farbn ändern kann.

Ich habe berreits etwas geändert, wie man bestimmt merkt.

Screenshot

Danke schonmal im vorraus.

PS: wohin sollte ich mich nochmal wenden wenn ich den copyright hinweis entfernen will?
muss ich bei einer so großen änderung eig. noch fragen?

[Marc]

zu 1:
Das ist folgender Teil der colours.css:

Code: Alles auswählen

.top-left, .top-right, .bottom-left, .bottom-right {
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   }
   
.top-left {
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right {
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */   
   }
.top-center {
   background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
   }
   
.bottom-left  {
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-right {
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-center {
   background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
   }

.inside {
   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background-image: url("{T_THEME_PATH}/images/bg_body.gif"); /* CHANGE: path and name of your image */
   }

Bedenke, dass du bei dem bearbeiten der Umrandung auch evtl. folgende Bilder bearbeiten musst:

• bg_body.gif
• bg_body_wide.gif
• bg_body_wider.gif
• bg_body_widest.gif
• bg_headers.gif
• bg_footers.gif
• corners_bottom.gif
• corners_top.gif

Zu 2:
Das ist folgender Teil der colours.css:

Code: Alles auswählen

.inside {
   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background-image: url("{T_THEME_PATH}/images/bg_body.gif"); /* CHANGE: path and name of your image */
   }

Du musst dabei folgende Dateien ändern:

• bg_body.gif
• bg_body_wide.gif
• bg_body_wider.gif
• bg_body_widest.gif

Zu 3 & 4:
Jeweils das gleiche. Folgender Teil der colours.css:

Code: Alles auswählen

.navbar {
   background-color: #d2d2d2;

}

Das mit dem Copyright ist so ne Sache. Da das ganze auf meinem Style basiert, darfst du den Copyright-Vermerk nur mit meinem Einverständnis machen. Wenn du also den Copyright Vermerk im Footer entfernen willst, bitte ich dich um eine kleine Spende via PayPal (siehe Portal). Das muss nicht viel sein und wird auch nur verwendet um die Seite hier zu finanzieren.

Gruß Marc

[Magicstar]

NR. 3 und 4 klappen i-wie nicht.

kannst du mir (nur wenn du lust/zeit hast) die colors machen?

ich dachte mir folgende farben:

1- ein leichtes blau (#e1eff8)
2- kann so bleiben
3-4 - habe ich mir folgendes gedacht (#bbdbef)

woran kann es liegen das die .navbar die farbe nicht ändrn will?

[Magicstar]

wenn ich das design fertig hab, kannst du es ja hier zum download anbieten.

[Marc]

Ich werd mir das ganze mal morgen ansehen.


P.S: Du hast aber schon deinen Theme Cache geleert, oder?

[Magicstar]

Hab den Cache vergessen. aber wenn ich jetzt dne cache geleert habe, ist alles was ich ändern wollte Schwarz, und ich bekomme das auch nicht mehr weg.

was soll ich da machen?

ps: Du kannst dir den Momentanen stand des Designs hier anschauen http://www.fly-for-fun.tk

ich möchte auch nur noch 2 sachen ändern.

Den Grauen Hintergrund der hinter der Ganzen seite liegt.
Und die Runden Boxen sollen auch ne andere Farbe bekommen.
Die Formulare schaffe ich schon.

[Marc]

Also bei mir ist da nichts schwarz? Eventuell mal deinen Browser-Cache leeren (Strg+F5).
Was meinst du mit den runden Boxen?

[Magicstar]

ja, weil ich die alte wieder drin hab.

wenn ich in der color sachen ändere, sehe ich alles was geändert wurde in einem schönen tiefen schwarz.

woran liegt das?

[Magicstar]

so, habs geschafft. Keine Ahnung wieso -.-

kannst du mir sagen wo in der colors der code für den hintergrung steht?

[Marc]

Genau genommen steht die Hintergrund-Farbe ganz oben.

Code: Alles auswählen

html, body {
   color: #000000;
   background-color: #aba7a0;
}

Einfach die background-color anpassen.