[proformell]Farbe ändern

Deutscher Style Support
Magicstar
Mitglied / Member
Mitglied / Member
Beiträge: 12
Registriert: Sa 7. Mär 2009, 15:53

[proformell]Farbe ändern

Beitragvon Magicstar » Sa 7. Mär 2009, 15:58

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?

Benutzeravatar
Marc
Administrator
Administrator
Beiträge: 617
Registriert: Di 2. Sep 2008, 23:48
phpbb.com: Marc
Wohnort: Munich

Re: [proformell]Farbe ändern

Beitragvon Marc » So 8. Mär 2009, 15:38

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
Bild

Magicstar
Mitglied / Member
Mitglied / Member
Beiträge: 12
Registriert: Sa 7. Mär 2009, 15:53

Re: [proformell]Farbe ändern

Beitragvon Magicstar » Mo 9. Mär 2009, 17:54

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
Beiträge: 12
Registriert: Sa 7. Mär 2009, 15:53

Re: [proformell]Farbe ändern

Beitragvon Magicstar » Mo 9. Mär 2009, 19:13

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

Benutzeravatar
Marc
Administrator
Administrator
Beiträge: 617
Registriert: Di 2. Sep 2008, 23:48
phpbb.com: Marc
Wohnort: Munich

Re: [proformell]Farbe ändern

Beitragvon Marc » Mo 9. Mär 2009, 21:41

Ich werd mir das ganze mal morgen ansehen. ;)


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

Magicstar
Mitglied / Member
Mitglied / Member
Beiträge: 12
Registriert: Sa 7. Mär 2009, 15:53

Re: [proformell]Farbe ändern

Beitragvon Magicstar » Mi 11. Mär 2009, 19:16

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.

Benutzeravatar
Marc
Administrator
Administrator
Beiträge: 617
Registriert: Di 2. Sep 2008, 23:48
phpbb.com: Marc
Wohnort: Munich

Re: [proformell]Farbe ändern

Beitragvon Marc » Mi 11. Mär 2009, 23:05

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

Magicstar
Mitglied / Member
Mitglied / Member
Beiträge: 12
Registriert: Sa 7. Mär 2009, 15:53

Re: [proformell]Farbe ändern

Beitragvon Magicstar » Do 12. Mär 2009, 17:06

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
Beiträge: 12
Registriert: Sa 7. Mär 2009, 15:53

Re: [proformell]Farbe ändern

Beitragvon Magicstar » Do 12. Mär 2009, 17:10

so, habs geschafft. Keine Ahnung wieso -.-

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

Benutzeravatar
Marc
Administrator
Administrator
Beiträge: 617
Registriert: Di 2. Sep 2008, 23:48
phpbb.com: Marc
Wohnort: Munich

Re: [proformell]Farbe ändern

Beitragvon Marc » Do 12. Mär 2009, 19:34

Genau genommen steht die Hintergrund-Farbe ganz oben. ;)

Code: Alles auswählen

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


Einfach die background-color anpassen. :)
Bild


Zurück zu „Styles Support - DE“

Wer ist online?

Mitglieder in diesem Forum: CommonCrawl [Bot] und 1 Gast