Auf der Suche nach einem neuen Design

[Watsing]

Hallo Jürg

für deine Meinung zur Designfarbe !

Dann werde ich Morgen mal versuchen im CSS die Farben zu ändern. :JJ

Bis Morgen !

[moni]

Hallo Jürg

für deine Meinung zur Designfarbe !

Dann werde ich Morgen mal versuchen im CSS die Farben zu ändern. :JJ

Bis Morgen !

wen es dir Recht ist kann dir die gewünschten Farben einfügen oder auch als Grafiken

[Watsing]

Hallo Monika

Das wäre toll wenn du die Farben ändern könntest. Es müssten nicht unbedingt die gleichen Farben sein wie bei meiner Homepage www.watsing.com !

Ich überlasse dir gerne die Farbzusammenstellung.Es wäre es schön wenn es helle fröhliche Farben wären und nicht unbedingt schwarz / weiss !

Brauchst du noch die Logindaten der Testhomepage ?

[moni]

Hallo Olaf ...
Habe das Design zu erst an meinen PC farblich bearbeitet...hier ein Screen- Bild

schau dir an ob es so in den Richtung gehen soll wie du dir das vorgestellte hast ..es ist kein Problem das anders zu gestalten

[Watsing]

Hallo Monika

Danke das du so schnell ein Muster gemacht hast ( Nachtschicht )! :R

Mir gefällt das du den Hintergrund blau gemacht hast denn so passt es gut zur Farbe der Headergrafik bzw. dem Blau der thailändischen Flagge.Auch das die Linküberschrift Schwarz ist und die einzelnen Links Blau sind gefällt mir sehr gut.Schwarz und Blau sind angenehme Textfarben zum lesen ! Auch die Grafikfarbe beige gefällt mir sehr gut.

Mir gefällt es so wie du es gestalltet hast !

[moni]

Guten morgen Olaf
freut mich das dir mein vorschlag gefällt ..
Hier kannst das auf meine Demo Seite sehen
http://demo-blicke.npage.de/wasting.html
Hier habe ich den Schrift etwas milder gemacht weil mit das vorige blaue zu scharf war ..kannst gern vergleichen ob es für dich auch ok ist ??
auch wegen den Überschriften ob auch so OK ist ??
die Hover Funktion beim links habe ich mit unterstrich gemacht ??
und das Body HD ist der gleiche wie die Schrift Farbe #29569c..man könnte etwas heller das machen oder auch versuchen wie es ausseht mit dem hellen Ton #ffe490 ......
ansonsten da schreib einfach was dir sonst dazu einfällt und zum Schluss wenn sind damit fertig da mache dir das fertig ..das du das einbauen kannst ...

Nachtrag ...
Hier fehlen die kleinen dereicken bei navii leiste ..habe die Grafiken an mein HP nicht geladen :JJ :JJ
wil sagen das sie nach wie vor bleiben ..sehe Screen!!

[Watsing]

Hallo Monika

Ich danke dir recht herzlich für deine tolle Arbeit ! Es gefällt mir so wie es jetzt ist sehr gut.

Dein Muster würde ich gerne für meine Homepage einbauen.

Meine richtige Homepage http://www.watsing.com würde später die gleiche Headergrafik,Links,Layout etc.haben wie die Testhomepage.Heisst das für mich das wenn ich die Farben nach deinen Angaben geändert habe,nur die CSS,Header,Footer,kopieren muss und als Textdokument in einem Ordner ablegen kann.Um das ganze später bei meiner richtigen Homepage wieder hochzuladen ?

Das ich die Bilderdatei von Design 11 und meine Headergrafik bei nPage hochladen muss ist mir klar.

[moni]

also hier sind die neue Grafiken als Zip ... entpacken und an deine HP laden ---> die alten Grafiken aber vorher löschen

http://demo-blicke.npage.de/get_file.ph ... vnr=712338

an den CSS würde auch einiges geändert da muss man das auch neu korrigieren und das da hier ist das CSS mit neuen angaben ..einfach nur tauschen ..
HTML dateien-->Häkchen bei style.css--> bearbeiten ---> das alte löschen und neue rein kopieren-->speichern --> notfalls auf F5 drücken

Code: Alles auswählen

/*CSS Format by http://npage-hilfe.net*/

