Index und Register


zurück zur Startseite    HOME
Name: Magic-01 - Index und Register


Maße:
Farbe:
transparent:
Rand:
 20 x 20 Pixel
-
ja
ja
 10


Numerische Buttons in ihrer eigenen Farbe ohne Grafikprogram

Sie benötigen numereische Buttons in einer ganz speziellen, ihrer Seite angepassten Farbe? Kein Problem mit diesem kleinen Kniff:

Eine transparente Grafik wird mittels einer von zwei Techniken mit iher Wahlfarbe hinterlegt.
  • Technik mit Tabellen (Tabellen-Hintergrundfarbe)
  • Technik mit CSS (Farbe des <DIV>-Bereichs)


Tabellentechnik

Die transparente Grafik wird in eine Tabelle 'gesteckt' deren Hintergrundfarbe sie selbst festlegen: 16 Millionen Farbvarianten 













<table border="0" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#B3AAEC">
<img src="3.gif" width="20" height="20" border="0" alt=""><br>
</td></tr>
</table>

(Falls es fehlerhafte Darstellungen gibt, notieren sie die HTML-Tags der Tabelle ohne Zeilenumbruch und Leerzeichen hintereinander)



CSS-Technik

Die transparente Grafik wird in einen DIV-Bereich 'gesteckt' dessen Hintergrundfarbe sie selbst festlegen: 16 Millionen Farbvarianten 

<div style="background:#9E8DE3;padding:0px;width:20px;height:20px;">
<img src="4.gif" width="20" height="20" border="0" alt="">
</div>



Die Buttons


Ziffern 20 x 20 Pixel

                          







     vergrößerte Darstellung




Ergänzungen werden hier eingetragen

Serie wird bei Bedarf erweitert!





Die Images habe ich aus Freeware-Icons und aus eigenen Entwürfen selbst erstellt.

Demo und Anleitung

Die Verwendung der Images im Angebot der Mini-Images Seiten ist, soweit sie von ihnen nicht als Sammlung angeboten werden, für private und komerzielle Webseiten ausdrücklich gestattet.

mehr Copyright-Info und ausführliche Nutzungsbedingungen



HOME     Impressum
  nach Oben