Neuaufbau einer Hompage

[goefi-chiangmai]

Ja Schrift Einstellungen, aber nicht mehr heute, habe noch andere sachen zu erledigen!
------------------------------------------------------------------------------
Gebe Dir aber gleich einige Tips zum npage Editor mit! Wenn man schon eigenes Design hat, möchte mann ja alles in geoprdneter gleicher schrift haben, damit es auch sauber aussieht.

- Wenn du nacher deine seiten überarbeitest, solltest einige funktionen im Editor nie Benutzen ROTE FARBE MARKIERT IM BILD
- Einige sachen, wirklich nur im eussersten Notfall falls mal was besonders Vorheben möchtest ORANGE MARKIERT
- Die Grün MARKIERTEN sachen kannst gebrauchen.

Siehe Bild Unten

Begründung zu meiner Aussage:
Erstens sieht so deine Webseite gleichmässig aus, gibt keine müden augen beim lesen, und der Quelltext ist sauber
Zweitens: der ganz grosse Vorteil ist, wenn mal denkst ich will meine Titel oder meine Schrift nicht mehr Grün sondern Blau, kannst das mit einer kleinen änderung in der CSS machen, und alle deine seiten ändern sich! Wenn aber Schriften formatierst mit dem editor, muss jede seite einzeln überarbeiten, zum andern macht der editor formatierungen rein wie "medium", "large" .... solche Formatierungen werde zimmlich unterschiedlich dargestellt in den verschiedenen Browsern

Editor.jpg

[Eragon-02]

okay dann bis morgen oder später

[goefi-chiangmai]

Da man ja eine Ordentliche webseite will, soll man ja überall die Gleiche schrift haben,

Schriften bestehen aus Titeln und der Normal (body) Schrift!
Jetzt hast ja einen sauberen (nicht Formatierten Text) auf deiner seite unter body (in der CSS stellen wir jetz die Schrift ein, Body Schrift wird dann in jedem DIV übernommen wo Du nicht ein anderer Schrift befehl eingegeben hast!

Jetrz pass mal deine Schriftfarbe Grösse und Schriftart an nach deinen wünschen, nimm dazu aber Websichere Schriftarten http://www.cs-schreiber.ch/html/websich ... iften.html

body {
margin:0;
font:12px Tahoma;
color:#000000;
background:url("http://file2.npage.de/011827/41/bilder/bg1001.jpg") 50% 0 #151921 fixed;
}

Code: Alles auswählen

body {
margin:0;
font:12px Tahoma;
color:black;
background:url("http://file2.npage.de/011827/41/bilder/bg1001.jpg") 50% 0 #151921 fixed;
}

Danach gehen wir zu den Titeln

[Eragon-02]

okay schrift ja aber frabe kann ich nichts ehen das eine andre ist

Code: Alles auswählen

body {
margin:0;
font:12px Georgia;
color:#333333;
background:url("http://file2.npage.de/011827/41/bilder/bg1001.jpg") 50% 0 #151921 fixed;
}

Nachtrag:

okay geht habe ein paar Farbe codes durchprobiert

[goefi-chiangmai]

Weiter zu den Titeln!
Titel stellt man mit <h1<Titel</h1>, <h2<Titel</h2>, <h3<Titel</h3> ein. So einfach ist HTML, oder wenn Du dann nur im npage Editor Arbeiten möchtest, ist im Bild oben überschrift Beschrieben http://www.npage-hilfe.de/p28641-neuauf ... tml#p28641

Wie Du siehst ist h1 Bereits Vorhanden, (Mit einer Grafik Versehen) wenn da die Schrift ändern möchtest, nimm die DIV Klasse .post h1

Code: Alles auswählen

.post h1 {
background:url("http://file2.npage.de/011827/41/bilder/title-gold_2.png") repeat-x #0d2368;
padding:2px 10px;
margin:0;
font-size:15px;
color:white;
}

Um Titel 2 und 3 Einzustellen, machen wir zusätzlich rein! h2 h3
Deine Links (auf der Textseite) sollten auch noch etwas farbe bekommen, müssen wir aber auch noch definieren in der CSS

mach mal das in der Box zusätzlich rein direckt unter Body, und Versuch auch einzustellen! Das Einstellen ist ja immer gleich, sonnst nachfragen

das rein direckt nach dem body angaben

Code: Alles auswählen

h2 {
color : #FF0000;
font-family : verdana;
font-size : 22px;
}
h3 {
color : #696969;
font-family : verdana;
font-size : 20px;
}
a:link {
  color : #FF0000;
  text-decoration : none;
}
a:visited {
  color : #FF0000;
  text-decoration : none;
}
a:active {
  color : #FF0000;
  text-decoration : none;
}
a:hover {
  color : #F0FC6C;
  text-decoration : underline;
}

ungefär so:

body {
margin:0;
font:16px Arial;
color:#444444;
background:url("/001-hintergrund.png") 50% 0 #151921 fixed;
}

h2 {
color : #FF0000;
font-family : verdana;
font-size : 22px;
}

h3 {
color : #696969;
font-family : verdana;
font-size : 20px;
}

a:link {
color : #FF0000;
text-decoration : none;
}

a:visited {
color : #FF0000;
text-decoration : none;
}

a:active {
color : #FF0000;
text-decoration : none;
}

a:hover {
color : #F0FC6C;
text-decoration : underline;
}

#ev_bg {
background:
............................

[Eragon-02]

okay zieht jezt so aus

Code: Alles auswählen

body {
margin:0;
font:12px Georgia;
color:#0B615E;
background:url("http://file2.npage.de/011827/41/bilder/bg1001.jpg") 50% 0 #151921 fixed;
}

h2 {
color : #FF0000;
font-family : verdana;
font-size : 22px;
}
h3 {
color : #696969;
font-family : verdana;
font-size : 20px;
}
a:link {
  color : #FF0000;
  text-decoration : none;
}
a:visited {
  color : #FF0000;
  text-decoration : none;
}
a:active {
  color : #FF0000;
  text-decoration : none;
}
a:hover {
  color : #F0FC6C;
  text-decoration : underline;
}

#ev_bg {
background:url("http://file2.npage.de/011827/41/bilder/ev_bg.png") repeat-y;
width:1064px;  
margin:0px auto;
}