html {

background: url(bilder/bg.jpg) repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
  background-color: #29569c;
  font-family: "Arial Narrow";
  color: #29569c;
  font-size: 16px;
}
h1 {
  font-family: "trebuchet ms";
  font-size: 22px;
  color: #FF0000;
  text-align: center;
  text-decoration: none;
}
h2 {
  font-family: "trebuchet ms";
  font-size: 18px;
  color: #261300;
  text-align: center;
}
h3 {
  font-family: verdana;
  font-size: 16px;
  color: #000096;
  text-align: center;
}
a:link {
  font-family: "Arial Narrow";
  color: #000000;
  font-size: 16px;
  text-decoration:none;
}
a:visited {
  color : #000000;
  font-size: 16px;
  text-decoration : none;
}
a:active {
  color: #000000;
  font-size: 16px;
  text-decoration: none;
}
a:hover {
  color: #FF0000;
  font-size: 16px;
  text-decoration:underline;
}
a img {
  border: none;
}
p {
  margin-top: 16px;
  margin-bottom: 16px;
}
textarea {
  color: #000000;
  font-size: 12px;
  font-family: Arial Narrow;
  padding: 3px;
  background-color: #ffe490;
  border: 1px solid #29569c;
  border-radius: 3px;
}
#aussen {
  width: 1040px;
  padding: 8px;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  background-image: url(bilder/bg_list_2.jpg);
  background-repeat: repeat;
  background-position: 0 0;
  border: 2px inset #ffe490;
  border-radius: 4px;
}
#header {
  width: 1038px;
  height: 140px;
  border: 1px solid #261300;
  border-radius: 4px;
  background-color: #29569c;
  background-image: url(bilder/header.jpg);
  background-position: center 0;
}
#balken {
  float: left;
  width: 1038px;
  height: 22px;
  color: #29569c;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #29569c;
  border-radius: 4px;
  background-color: #ffe490;
  background-image: url(bilder/bg_list_1.jpg);
  background-repeat: repeat;
  background-position: 0 0;
}
#navilinks {
  float: left;
  width: 170px;
  color: #29569c;
  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: 160px;
  color: #1000fc;
  text-align: center;
  font-size: 16px;
  padding : 4px;
  margin-bottom: 8px;
  background-color: #ffe490;
  background-image: url(bilder/bg_list_3.jpg);
  background-repeat: repeat;
  background-position: 0 0;
  border: 1px solid #29569c;
  border-radius: 4px;
}
.navigation a {
  display:block;
  width:140px;
  height:25px;
  line-height:25px;
  text-align: left;
  font-size: 16px;
  font-family: "Arial Narrow";
  color: #29569c;
  text-decoration:none;
  padding-left:18px;
  margin:0px;
  background:url(bilder/button.png) no-repeat;
  border-bottom: 1px dashed #29569c;
}
.navigation a:hover {
  color: #000000;
  background-position:0 bottom;
  border-bottom: 1px dashed #000000;
}
#navirechts {
  float: right;
  width: 170px;
  color: #29569c;
  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: 160px;
  color: #29569c;
  text-align:center;
  font-size: 16px;
  padding : 4px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: url(bilder/bg_list_3.jpg);
  background-repeat: repeat;
  background-position: 0 0;
  border: 1px solid #29569c;
  border-radius: 4px;
}
#inhalt {
  float: left;
  width: 662px;
  color: #29569c;
  text-align: center;
  padding: 10px;
  margin-left: 8px;
  background-color: #ffe490;
  background-image: url(bilder/bg_list_1);
  background-repeat: repeat;
  background-position: 0 0;
  border: 1px solid #29569c;
  border-radius: 4px;
}
#footer {
  float: left;
  width: 1038px;
  height: 22px;
  font-family: Impact;
  font-size: 22px;
  color: #0D0600;
  text-align: center;
  line-height: 20px;
  margin-top: 8px;
  border: 1px solid #29569c;
  border-radius: 4px;
  background-color: #ffe490;
  background-image: url(bilder/bg_list_3.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
}
.copyright {
  font-size: 14px;
  font-family: Impact;
  font-style: normal;
  color: #29569c;
  text-align: center;
}
.copyright a {
  font-size: 14px;
  font-family: Impact;
  font-style: normal;
  color: #FF0000;
  text-decoration: none;
}
.copyright a:hover {
  color: #0D0600;
}
.clear {
  clear: both;
}

PS an meine Test HP ist was eben was schief gelaufen...bitte nicht wunderen !!! die daten was ich dir gelassen habe sind korrekt! es ist spät und mache morgen fertig ...

[Watsing]

Hallo Monika

Vielen,vielen Dank für deine tolle Arbeit.Das du für einen Forumsneuling innert zwei Tagen die Designfarben ( Grafiken ) änderst,und das bis spät in die Nacht finde ich super ! Ich hoffe das ich mich später mal revanchieren kann !

Wie du siehst habe ich die Grafiken gewechselt,das alte CSS gelöscht und dein neues CSS eingefügt !

Bis auf die Headergrafik und die rechte Seite funktioniert alles super ! Aber du hast ja geschrieben das du später weitermachst. Lass dir nur Zeit !

Gute Nacht

[moni]

Morgen Oflaf...

Hier noch mal das komplette paket
http://demo-blicke.npage.de/get_file.ph ... vnr=322840
seltsamer weise an meinen PC ist alles zu sehen doch an die HP Sitz ein wurm hab da momentan denk sperre um was geht
http://demo-blicke.npage.de/wasting.html
hier screen von den PC Editor


am Abend hab ja wider zeit da schau um was geht ,mag sein das dir auch inzwischen jemand anderen helfen kann
ist ärgerlich weil so ne Installation ist super einfach