Ihr eigener Bußgeldrechner
Hier finden Sie den Code zu Ihrem eigenen Bußgeldrechner. Achtung: Sie benötigen beide Codes. Wenn Sie eine speziell angepasste oder anders aufgebaute Version des Bußgeldrechners wünschen, wenden Sie sich bitte über den Kontakt an die Webabteilung.
CSS Code
Fügen Sie diesen Code in ihr externes Stylesheet ein. Er ist verantwortlich für das Layout des Bußgeldrechners. Falls Sie keine externen Style Sheets verwenden, können Sie den Code auch wie folgt in den <head> - Bereich Ihrer Seite einfügen:
<style type="text/css">
CSS Code
</style>
Sie können diesen Code nach Ihren eigenen Wünschen ändern, um das Layout des Bußgeldrechners anzupassen!
.bussgeldrechner {position:relative; margin:0px; width:250px;font-size:10px; margin-top:10px; background-color:#eee; border:1px solid #ccc; padding:.5em;}
.bussgeld_headline {display:block; height:15px; line-height:15px; font-size:10px;margin:0px;color:white;font-weight:bold;background-color:#003366;}
.bussgeldrechner label { font-weight:bold;font-size:10px;}
.bussgeldrechner p {clear:both;}
.bussgeldrechner select, .bussgeldrechner input {font-size:10px !important }
.bussgeldrechner select, .bussgeldrechner input[type=text] {width:65%; }
.bussgeldrechner fieldset {}
.bussgeld_submit {background-color:#fff; color:#000; width:90%; border:2px #ddd;text-align:center;border-style:outset;}
.bussgeld_typ {background-color:#EEEEEE;}
.bussgeld_typ_speed {background-color:#D3DAE4;}
.bussgeld_typ_abstand {background-color:#EEDDD0;}
.bussgeldrechner p { margin:0px; padding:0px; margin-top:5px; margin-bottom:5px; }
label[for=bussgeld_speed] {color:#275CAB;}
label[for=bussgeld_abstand] {color:#F36F21;}
HTML Code
Fügen Sie diesen Code an der Stelle ein, wo der Bußgeldrechner stehen soll. Sie sollten diesen Code nur ändern, wenn Sie wissen, was Sie tun! Der Link auf http://www.mobil.org darf nicht entfernt werden!
<form class="bussgeldrechner" id="bussgeldrechner" name="userinfo" method="post" action="http://www.mobil.org/_bussgeld">
<h2 class="bussgeld_headline">Kombi-Bußgeld-Rechner</h2>
<fieldset class="bussgeld_typ"><legend>Allgemein</legend>
<p><input type="checkbox" id="bussgeld_speed" name="bussgeld_speed" value="1" /><label for="bussgeld_speed">Geschwindigkeit</label> <input type="checkbox" id="bussgeld_abstand" name="bussgeld_abstand" value="1" /><label for="bussgeld_abstand">Abstand</label></p>
<p><label for="bsg_katalog">Katalog:</label><select name="bsg_katalog" id="bsg_katalog"><option value="2009">Neu (Tattag ab 01.02.2009)</option><option value="2008">Alt (Tattag bis 31.01.2009)</option></select></p>
<p><label for="geschwindigkeit">Gemessene Geschwindigkeit in km/h:</label><input type="text" id="geschwindigkeit" name="geschwindigkeit" /></p>
</fieldset>
<fieldset class="bussgeld_typ_speed"><legend>Geschwindigkeit</legend>
<p><label for="geschwindigkeit_erlaubt">Erlaubte Geschwindigkeit in km/h:</label><input type="text" id="geschwindigkeit_erlaubt" name="geschwindigkeit_erlaubt" /></p>
<p><label for="ortschaft_typ">Ort:</label><select name="ortschaft_typ" id="ortschaft_typ"><option value="geschlossene_ortschaft">Innerhalb geschlossener Ortschaften</option><option value="außerhalb_ortschaft">Außerhalb geschlossener Ortschaften</option></select></p>
<p><label for="fahrzeug">Kraftfahrzeug:</label><select name="fahrzeug" id="fahrzeug"><option value="pkw">bis 3,5t</option><option value="gefahrgueter">über 3,5t</option><option value="lkw">m. gef. Gütern / Kraftomnib. m. Fahrg.</option></select></p>
</fieldset>
<fieldset class="bussgeld_typ_abstand"><legend>Abstand</legend>
<p><label for="abstand">Abstand in m:</label><input type="text" id="abstand" name="abstand" /></p>
</fieldset>
<p><input type="hidden" name="bussgeld_form" value="1" /><input type="submit" value="Abschicken!" class="bussgeld_submit" /></p>
<p>©2009 <a href="http://www.mobil.org/">Mobil in Deutschland e.V.</a></p>
</form>
</div>
