Alright this code needs to be inserted between the <head></head> tags
Code:
<style type="text/css" id="skinning_skeleton">
#rfQS_miniSearchContainer { }
#rfQS_tabsContainer { }
#rfQS_quickSearchBody { }
#rfQS_srContTop { }
#rfQS_bodyArea { }
#rfQS_quickSearchForm { }
#rfQS_quickSearchForm .where { }
#rfQS_quickSearchForm .arrivalDate { }
#rfQS_quickSearchForm .nights { }
#rfQS_quickSearchForm .go { }
#rfQS_quickLinks { }
#rfQS_srContBot { }
#rfQS_poweredByGas { }
div.rfQS_QL_DD_Div { }
div#rfQS_responseData { }
</style>
<style>
#rfQS_miniSearchContainer {
width:250px !important;
background: #EEE !important;
}
#rfQS_tabsContainer {
display:none !important;
}
#rfQS_quickSearchBody {
}
#rfQS_srContTop {
display:none !important;
}
#rfQS_bodyArea {
background: none !important;
border: 1px solid #BBB !important;
padding: 10px !important;
}
#rfQS_quickSearchForm {
height:auto !important;
}
#rfQS_quickSearchForm .where {
float:none !important;
width: 99% !important;
}
#rfQS_quickSearchForm .arrivalDate {
clear:left !important;
width: 60% !important;
padding-right: 8% !important;
}
#rfQS_quickSearchForm .nights {
width: 28% !important;
}
#rfQS_quickSearchForm .go {
clear:left !important;
}
#rfQS_quickLinks {
display: none !important;
}
#rfQS_srContBot {
display:none !important;
}
#rfQS_poweredByGas {
display:none !important;
}
#rfQS_responseData {
width: 300px !important;
</style> And this can be just added to a html box and placed wherever you like
Code:
<div id="rfQS_Insert">
<script type="text/javascript" src="http://gadgets.roamfree.com/general-qs/js/1.1"></script>
<script type="text/javascript">
var rfQS_AffiliateID = '23000'; // change affilate code for each site.
var rfQS_WindowSetting = 'new'; // either 'new' or 'current'.
var rfQS_SearchWidth = '500'; // 'auto', or set to a desired block width, min '420' recommended
var rfQS_SearchAlign = 'centre'; // 'left', 'centre' or 'right'
var rfQS_ShowQuickLinks = true; // either true or false.
// Quicklinks use JSON to establish groups, labels, links and capitals (bolder)
var rfQS_QuickLinks = {
'QLD': {
'Brisbane': {QL_Link: 'http://www.roomfree.com/Results.aspx?WebID=45&cID=405&rID=373254', Capital: true },
'Gold Coast': {QL_Link: 'http://ww.roamfree.com/Results.aspx?cID=405&rID=373265'},
'Noosa': {QL_Link: 'www.romefree.com/Results.aspx?cID=405&rID=373275&lID=373279&WebID=4 5'},
'Sunshine Beach': {QL_Link: 'http://www.roamfree.com/travel/sunshine-beach-345605/12937/'},
'Whitsundays': {QL_Link: 'Results.aspx?cID=405&rID=373283&WebID=45'}
},
'NSW': {
'Launceston, TAS': {QL_Link: '/Results.aspx?cID=405&rID=373299&lID=373301&WebID=4 5'},
'High Country, VIC': {QL_Link: '/Results.aspx?cID=405&rID=373363&WebID=45'},
'Auckland, NZ': {QL_Link: '/Results.aspx?cID=3487&rID=374118&lID=345747&WebID= 45'},
'Waikato, NZ': {QL_Link: '/Results.aspx?cID=3487&rID=374128&WebID=45'}
},
'We stay at': {
'Quay Grand Suites Sydney': {QL_Link: 'AccommodationProviderDetails.aspx?cID=405&rID=373 235&lID=373240&apID=115090&curID=1'},
'Grand Hyatt Melbourne': {QL_Link: 'AccommodationProviderDetails.aspx?cID=405&rID=373 313&lID=373317&apID=99254&curID=1'}
},
'Event Example': {
'Indy Accommodation': {QL_Link: '/Results.aspx?cID=405&rID=373265&sDate=20-Oct-2008&Duration=4&curID=1&WebID=45'},
'Bathurst 1000': {QL_Link: '/Results.aspx?cID=405&rID=373204&lID=345134&sDate=0 4-Oct-2008&Duration=4&curID=1&WebID=45'}
}
}
</script>
</div> The rest of the code that isn't included in the above isn't needed