Ihr eigener Bußgeldrechner
Unser Bußgeldrechner auf Ihrer Webseite?
Kein Problem!
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:#fff; border:1px solid #003366; }
.bussgeldrechner fieldset {border:1px solid #666; border-width:1px 0 0 0; }
.bussgeld_headline {display:block; height:15px; line-height:15px; font-size:10px !important;margin:0px;color:white !important;font-weight:bold;background-color:#003366; padding:2px;}
.bussgeldrechner label { font-weight:normal; }
.bussgeldrechner select, .bussgeldrechner input {font-size:10px !important; border:1px solid #CCC !important;}
.bussgeldrechner .noborder {border:0 !important;width:auto;}
.bussgeldrechner select,input {width:130px; }
.bussgeldrechner fieldset {padding:4px 4px 4px 4px; margin:4px; }
.bussgeldrechner legend {color:#666; margin:0;}
.bussgeld_submit {background-color:#fff; color:#000; width:100px;}
.bussgeldrechner p { margin:0px; padding:0px; margin:5px; clear:both;text-align:left;}
.bussgeldrechner .copyright,.bussgeldrechner .copyright a {color:#666; font-size:9px; text-decoration:none;}
.bussgeldrechner .inputright {float:right;}
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" class="noborder" /><label for="bussgeld_speed">Geschwindigkeit</label> <input type="checkbox" class="noborder" id="bussgeld_abstand" name="bussgeld_abstand" value="1" /><label for="bussgeld_abstand">Abstand</label></p>
<input type="hidden" name="bsg_katalog" value="2009" />
<p><input type="text" id="geschwindigkeit" name="geschwindigkeit" class="inputright" /><label for="geschwindigkeit">Ihr Tempo <em>(km/h)</em>:</label></p>
</fieldset>
<fieldset class="bussgeld_typ_speed"><legend>Geschwindigkeit</legend>
<p><input type="text" id="geschwindigkeit_erlaubt" name="geschwindigkeit_erlaubt" class="inputright" /><label for="geschwindigkeit_erlaubt">Erlaubt <em>(km/h)</em>:</label></p>
<p><select name="ortschaft_typ" id="ortschaft_typ" class="inputright"><option value="geschlossene_ortschaft">Innerhalb geschlossener Ortschaften</option><option value="außerhalb_ortschaft">Außerhalb geschlossener Ortschaften</option></select><label for="ortschaft_typ">Ort: </label></p>
<p><select name="fahrzeug" id="fahrzeug" class="inputright"><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><label for="fahrzeug"><abbr title="Kraftfahrzeug">Kfz</abbr>: </label></p>
</fieldset>
<fieldset class="bussgeld_typ_abstand"><legend>Abstand</legend>
<p><input type="text" id="abstand" name="abstand" class="inputright" /><label for="abstand">Ihr Abstand <em>(m)</em>: </label></p>
</fieldset>
<p><input type="hidden" name="bussgeld_form" value="1" /><input type="submit" value="Abschicken!" class="bussgeld_submit" /></p>
<p class="copyright">© 2010 <a href="http://www.mobil.org/">Mobil in Deutschland e.V.</a></p>
</form>
</div>
