Page 1 of 4
[proformell]Farbe ändern
Posted: Sat 7. Mar 2009, 14:58
by 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?
Re: [proformell]Farbe ändern
Posted: Sun 8. Mar 2009, 14:38
by Marc
zu 1:
Das ist folgender Teil der colours.css:
Code: Select all
.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: Select all
.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: Select all
.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
Re: [proformell]Farbe ändern
Posted: Mon 9. Mar 2009, 16:54
by 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?
Re: [proformell]Farbe ändern
Posted: Mon 9. Mar 2009, 18:13
by Magicstar
wenn ich das design fertig hab, kannst du es ja hier zum download anbieten.
Re: [proformell]Farbe ändern
Posted: Mon 9. Mar 2009, 20:41
by Marc
Ich werd mir das ganze mal morgen ansehen.
P.S: Du hast aber schon deinen Theme Cache geleert, oder?
Re: [proformell]Farbe ändern
Posted: Wed 11. Mar 2009, 18:16
by 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.
Re: [proformell]Farbe ändern
Posted: Wed 11. Mar 2009, 22:05
by Marc
Also bei mir ist da nichts schwarz? Eventuell mal deinen Browser-Cache leeren (Strg+F5).
Was meinst du mit den runden Boxen?
Re: [proformell]Farbe ändern
Posted: Thu 12. Mar 2009, 16:06
by 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?
Re: [proformell]Farbe ändern
Posted: Thu 12. Mar 2009, 16:10
by Magicstar
so, habs geschafft. Keine Ahnung wieso -.-
kannst du mir sagen wo in der colors der code für den hintergrung steht?
Re: [proformell]Farbe ändern
Posted: Thu 12. Mar 2009, 18:34
by Marc
Genau genommen steht die Hintergrund-Farbe ganz oben.
Code: Select all
html, body {
color: #000000;
background-color: #aba7a0;
}
Einfach die background-color anpassen.
