• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Die besten Tipps um eigene Button zu erstellen

Cyberbob

Cyberbob

Mitglied
Hallo Leute, ich melde mich auch mal wieder.
So viel ich weiß, kann man ja einen Button erstellen und den ein ' class="knopf" ' hinzufügen. Und über CSS kann man dann unter ' .knopf ' den Button gestalten.
So jetzt meine Frage: --> Was gibt es alles für Verweise zum Gestalten?

Danke im Vorraus.
 
Deine Frage ist nicht ganz eindeutig:
Mit CSS kannst du "Buttons" derart gestalten, dass du auf ihre Farbe und Rahmen Einfluss nimmst.

Grafische Buttons musst du zunächst mit einem Grafikprogramm erstellen und diese Grafiken dann per CSS als Hintergrundgrafiken einbinden.

Diese Anleitungen sollten dir weiterhelfen:
Vertikale Listennavigation
Link-Buttons
 
Hallo ich bins nochmal: Ich habe da noch ne Frage: Wie bekomme ich jetzt Einträge in diesen Links rein? Siehe Code:
HTML: 
<body>
<style type="text/css">
#navi {
margin: 0;
padding: 0;
list-style-type: none;
}

#navi a, a:visited {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;
width: 150px;
height: 25px;
display: block;
color: #fff;
background-image: url(button01.gif);
text-align: center;
line-height: 25px;
border-bottom: 1px solid #fff;
}

#navi a:hover {
background-image: url(button02.gif);
height:500px
}

#navi li {
float: left
}
</style>
<ul id="navi">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a><a href="#">Link 4</a></li>
</ul>
</body>
<a href="#">Link 4</a> soll ein Eintrtag sein.
http://1.2.3.10/bmi/www.ohne-css.gehts-gar.net/img/0072/button01.gif
http://1.2.3.11/bmi/www.ohne-css.gehts-gar.net/img/0072/button02.gif
 
Zuletzt bearbeitet:
Es geht auch mit JavaScript ganz leicht..


<a href="LINK"><img src='NORMAL BILD URL'" onmouseover="this.src='HOVER'" onmouseout="this.src='NORMAL BILD URL'"/ border="0"></a>
 
Zur Ausgangsfrage: Suche nach „css button design“

Zur aktuellen Frage (wenn ich die richtig interpretiere): Suche nach „css menu dropdown“

Sowas gibt es wie Sand am Meer und es ist nicht immer ganz leicht von Hand hinzubekommen, weil Browser da doch mitunter einige Eigenheiten aufweisen.
 
ich sag mal, es ist beides richtig. Erst suchte ich nach tipps zum gestalten von buttons und dann habe ich weiter getüftelt und hatte dann beim dropdown nen kleines probl.
 
Wie bekomme ich jetzt Einträge in diesen Links rein?
Zum Vergrößern anklicken....
Du musst die Raute # mit der Adresse der zu öffnenden Datei ersetzen.
Beispiel: Ein Link zur Startseite lautet dann z.B.
Code: 
<a href="index.html">Zur Startseite</a>

Oder bei absoluten/externen Pfaden:
Code: 
<a href="http://www.html.de">Zum html Forum</a>
 
das is mir klar. Ich meine, schaut euch den code mal an. Der 4. Link ist unter dem 3. Aber der 4. soll im Menü des 3. Linkes sein...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben