ok, wenn das hinbekommen hast, ist gut.
ah was mit unterem teil meinnst??? das gehört ja zusammen.
Aber weiter, jetzt siehst im Oberen Teil (Das sind ja eigentlich die (CSS) Daten wo deine links zugreifen.
Das erste ist der Link und das zweite der Hover (efekt wenn mit der Maus Rüber gehst).
So an dieser Stelle:
background-image: url(
http://file1.npage.de/006513/27/bilder/ ... normal.jpg);
background-image ist ja auf Deutsch, Hintergrundsbild, und das ist der Eigentliche Button wo dahinter Steckt. Jetzt musst Nur die URL mit deinem gewünschten Button austauschen. Und natürlich die Grösse anpassen (Grafik Grösse)
hier (Pixelzahl eingeben des Button):
width: 152px;
height:36px;
zusätzlich bei linie height die gleiche zahl schreiben wie bei der höhe. (Das ist die Texthöhe gleiche zahl gleich mitte in der Vertikale)
line-height:36px;
Hier nochmals kurz Farbig markiert was du verändern musst um dein Button reinzumachen:
<style type="text/css">
<!--
A.menulink:link, A.menulink:visited, A.menulink:active {
display: block;
width:
152px;
height:
36px;
line-height:
36px;
text-align: center;
text-decoration: none;
font-family: Franklin Gothic Demi Cond;
font-size: 16px;
color: #D69A4A;
background-color: transparent;
background-image: url(
http://file1.npage.de/006513/27/bilder/ ... normal.jpg);
border-style: solid;
border-width: 0px;
border-color: #000000;
}
A.menulink:hover {
border-style: solid;
border-width: 0px;
border-color: #FFFFFF;
color: #9B1515;
background-image: url(
http://file1.npage.de/006513/27/bilder/ ... normal.jpg);
background-color: transparent;
}
=--></style>
Natürlich kannst dann auch Schriftarten und Grösse und Farbe ändern.....aber dazu Später, besser ist um zu lernen Schritt für Schritt