#everything {
width:1000px;
margin:0 32px;  
background:url("http://file2.npage.de/011827/41/bilder/parchment-light2.jpg");
border:1px Georgia;
border-width:0px 0px;
}

#header {
height:176px;
background:url("http://file2.npage.de/011827/41/bilder/wow_header.gif") right no-repeat;
padding:0 20px;
}

#header h1 {
padding-top:115px;
margin:0;
color: #333333;
}

[goefi-chiangmai]

Ja ok, jetzt kannst deine Gewünschten Farbe Einstellen

Bei den Titeln, kannst auch andere Schriftart wehlen und Grössen!

--------------------------
Bei den Link, habe ich Schriftgrösse und Schriftart extra nicht rein Gemacht, weil es kein sinn macht wenn ich ein Text lese, plötzlich die Schrift ändert.
Was noch zu sagen ist zu den links:

Das wäre Untersctrichen

Code: Alles auswählen

text-decoration : underline;

Keine Textdekoration

Code: Alles auswählen

text-decoration : none;

Weiter die namen bei den links sind ja Selbserklärend, (link visited active hover)aber ich würde bei Link, Besuchten links und Aktiver Link, immer die Gleiche Farbe wählen

[Eragon-02]

okay und wie bekomme ich das in den balken wo steht

Dragons Sims-3 Bastel-Ecke Noch mitich

Das Noch mitich nheme an im Header

im diesn cod dann

Code: Alles auswählen

<div id="middle_column">
<div class="post">
<h1>Dragons Sims-3 Bastel-Ecke Noch mitich</h1>
<div class="post_body">

dann so dann müßte es gehn oder ?

Code: Alles auswählen

<center>
<div id="middle_column">
<div class="post">
<h1>Dragons Sims-3 Bastel-Ecke Noch mitich</h1>
<div class="post_body">
</center>

Nachtrag: jup geht center ist ja für mitte

oben der war doch nicht ganz richtig habe es jezt so nur wo der text ist center nicht den ganzen code

Code: Alles auswählen

<div id="middle_column">
<div class="post">
<center><h1>Dragons Sims-3 Bastel-Ecke</h1></center>
<div class="post_body">
<!--Ende Design-Style-Header-->

[goefi-chiangmai]

Ist zwar wieder eine Schlechte lösung was Du da machst

Etwa 20 Beiträge vorher hatte ich bei so einem fall Dich schon mal gefragt, und leider nie Antwort erhalten
-----------------------------
Für was hast Du eine CSS Datei? Sicher nicht um im HTML Teil alles zu Formatieren oder?
-----------------------------

Wenn Die h1 Schrift mittig möchtest mach das in die CSS wo h1 Steht

Code: Alles auswählen

text-align : center;

--------------------------------

So ich mach Schluss für heute!

[Eragon-02]

okay

-------------------------------------------------------------------------------------

okay wenn wir dann zum Nächten schritt gehen können
würde ich gern wie auf ihrer Seite oben
wenn das noch geht ich denke schon das Mann das noch mit ein bauen kann
und zwar die navi oben noch wo du stehen hast

Home & Info Neuigkeiten Impressum Npage-hilfe.de

die navigation oben noch aber später heute bzw heute abend dann oder wann sie wieder zeit haben

ich häte es dann aber so

Gästebuch ------ Linkliste ------ Kontakt ------ Impressum