[proformell]Farbe ändern

Deutscher Style Support
Magicstar
Mitglied / Member
Mitglied / Member
Posts: 12
Joined: Sat 7. Mar 2009, 14:53

[proformell]Farbe ändern

Post 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?
User avatar
Marc
Administrator
Administrator
Posts: 620
Joined: Tue 2. Sep 2008, 22:48
phpbb.com: Marc
Location: Munich
Contact:

Re: [proformell]Farbe ändern

Post 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
Image
Magicstar
Mitglied / Member
Mitglied / Member
Posts: 12
Joined: Sat 7. Mar 2009, 14:53

Re: [proformell]Farbe ändern

Post 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?
Magicstar
Mitglied / Member
Mitglied / Member
Posts: 12
Joined: Sat 7. Mar 2009, 14:53

Re: [proformell]Farbe ändern

Post by Magicstar »

wenn ich das design fertig hab, kannst du es ja hier zum download anbieten.
User avatar
Marc
Administrator
Administrator
Posts: 620
Joined: Tue 2. Sep 2008, 22:48
phpbb.com: Marc
Location: Munich
Contact:

Re: [proformell]Farbe ändern

Post by Marc »

Ich werd mir das ganze mal morgen ansehen. ;)


P.S: Du hast aber schon deinen Theme Cache geleert, oder?
Image
Magicstar
Mitglied / Member
Mitglied / Member
Posts: 12
Joined: Sat 7. Mar 2009, 14:53

Re: [proformell]Farbe ändern

Post 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.
User avatar
Marc
Administrator
Administrator
Posts: 620
Joined: Tue 2. Sep 2008, 22:48
phpbb.com: Marc
Location: Munich
Contact:

Re: [proformell]Farbe ändern

Post by Marc »

Also bei mir ist da nichts schwarz? Eventuell mal deinen Browser-Cache leeren (Strg+F5).
Was meinst du mit den runden Boxen?
Image
Magicstar
Mitglied / Member
Mitglied / Member
Posts: 12
Joined: Sat 7. Mar 2009, 14:53

Re: [proformell]Farbe ändern

Post 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?
Magicstar
Mitglied / Member
Mitglied / Member
Posts: 12
Joined: Sat 7. Mar 2009, 14:53

Re: [proformell]Farbe ändern

Post by Magicstar »

so, habs geschafft. Keine Ahnung wieso -.-

kannst du mir sagen wo in der colors der code für den hintergrung steht?
User avatar
Marc
Administrator
Administrator
Posts: 620
Joined: Tue 2. Sep 2008, 22:48
phpbb.com: Marc
Location: Munich
Contact:

Re: [proformell]Farbe ändern

Post 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. :)
Image
Post Reply