Seite 11 von 15
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 17:32
von Eragon-02
http://www.homepage-total.de/css/farben_definieren.php
Schriftfarbe
Schriftfarbe mit HTML:
Code: Alles auswählen
<font color="red"> Rot </font>
<font color="#FF0000"> Rot </font>
Schriftfarbe mit CSS:
Code: Alles auswählen
<span style="color: red"> Rot </span>
<span style="color: #FF0000"> Rot </span>
<span style="color: rgb(255,0,0)"> Rot </span>
also so in etwa ?
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 17:34
von goefi-chiangmai
Willst du auf der ganzen Webseite die gleiche Schrift (hatte ich schon mal gefragt, als wir das menü erstellten, aber da war es ja ok für dich)
Wenn ja kommt die Schriftart im Body bereich zum ändern
Wenn aber nur für die Navigation eine andere Schrift möchtest mach einfach das in die CSS an der Stelle:
Wegen Schriften Formatieren, habe ich bereits hier 2 mal erklärt, das ich dann noch was sage zum Editor, wenn es soweit ist
Nachtrag:
Was willst den mit dieser Schrift HTML Formatierung machen, Wozu haben wir eine CSS Datei
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 17:36
von Eragon-02
okay nein dann doch ales im gleichen stil die schrift
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 17:44
von goefi-chiangmai
Nochmals:
Wenn eine Andere Schrift für die Button möchtest, als die Schrift wo wir nachher einstellen, kommt das in die CSS klasse von der Navigation (Schriftart kannst ja tauschen
Und oben habe ich noch einen Nachtrag vorhin eingebracht weil unsere Beiträge sich gerade überschnitten haben, kannst mir diese fragen noch beantworten
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 17:51
von Eragon-02
Nachtrag:
Was willst den mit dieser Schrift HTML Formatierung machen, Wozu haben wir eine CSS Datei
das war nur ne frage
------------------------------------------------------
okay ich möchte das die Schrift überall gleich ist und wenn es geht es geht ja auch
auf ihrer Seite ja auch das wenn Mann auf den Button klick das auch die Farbe sich dann ändert
bei ihn von weiß auf gelb den Farbton können wir ja dann anpassen
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 17:59
von goefi-chiangmai
Eragon-02 hat geschrieben:
okay ich möchte das die Schrift überall gleich ist und wenn es geht es geht ja auch
auf ihrer Seite ja auch das wenn Mann auf den Button klick das auch die Farbe sich dann ändert
bei ihn von weiß auf gelb den Farbton können wir ja dann anpassen
Ach so du meinnst der hover efekt, da habe ich was Falsch Verstanden.
MEINE FRAGE HAST IMMER NOCH NICHT BEANTWORTET
(hätte mich wunder genommen was mit dieser Formatierun machen wolltest, so hättest eventuell was gelernt!
-----------------------------------------
Ok dein Hover efekt:
in deiner CSS klasse navigation und navigation2 ist ja im hover keine Farbbezeichnung drinn, deswegen nimmt es immer die Farbe des über im formatierten div id
so musst Du jetzt bei beiden im hover eine Farbne zuweisen:
Code: Alles auswählen
.navigation a:hover {
background-position:0 bottom;
color: #555555;
}
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 18:24
von Eragon-02
habe es so aber ich merg nicht also nichts zu sehn
Code: Alles auswählen
.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #555555;
text-decoration:none;
line-height:45px;
}
.navigation a:hover {
background-position:0 bottom;
color: #555555;
}
.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}
.navigation a:hover {
background-position:0 bottom;
color: #333333;
}
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 18:27
von Eragon-02
Eragon-02 hat geschrieben:habe es so aber ich merg nicht also nichts zu sehn
Code: Alles auswählen
.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #555555;
text-decoration:none;
line-height:45px;
}
.navigation a:hover {
background-position:0 bottom;
color: #555555;
}
.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}
.navigation a:hover {
background-position:0 bottom;
color: #333333;
}
Nachtrag:
okay geht lag an den Farbencod
Code: Alles auswählen
.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:45px;
}
.navigation a:hover {
background-position:0 bottom;
color: #0101DF;
}
.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}
.navigation a:hover {
background-position:0 bottom;
color: #0101DF;
}
---------------------------------------------
und jetzt noch die Schriftart oder kommt das später mit dem Editor das die Schrift überall gleich ist was sie erst schon mal meinten ??
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 18:45
von goefi-chiangmai
So habs dir korrigiert, habs beobachtet und nicht gemerkt das du noch eion fehler drinn hattest
in der css dem untermenü (navigation2) hast vergessen, beim dazugehörenden hover auch das 2 zu setzten)
a.navigation
2:hover
So muss es richtig sein
Code: Alles auswählen
a.navigation2:hover {
background-position:0 bottom;
color: #0101DF;
}
Re: Neuaufbau einer Hompage
Verfasst: So 8. Jul 2012, 18:49
von Eragon-02
ja habe ich
Code: Alles auswählen
.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:45px;
}
.navigation a:hover {
background-position:0 bottom;
color: #0101DF;
}
.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}
a.navigation2:hover {
background-position:0 bottom;
color: #0101DF;
}
so können wir das mit der Schrift anfangen ? oder wo würden sie weiter machen