le site des annonces immobilières du grand Ouest proposées par monhebdo-immo.fr

Les widgets

Les widgets vous permettent d'avoir en direct des annonces immobilières sur votre site ou votre portail préféré (Google, Netvibes).

Définissez les critères de recherche qui vous intéressent : Type de bien, ville, nombre d'annonces à afficher, largeur du widget, couleur de fond, couleur du bord, couleur du texte, couleur des liens et la police.

Vous pouvez insérer directement les deux solutions (Liste box et Recherche box) que nous vous proposons sur votre site.

Ou les ajouter à votre portail favori : Google et/ou Netvibes.

1 - Personnalisez votre widget

2 - Visualisez votre widget

Initialisation...

3 - Copiez/Collez le code suivant dans vos pages

<!-- Debut box immo -->
<style type="text/css">

   div.recherchebox_immo .ligneLibl select { border:solid 1px #000; color:#000; font-size:11px; font-family:Arial,sans-serif; width:180px;  }
   div.recherchebox_immo .ligneLibl { border-bottom:none; margin-top:5px; padding:0; }

   div.zoneSuggestionVille
   {
    background-color : #FFF;
    border : 1px solid #444 ;
    display:none;
    font-size:11px ;
    height:130px;
    overflow: auto;
    position:absolute;
    text-decoration : none ;
    width:auto;
   }

   div.zoneSuggestionVille a
   {
    color : black ;
    font-size : 11px ;
    text-decoration : none ;
   }

   div.recherchebox_immo select
   {
    background:#fff;
    border:solid 1px #000;
    font-size:11px;
    font-family: arial,sans-serif;
   }

   div.validerRecherche input
   {
    border:none;
    cursor:pointer;
    color:#FFF;
    font:bold 11px verdana,sans-serif;
    padding:0 9px 3px;
    _padding:2px 7px 2px 9px;
   }

   div.validerRecherche input:hover
   {
    background-position : right bottom !important;
   }
   div.zoneRechercheVille input
   {
    background-color:#fff;
    border:1px solid #000;
    font:11px arial,sans-serif;
    overflow:hidden;
    width:175px;
   }

   div.validerRecherche
   {
    margin-top:10px;
    text-align: center;
   }

   div.ac_results
   {
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
    padding: 0px;
   }

   div.ac_results ul
   {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
   }

   div.ac_results li
   {

    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    margin: 0px;
    overflow: hidden;
    padding: 2px 5px;
   }

   div.recherchebox_immo input.ac_loading
   {
    background : url('http://www.mon-hebdo-immo.fr/images/widget/loading.gif') right center no-repeat;
   }

   li.ac_over
   {
    background-color: highlight;
    color: highlightText;
   }
</style>


<div class="recherchebox_immo" style="background-color: #FFFFFF ; border: 1px solid #919294; border-color: #000099 ; color: #000000; font-family: Arial, sans-serif ; font-size: 11px ; padding: 8px; text-align: left ; width: 250px;">
   <form accept-charset="UTF-8" action="http://www.mon-hebdo-immo.fr/scripts/consult/PA/PA_Liste.asp" style="margin:0; padding:8px;">

    <div style="text-align:center">
     <a href="http://www.mon-hebdo-immo.fr" target="_blank">
      <img src="http://www.mon-hebdo-immo.fr/images/widget/logoBoxmon-hebdo.gif" style="border:0" alt="www.mon-hebdo-immo.fr" />
     </a>
    </div>

    <div style="font-family:arial,sans-serif;text-align:center;font-weight:bold">
     Vous cherchez un bien immobilier !
    </div>

    <div class="ligneLibl">
     <strong>Type de bien</strong><br />
     <select size="1" >
      <option value="">En attente...</option>
     </select>
    </div>

    <div class="zoneRechercheVille">
     <div class="ligneLibl">
      <div style="margin-top:5px;font:normal 10px verdana,sans-serif;padding:0;">
         Saisissez tout ou partie du nom d'une ville ou le code postal :
      </div>
      <strong>Ville</strong><br />
      <input type="text" name="saisieVille" />
      <input type="hidden" name="IN_LOC_libelle" value="" />
      <input type="hidden" name="IN_LOC_id" value="" />
      <input type="hidden" name="nbOffres" value="5" />
     </div>
    </div>

    <div class="zoneSuggestionVille ac_results"><!-- Liste de proposition Ajax des villes --></div>

    <div class="btnBox validerRecherche">
     <input type="submit" value="OK" style="background:url(http://www.mon-hebdo-immo.fr/images/widget/btnBox.gif) no-repeat scroll right top;" />
    </div>

   </form>

   <div class="widgetboxIMMO">
    Initialisation...
    <span class="widgetlinkcolor" style="display:none">#990000</span>
   </div>

</div>

<script type="text/javascript" src="http://www.mon-hebdo-immo.fr/widget/recherchebox.htm?nb=5"></script>

<!-- Fin box immo -->