Seite 1 von 1
band wie bei deine stimme gegen armut
Verfasst: 31.10.2005 19:17
von 123teddy321
hallo!
wie kann ich es machen, dass man ein band wie bei
www.deine-stimme-gegen-armut.de um seine homepage rumwickeln kann?
hier mal ein beispiel wie das in wirklichkeit aussieht:
http://www.coderportal.de/
ich bin gespannt auf eure antworten und hoffe dasd das airgendwie geht
vielen dank sscon mal
Florian
Verfasst: 01.11.2005 00:02
von rockford
Hi,
ich habe mal niedergeschrieben, wie ich es gemacht habe. Sollte eigentlich funktionieren:
[Erstelle] einen Ordner. Am besten root/images/banner
[Erstelle] banner.css
Code: Alles auswählen
/* CSS Document */
div.band {
position:absolute;
left:0px;
top:0px;
overflow:visible;
height:163px;
width:163px;
background-image:url(http://www.deine-domain.de/images/banner/banner_klein_links.gif);
background-repeat:no-repeat;
background-position:-200px -200px;
background-color:transparent;
margin:0;
padding:0;
color:#000;
font-family:helvetica,verdana,arial,tahoma,sans-serif;
z-index:1000000000;
border:none;
float:none;
}
Code: Alles auswählen
document.write('<style><!-- @import url(http://www.deine-domain.de/images/banner/banner.css); --></style>'
+ '<div class="band"><img src="http://www.deine-domain.de/images/banner/banner_translinkimg.gif" width="163" height="163" border="0" usemap="#band" class="mphimage"></div>'
+ '<map name="MPHLinkMapSmallLeft"><area shape="poly" coords="163,0,0,163,0,133,133,0" href="http://www.irgend-ein-link.de" target="_blank"></map>'
);
Die Links in den beiden Dateien mußt Du natürlich anpasssen.
Jetzt findest Du
hier zwei Grafiken, die beide in den Ordner
/images/banner kommen.
Dann nimmst Du eine x-beliebige Website und fügst zum Quelltext zwischen <head> und </head> folgendes hinzu:
Code: Alles auswählen
<script type="text/javascript" src="http://www.deine-domain.de/images/banner/banner_klein_links.js">
Dass war's auch schon.
Diese Lösung ist mit Sicherheit nicht perfekt, sollte aber funktionieren.
Gruß
Rockford