Back to the very first page/zurück zur allerersten Seite

transparente Buttons ...


Startseite
Homepage-Bastler 		Grundlagen HTML Grafiken einfügen Tabellen Linksammlung
Javaspielereien I Javaspielereien II schwebende
Navigationsleiste 		Frames Formulare
Beispielseite I Beispielseite II Beispielseite III Beispielseite IV Frame Beispielseite
Hintergründe zurück zur Button-Seite Cliparts    

Wie kommt der Text in die Buttons?

Um einen neuen Text in die Buttons zu bringen, benötigt man normalerweise ein Grafikprogramm und erstellt damit einen neuen Button mit dem entsprechenden Text.

Es geht jedoch auch anders:

Erstellen Sie eine Tabelle mit einer Spalte und einer Zeile, die genauso groß ist wie der jeweilige Button. Jetzt hinterlegen Sie diese Tabelle mit dem leeren Button als Background und schreiben einfach den Text, der in den Button soll, in die Tabelle. Dabei kann die Farbe und Größe des Textes in dem Button beliebig verändert werden.
Der Link wird um den Text gelegt. Falls Sie die Tabelle nicht selber machen möchten, kopieren Sie unten angegebenen Quelltext.
Hier ist das Beispiel:
Text

Und dies ist der passende Quelltext dazu:
<table border="0" cellpadding="0">
<tr>
<td width="105" height="47" background="buleer.jpg" align="center">
<a href="Dateiname.htm" style="text-decoration:none"><font size="3"><font face="arial"><font color="#000000"><b>
Text
</b></font></font></font></a>
</td>
</tr>
</table>


 Die folgenden Buttons haben einen transparenten Hintergrund. Das heißt, dass der jeweilige Seitenhintergrund durchscheint. Um einen Eindruck davon zu bekommen, habe ich die einzelnen Tabellenspalten in verschiedenen Farben eingefärbt.

Es gibt Buttons für helle Hintergründ (mit schwarzer Schrift im Button) und für dunkle Hintergründe (mit hellgelber Schrift im Button).
                           Transparente Buttons für helle Hintergründe                          
T
R
A
N
S
P
A
R
E
N
T
E

B
U
T
T
O
N
S


































T
R
A
N
S
P
A
R
E
N
T
E

B
U
T
T
O
N
S







zurück zur Hauptseite mit allen Hintergründen, Buttons ...

Ich würde mich freuen, wenn Du mit folgendem Banner auf meine Seite zurück verlinkst:
Grafiken, Hintergründe und Anleitung für Homepage-Bastler auf www.chiria.de
Quellcode: <a href="http://www.chiria.de" target="new">
<img src="cfbanner.gif" width="282" height="42" border="0"
alt="Grafiken, Hintergründe und Anleitung für Homepage-Bastler auf www.chiria.de"></a>


                           Transparente Buttons für dunkle Hintergründe                          
T
R
A
N
S
P
A
R
E
N
T
E

B
U
T
T
O
N
S


































T
R
A
N
S
P
A
R
E
N
T
E

B
U
T
T
O
N
S




zurück zur Hauptseite mit allen Hintergründen, Buttons ...

Ich würde mich freuen, wenn Du mit folgendem Banner auf meine Seite zurück verlinkst:
Grafiken, Hintergründe und Anleitung für Homepage-Bastler auf www.chiria.de
Quellcode: <a href="http://www.chiria.de" target="new">
<img src="cfbanner.gif" width="282" height="42" border="0"
alt="Grafiken, Hintergründe und Anleitung für Homepage-Bastler auf www.chiria.de"></a>


zurück zu Christine's Seite: Grundlagen von HTML









Zurück zum Anfang der Seite

Zurück zur ersten Seite Zurück zum Inhaltsverzeichnis Zum Übersichtsplan/to Sitemap