band wie bei deine stimme gegen armut

123teddy321 · Beitrag von **123teddy321** » 31.10.2005 19:17

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

rockford · Beitrag von **rockford** » 01.11.2005 00:02

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;
			}

[Erstelle] banner_klein_links.js

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