HomepageHelfer.org

Webseitenbau - Designvorlagen - Grafik Shop - Hilfe Lexikon und vieles mehr
https://homepagehelfer.org:443/

Auf der Suche nach einem neuen Design

https://homepagehelfer.org:443/viewtopic.php?t=4711

Seite 4 von 7

Re: Auf der Suche nach einem neuen Design

Verfasst: So 19. Mai 2013, 13:50
von Watsing
Hallo Jürg

:DA für deine Meinung zur Designfarbe !

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

Bis Morgen ! :X

Re: Auf der Suche nach einem neuen Design

Verfasst: So 19. Mai 2013, 14:27
von moni
Watsing hat geschrieben:Hallo Jürg

:DA für deine Meinung zur Designfarbe !

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

Bis Morgen ! :X
wen es dir Recht ist kann dir die gewünschten Farben einfügen oder auch als Grafiken :X

Re: Auf der Suche nach einem neuen Design

Verfasst: So 19. Mai 2013, 15:39
von 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 ?

:DA

Re: Auf der Suche nach einem neuen Design

Verfasst: So 19. Mai 2013, 22:16
von moni
Hallo Olaf ...
Habe das Design zu erst an meinen PC farblich bearbeitet...hier ein Screen- Bild
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 :X

Re: Auf der Suche nach einem neuen Design

Verfasst: Mo 20. Mai 2013, 06:42
von 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 ! :DA

Re: Auf der Suche nach einem neuen Design

Verfasst: Mo 20. Mai 2013, 11:20
von 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 :E ..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 :E ......
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 ... :X

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!!

Bild

Re: Auf der Suche nach einem neuen Design

Verfasst: Mo 20. Mai 2013, 14:24
von Watsing
Hallo Monika

:DA 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.

:X

Re: Auf der Suche nach einem neuen Design

Verfasst: Mo 20. Mai 2013, 21:53
von 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 ... :X

Re: Auf der Suche nach einem neuen Design

Verfasst: Di 21. Mai 2013, 06:41
von 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 ! :DA 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 :X

Re: Auf der Suche nach einem neuen Design

Verfasst: Di 21. Mai 2013, 09:02
von 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 :E :E hab da momentan denk sperre um was geht :E :E
http://demo-blicke.npage.de/wasting.html
hier screen von den PC Editor
Bild

am Abend hab ja wider zeit da schau um was geht ,mag sein das dir auch inzwischen jemand anderen helfen kann :X
ist ärgerlich weil so ne Installation ist super einfach :G :G
Alle Zeiten sind UTC+01:00
Seite 4 von 7

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de