Widgets - kostenloser Routenplaner für die eigene Homepage

Ihr kostenloser Routenplaner

Banner

Banner mit fester Zieladresse

Widgets

Widgets mit fester Zieladresse

Routenplaner Widgets für Ihre Homepage

Kopieren Sie den HTML Code, der unter dem gewünschten Widget steht und fügen Sie diesen in Ihre Homepage ein. Kostenlos.

Routenplaner

Start:

Strasse, PLZ, Ort

Ziel:

Strasse, PLZ, Ort

HTML Code:
<form name="form" method="post" target="_blank" accept-charset="utf-8" action="http://www.routenplaner-kostenlos.com/auswahl.php"> <table width="120" border="0" cellpadding="6" cellspacing="1" bgcolor="#FFC58A"> <tr> <td width="250" bgcolor="#FFC58A"> <div align="left"><a href="http://www.routenplaner-kostenlos.com" target="_blank" style="text-decoration: none; color: #000; font-size: 13px; font-family: Verdana, Geneva, sans-serif;"><strong>Routenplaner</strong></a></div></td> </tr> <tr> <td height="100" nowrap bgcolor="#F0F0F0"><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 13px;"> </strong> <table width="122" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="122"><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 13px;">Start:</strong><br /> <input name="start" type="text" class="box" id="start" style="border-color:#666666;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="18" maxlength="255" /><br /> <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666;">Strasse, PLZ, Ort</span></td> </tr> <tr> <td height="63"><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 13px;">Ziel:</strong><br /> <input name="ziel" type="text" class="box" id="ziel" style="border-color:#666666;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="18" maxlength="255" /><br /> <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666;">Strasse, PLZ, Ort</span></td> </tr> <tr> <td height="33" valign="bottom"><input name="berechnen" type="submit" id="berechnen" value="Route berechnen" style="width:123px;" /></td> </tr> </table></td> </tr> </table> </form> "STRG" + "C" drücken zum Kopieren!

Routenplaner

Start:

Strasse, PLZ, Ort

Ziel:

Strasse, PLZ, Ort

HTML Code:

<form name="form" method="post" target="_blank" accept-charset="utf-8" action="http://www.routenplaner-kostenlos.com/auswahl.php">
  <table width="253" border="0" cellpadding="6" cellspacing="1" bgcolor="#FFC58A">
    <tr> 
    <td width="250" bgcolor="#FFC58A"> 
      <div align="left"><a href="http://www.routenplaner-kostenlos.com" target="_blank" style="text-decoration: none; color: #000; font-size: 13px; font-family: Verdana, Geneva, sans-serif;"><strong>Routenplaner kostenlos</strong></a></div></td>
  </tr>
  <tr>
    <td height="100" nowrap bgcolor="#F0F0F0"><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 13px;"> 
      </strong>
      <table width="122" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="122"><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 13px;">Start:</strong><br />
            <input name="start" type="text" class="box" id="start" style="border-color:#666666;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="49" maxlength="255" /><br />
          <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="63"><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 13px;">Ziel:</strong><br />
            <input name="ziel" type="text" class="box" id="ziel" style="border-color:#666666;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="49" maxlength="255" /><br />
            <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="33" valign="bottom"><input name="berechnen" type="submit" id="berechnen" value="Route berechnen" style="width:123px;" /></td>
        </tr>
      </table></td>
  </tr>
</table>
</form>

"STRG" + "C" drücken zum Kopieren!

Routenplaner

Start:

Strasse, PLZ, Ort

Ziel:
Strasse, PLZ, Ort

HTML Code:
<form name="form" method="post" target="_blank" accept-charset="utf-8" action="http://www.routenplaner-kostenlos.com/auswahl.php"> <table width="446" border="0" cellpadding="6" cellspacing="1" bgcolor="#FFC58A"> <tr bgcolor="#FFC58A"> <td width="432" nowrap> <div align="left"><a href="http://www.routenplaner-kostenlos.com" target="_blank" style="text-decoration: none; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 12px;"><strong>Routenplaner kostenlos</strong></a></div></td> </tr> <tr> <td nowrap bgcolor="#F0F0F0"> <table width="444" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="251" nowrap><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Start:</strong><br> <input name="start" type="text" class="box" id="start25" style="border-color:#666666;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="35" maxlength="255"> <br> <span style="color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 9px;">Strasse, PLZ, Ort</span></td> <td width="181" nowrap><strong style="color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Ziel:</strong><br> <input name="ziel" type="text" class="box" id="ziel26" style="border-color:#666666;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="35" maxlength="255"><br> <span style="color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 9px;">Strasse, PLZ, Ort</span></td> </tr> </table> <br> <input name="berechnen2" type="submit" id="berechnen23" value="Route berechnen" style="width:123px;"> </td> </tr> </table> </form> "STRG" + "C" drücken zum Kopieren!

Widget breit ohne Rahmen (schwarze Schrift / breit):

Routenplaner

Start:

Strasse, PLZ, Ort

Ziel:

Strasse, PLZ, Ort

HTML Code:

