Auf diese Website einen Link setzen

Textlink | Große Schaltfläche | Kleine Schaltfläche | Suchformular

Es gibt eine Reihe von Möglichkeiten, ohne großen Aufwand einen Link auf diese Website einzubauen. Neben den üblichen Varianten - Links per Text und per grafischer Schaltfläche - bieten wir eine eigene Köln-Suchmaschine an. Damit erschließen sich dem Besucher Ihrer Website über 1.500 HTML-Seiten zu Kölner Themen, und zwar getrennt in Deutsch und in Englisch.

Der entsprechende HTML-Code für die Links lässt sich sehr einfach übernehmen:
- zunächst mit der Taste auswählen, dann entweder mit "Kopieren & Einsetzen" in ein Textverarbeitungsdokument übertragen oder per "Drag & Drop" auf den eigenen Schreibtisch ziehen.

Textlink

Besonders platzsparend führt ein Textlink auf die Startseite von willkommeninkoeln.de; er kann in jedem Bericht oder in einer Tabelle eingefügt werden. Der Hinweis, der mit der Verknüpfung hinterlegt ist, wird dem Textzusammenhang angepasst.

				<a href=
"http://www.willkommeninkoeln.de/">
Verkehr, Tourismus, Sightseeing in Köln...</a>

Und so sieht es aus:

Verkehr, Tourismus, Sightseeing in Köln...

Große Schaltfläche

Mehr Aufmerksamkeit zieht eine Schaltfläche auf sich - besonders, wenn beim Überstreichen mit der Maus eine kleine Animation (Bildtausch) ausgelöst wird. Damit die Animation in Echtzeit abläuft, wird das zweite Bild per Javascript vorgeladen.
Wer keine Scripts mag, lässt einfach den Header-Teil des HTML-Codes fort und die "onMouseover/onMouseout"-Anweisung bei der Bilddefinition.

// Diesen Teil in den Kopfbereich der HTML-Seite einsetzen
					<script type="text/javascript">
<!-- Beginn
// Variable vorladen
	var img1 = new Image();
img1.src = "http://www.willkommeninkoeln.de/media/bilder/titel.jpg";
// Titelbild-Animation starten
	function anim()
	{
		document.images['titel'].src = "http://www.willkommeninkoeln.de/media/bilder/titelo.jpg";
	}
// Titelbild auf Normalzustand setzen
	function unanim()
	{
		document.images['titel'].src = "http://www.willkommeninkoeln.de/media/bilder/titel.jpg";
	}
// Ende -->
</script>
// Diesen Teil im Body-Bereich der HTML-Seite platzieren
				<a href=
"http://www.willkommeninkoeln.de/index.htm" onMouseOver="anim(); window.status='zur Startseite - Willkommen in Köln'; return true" onMouseOut="unanim(); window.status=''; return true">
<img src="http://www.willkommeninkoeln.de/media/bilder/titel.jpg" name="titel" align="top" border="0" alt="Sales Guide Cologne" vspace="1" width="152" height="110"></a>

Und so sieht es aus:

Kleine Schaltfläche

Wenn das eigene Seitenlayout weniger Raum lässt, und die Verknüpfung daher mit einer kleineren Schaltfläche signalisiert wird, bietet sich die folgende Grafik an. (Der Dom als Köln-Symbol ist eben unvermeidlich...)

		<table cellspacing="0" cellpadding="2" border="1" bgcolor="#d3d3d3">
	<tr>
		<td valign="bottom">
			<a href="http://www.willkommeninkoeln.de/">
			<img src="http://www.willkommeninkoeln.de/media/logos/dom-suche.gif" width="32" height="32" border="0"></a></td><td valign="bottom" style="font-size:16px; font-weight:bold; font-family:Trebuchet MS,Arial,Tahoma,Geneva,Helvetica,sans-serif">
			<a href="http://www.willkommeninkoeln.de/">KölnBesucher</a></td>
	</tr>
		</table>

Und so sieht es aus:

KölnBesucher

Suchformular (Deutsch)

Mit Verweisen kann jeder auf seiner Website aufwarten - mit einer integrierten (Köln-) Suchmaschine aber nicht. Zu praktisch allen Leistungen und Anbietern aus den Bereichen Tourismus und Sehenswürdigkeiten, Messen und Kongresse, Verkehr, Kultur, Freizeit und Wirtschaft, gibt es nicht nur Treffer, sondern auch Hintergrundinformation bei willkommeninkoeln.de.
Das kleine Suchformular holt diesen Service auf die eigenen Internet-Seiten, ohne besonderen Programmaufwand oder zusätzliche Kosten.

		<table cellspacing="0" cellpadding="2" border="0" bgcolor="#d3d3d3" style="font-size:12px; font-family:Trebuchet MS,Arial,Tahoma,Geneva,Helvetica,sans-serif">
	<form method="POST" action="http://www.picosearch.com/cgi-bin/ts.pl">
	<input type="hidden" name="index" value="81082">
	<input type="hidden" name="psel" value="de">
	<tr>
		<td width="34" valign="bottom"><a href="http://www.willkommeninkoeln.de/">
		<img src="http://www.willkommeninkoeln.de/media/logos/dom-suche.gif" border="0" width="32" height="32"></a></td>
		<td width="100" valign="bottom">In Köln suchen nach:<br>
		<input type="TEXT" name="query" value="Suchbegriff" size="20" style="width:130px; margin:2px"></td>
		<td valign="bottom"><input type="SUBMIT" value="OK" name="SUBMIT"></td>
	</tr>
	</form>
		</table>

Und so sieht es aus:

In Köln suchen nach:

Suchformular (Englisch)

Internationale Köln-Besucher erwarten, dass sie nicht nur in Deutsch angesprochen werden. Alle Seiten bei willkommeninkoeln.de gibt es daher zweifach - in Deutsch und in Englisch.
Beim folgenden Suchformular ist die Benutzerführung in englischer Sprache, und es werden auch nur die Resultate der englischen Seiten aufgelistet.

		<table cellspacing="0" cellpadding="2" border="0" bgcolor="#d3d3d3" style="font-size:12px; font-family:Trebuchet MS,Arial,Tahoma,Geneva,Helvetica,sans-serif">
<form method="POST" action="http://www.picosearch.com/cgi-bin/ts.pl">
	<input type="hidden" name="index" value="81082">
	<input type="hidden" name="psel" value="en">
	<input type="hidden" name="lang" value="English">
	<tr>
		<td width="34" valign="bottom"><a href="http://www.willkommeninkoeln.de/">
		<img src="http://www.willkommeninkoeln.de/media/logos/dom-suche.gif" border="0" width="32" height="32"></a></td>
		<td width="100" valign="bottom">Search Cologne for:<br>
		<input type="TEXT" name="query" value="keyword" size="20" style="width:130px; margin:2px"></td>
		<td valign="bottom"><input type="SUBMIT" value="OK" name="SUBMIT"></td>
	</tr>
</form>
		</table>

Und so sieht es aus:

Search Cologne for: