Integration Widget

Für Englisch (test durch den eigenen Login-Namen ersetzen):
src="https://secure.dormproject.ch/online/book.php?hostel=test&design=100&maxnights=14&maxadult=8&lang=en&gender=1&agent=na">

Für Deutsch (test durch den eigenen Login-Namen ersetzen):
src="https://secure.dormproject.ch/online/book.php?hostel=test&design=100&maxnights=14&maxadult=8&lang=de&gender=1&agent=na">



<script language="JavaScript"
type="text/JavaScript"
src="https://secure.dormproject.ch/online/book.php?hostel={loginname}&maxnights=14&maxadult=8&gender=1">
</script>


Für die Anpassung des Designs können folgende CSS-Definitionen verwendet werden:

<style type="text/css">
<!--
#book p {
 padding: 0px 0px 4px 8px;
 margin:0;
}
#dormonline {
 background-color:#F8FF00;
 color:#FF2222;
 font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 padding:0;
 width:192px;
}
#dormonline p {
 margin:1px;
}
#dormonline label {
 display:block;
 float:left;
 padding-top:3px;
 width:48px;
}
#dormonline input {
 background-color:#EAFF00;
 border: 1px #FF2222 solid;
 color:#FF2222;
 font-size:12px;
 margin: 5px 10px 0 0;
 padding:0 5px;
}
#dormonline a {
 color:#FF2222;
}
#dormonline a:hover {
 background-color:#EAFF00;
 color:#FF2222;
}
#dormonline select {
 font-size:11px;
}
#dormonline .inputday {
 width:40px;
}
#dormonline .inputmonth {
 width:80px;
}
#dormonline .modify {
 margin-left:30px;
}
-->
</style>