Okay, es sind nicht direkt Banner, eher die sogenannten »Buttons« im bekannten Format 88×31 Pixel. Davon gibt es verschiedene Versionen:
|
21 kB, sieht wegen dem weichen Schlagschatten nur auf weissem Hintergrund gut aus. Eine Version für eine beliebige Hintergrundfarbe erstelle ich gerne auf Anfrage. Bitte diese Grafik nicht auf anderen Hintergründen verwenden; es sieht grausig aus, wie ihr seht. |
|
|
|
|
|
|
HTML-Fragment:
<a href="http://www.schattenraum.de"><img src="http://www.schattenraum.de/v3/stuff/banner1.gif" width="88" height="31" alt="schattenraum.de" style="border:0" /></a>
|
20 kB, dank der Alpha-Transparenz von PNG sieht der weiche Schlagschatten auf jedem Hintergrund gut aus. Da PNG-Animationen noch nirgends laufen, ist hier nur der Schatten ein PNG, die Animation ein klassisches GIF; zusammengesetzt in einem Das Ganze ist recht experimentell und prinzipbedingt suboptimal. 13 Jahre Web – und es gibt immer noch keine wirkliche Möglichkeit, Animation und Transparenz zu kombinieren. Aber schick sieht's schon aus. |
|
HTML-Fragment:
<div style="width:88px; height:31px; background-image:url('http://www.schattenraum.de/v3/stuff/banner2box')"><div style="width:83px; height:26px; position:relative; top:1px; left:1px"><a href="http://www.schattenraum.de"><img src="http://www.schattenraum.de/v3/stuff/banner2ani.gif" width="83" height="26" alt="schattenraum.de" style="border:0" /></a></div></div>
|
2 kB, keine Animation. Das |
|
|
|
|
|
|
HTML-Fragment:
<a href="http://www.schattenraum.de"><img src="http://www.schattenraum.de/v3/stuff/banner3" width="88" height="31" alt="schattenraum.de" style="border:0" /></a>