<form name="form" method="post" target="_blank" accept-charset="utf-8" action="http://www.routenplaner-kostenlos.com/auswahl.php">
<table width="264" border="0" cellpadding="0" cellspacing="1">
  <tr> 
    <td width="250" height="22"> 
      <div align="left"><a href="http://www.routenplaner-kostenlos.com" target="_blank" style="text-decoration: none; color: #000000; font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold;"><strong>Routenplaner</strong></a></div></td>
  </tr>
  <tr>
    <td height="156" nowrap>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="55" valign="bottom"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #000;">Start:</strong><br />
            <input name="start" type="text" class="box" id="start2" style="border-color:#000000;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="49" maxlength="255" /><br />
        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #000;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="65"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #000;">Ziel:</strong><br />
            <input name="ziel" type="text" class="box" id="ziel" style="border-color:#000000;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="49" maxlength="255" /><br />
        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #000;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="31" valign="bottom"><input name="berechnen" type="submit" id="berechnen" value="Route berechnen" style="width:123px;" /></td>
        </tr>
      </table></td>
  </tr>
</table>
</form>

"STRG" + "C" drücken zum Kopieren!

Widget breit ohne Rahmen (weisse Schrift / breit):

Routenplaner

Start:

Strasse, PLZ, Ort

Ziel:

Strasse, PLZ, Ort

HTML Code:

<form name="form" method="post" target="_blank" accept-charset="utf-8" action="http://www.routenplaner-kostenlos.com/auswahl.php">
<table width="264" border="0" cellpadding="0" cellspacing="1">
  <tr> 
    <td width="250" height="22"> 
      <div align="left"><a href="http://www.routenplaner-kostenlos.com" target="_blank" style="text-decoration: none; color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold;"><strong>Routenplaner</strong></a></div></td>
  </tr>
  <tr>
    <td height="156" nowrap>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="55" valign="bottom"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF;">Start:</strong><br />
            <input name="start" type="text" class="box" id="start2" style="border-color:#FFFFFF;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="49" maxlength="255" /><br />
        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #FFFFFF;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="65"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF;">Ziel:</strong><br />
            <input name="ziel" type="text" class="box" id="ziel" style="border-color:#FFFFFF;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="49" maxlength="255" /><br />
        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #FFFFFF;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="31" valign="bottom"><input name="berechnen" type="submit" id="berechnen" value="Route berechnen" style="width:123px;" /></td>
        </tr>
      </table></td>
  </tr>
</table>
</form>

"STRG" + "C" drücken zum Kopieren!

Widget schmal ohne Rahmen (schwarze Schrift / schmal):

Routenplaner

Start:

Strasse, PLZ, Ort

Ziel:

Strasse, PLZ, Ort

HTML Code:

<form name="form" method="post" target="_blank" accept-charset="utf-8" action="http://www.routenplaner-kostenlos.com/auswahl.php">
<table width="138" border="0" cellpadding="0" cellspacing="1">
  <tr> 
    <td width="136" height="22"> 
      <div align="left"><a href="http://www.routenplaner-kostenlos.com" target="_blank" style="text-decoration: none; color: #000000; font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold;"><strong>Routenplaner</strong></a></div></td>
  </tr>
  <tr>
    <td height="156" nowrap>
      <table width="48%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="55" valign="bottom"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #000;">Start:</strong><br />
            <input name="start" type="text" class="box" id="start2" style="border-color:#000000;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="21" maxlength="255" /><br />        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #000;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="65"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #000;">Ziel:</strong><br />
            <input name="ziel" type="text" class="box" id="ziel" style="border-color:#000000;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="21" maxlength="255" /><br />
        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #000;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="31" valign="bottom"><input name="berechnen" type="submit" id="berechnen" value="Route berechnen" style="width:123px;" /></td>
        </tr>
      </table></td>
  </tr>
</table>
</form>

"STRG" + "C" drücken zum Kopieren!

Widget schmal ohne Rahmen (weisse Schrift / schmal):

Routenplaner

Start:

Strasse, PLZ, Ort

Ziel:

Strasse, PLZ, Ort

HTML Code:

<form name="form" method="post" target="_blank" accept-charset="utf-8" action="http://www.routenplaner-kostenlos.com/auswahl.php">
<table width="138" border="0" cellpadding="0" cellspacing="1">
  <tr> 
    <td width="136" height="22"> 
      <div align="left"><a href="http://www.routenplaner-kostenlos.com" target="_blank" style="text-decoration: none; color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold;"><strong>Routenplaner</strong></a></div></td>
  </tr>
  <tr>
    <td height="156" nowrap>
      <table width="48%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="55" valign="bottom"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF;">Start:</strong><br />
            <input name="start" type="text" class="box" id="start2" style="border-color:#FFFFFF;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="21" maxlength="255" /><br />
        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #FFFFFF;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="65"><strong style="font-size: 13px; font-family: Verdana, Geneva, sans-serif; color: #FFFFFF;">Ziel:</strong><br />
            <input name="ziel" type="text" class="box" id="ziel" style="border-color:#FFFFFF;border-width:1px;border-style:solid;font-family:Arial;font-size:12px;padding:2px;background-color:#FFFFFF;" size="21" maxlength="255" /><br />
        <span style="font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #FFFFFF;">Strasse, PLZ, Ort</span></td>
        </tr>
        <tr>
          <td height="31" valign="bottom"><input name="berechnen" type="submit" id="berechnen" value="Route berechnen" style="width:123px;" /></td>
        </tr>
      </table></td>
  </tr>
</table>
</form>

"STRG" + "C" drücken zum Kopieren!

Folgende Bereiche dürfen im HTML Code frei angepasst werden:

- Schriftarten
- Farben (CSS Styles)
- alle Größen (Tabellen, Eingabefelder, Buttons)

Sie können die Widgets kostenlos auf privaten oder gewerblichen Webseiten verwenden (z.B. Vereinsseiten, Firmenhomepage, Ferienhaus Vermietung).