ReeGO webFace

Služba určená pro rychlé a jednoduché nasazení a publikování obsahu z aplikace ReeGO, jako jsou výpisy nemovitostí (zakázek), poptávek, seznam makléřů, stránek s detaily apod. na váš stávající web.

Náročnost nasazení:

malá
Časová náročnost nasazení:
několik minut

  1. Funguje na principu online: dotaz - odpověď během prohlížení stránek.
  2. Jednoduše vložíte krátký PHP kód do vašeho stávajícího webu. O zbytek se postará ReeGO server.
  3. Získaná data jsou 100% validní dle standardů W3C.
  4. Srozumitelný DIV layout pro grafické přizpůsobení CSS. Neomezené možnosti pro vaše grafické návrháře.
  5. Nejedná se o vložený <iframe />. Roboti google a jiné vyhledávače tak indexují generované obsahy na rozdíl od metod s vloženým <iframe />.

© ReeGO Development s.r.o.
Všechny dokumenty nacházející se v této sekci slouží jako manuál a technická dokumentace pro zákazníky systémů ReeGO. Žádná část manuálu nesmí být kopírována ani přenášena jakýmkoliv způsobem (elektronicky, mechanicky, fotograficky či jinak), ani uveřejněna bez předchozí dohody a písemného svolení ReeGO Development s.r.o. Výjimku tvoří pouze zdrojové kódy příkladů, které pro účely tvorby programového kódu mohou být kopírovány i měněny.

Metoda advertFilter - získání výpisu nemovitostí - CSS příklad použití č.7

body {
  color: #222222;
  font-family: tahoma,arial;
  font-size: 12px;
  line-height: 14px;
  background: #eeeeee;
  text-align: center;
  padding: 0;
  margin: 0;
}

h2 {
  line-height: 22px;
}

.page {
  width: 828px;
  margin: 20px auto;
  text-align: left;
  background: #ffffff;
  padding: 10px;
}

.clear {
 clear: both;
}

img {
  border: none;
}

/*šírka výpisu*/
.main-table-td {
  width: 822px;   
}

/*záhlaví výpisu*/
.main-table-head-row {
  padding: 5px;
  border: 1px solid black;
}

/*START - dlaždice výpisu*/
.main-table-row {
  border: 1px solid black;
  float: left;
  height: 330px;
  margin: 2px 2px 0 0;
  padding: 5px;
  position: relative;
  width: 260px;
  text-align: center;
}

.main-table-row .label {
  margin: 0 5px 0 0;
}
/*END - dlaždice výpisu*/

/*START - styl jednotlivých položek výpisu*/
.cell-explicit-name-title {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0;  
}
.cell-explicit-name-pic {
  padding: 10px 0;
}
.cell-explicit-name-description {
  background: #dddddd;
  padding: 5px;
  text-align: justify;
}
.cell-explicit-name-price {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.cell-explicit-name-link {
  position: absolute;
  left: 5px;
  bottom: 5px;
}
.cell-explicit-name-pic {
  width: 250px;
  height: 187px; 
  background: url('css_image/busta.png') 0px 0px no-repeat;
  margin: 5px;
  padding: 0;
}
/*END - styl jednotlivých položek výpisu*/

/*START - styl detailu nemovitosti*/
#reego-advert-detail {
  margin: 10px 0;
}

#reego-advert-detail .label,
#reego-advert-detail .value {
  line-height: 16px;
}

#reego-advert-detail .label {
  width: 200px;
  font-weight: bold;
}

#reego-advert-detail .label {
  float: left;
}

#reego-advert-detail .detail-tile-description {
  clear: both;
}

#reego-advert-detail img {
  float: left;
  margin: 5px;
}

#reego-advert-detail .block-udaje-o-nem {
  padding: 5px 10px;
  margin: 5px 0;
  border: 2px black solid; 
}
/*END - styl detailu nemovitosti*/

/*START - styl filtru nem.*/
.form-item {
  border-bottom: 1px solid black;
  padding: 10px 0;
  margin: 10px 0;
}

.form-item .label {
  line-height: 18px;
}

.form-item .label {
  float: left;
  line-height: 20px;
}

.form-item .label {
  width: 250px;
  color: #777;
}

.form-item .description {
  margin-bottom: 5px;
  font-size: 12px;
  color: #ddd; 
}

.form-cleared  {
  clear: both;
}

.form-item select,
.form-item input[type='text'] {
  width: 100px;
  border: 1px solid black;
  background: white;
  padding: 2px;
  margin: 2px;
}

#reego-comp-id-4 select,
#reego-comp-id-5 select {
  width: 300px;
}

.button-submit,
.button-reset {
  border: 2px solid black;
  background: #ddd;
  color: black;
  font-size: 14px;
  padding: 2px 5px;
  margin: 2px;
}

.button-submit {
  float: left;
}

.button-submit:hover,
.button-reset:hover {
  background-color: white;
}
/*END - styl filtru nem.*/

/*START - našeptávač obecné CSS*/
.input-preloader {
  background: url('css_image/small_preloader.gif') 90% 2px no-repeat;
}
.reego-whisperer {
  display: block;
  position: absolute;
  padding: 2px;
  border: 1px solid black;
  width: 200px;
  background: white;
  z-index: 5000;
  font-family: arial,tahoma;
}

.reego-whisperer .text-strong {
  font-weight: bold;
} 

.reego-whisperer table.reego-whisperer-table {
  width: 100%;
}

.reego-whisperer td {
  width: 100%;
}

.reego-whisperer .mousehover td {
  background: #dddddd;
}

.reego-whisperer .info-in-whisperer {
  font-size: 11px;
  text-align: justify;
}
/*END - našeptávač obecné CSS*/

/*START - pro našeptávač a filtr lokality*/
.simple-locality-basic-block {
  position: relative;
  padding: 5px 0 5px 70px;
  font-size: 12px;
  min-height: 50px;
}
.simple-locality-basic-block .slbb-value {
  font-weight: bold;
}
.simple-locality-basic-block .slbb-kraj.kraj-35 {
  background: url('css_image/mapa-jihocesky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-116 {
  background: url('css_image/mapa-jihomoravsky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-51 {
  background: url('css_image/mapa-karlovarsky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-86 {
  background: url('css_image/mapa-kralovehradecky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-78 {
  background: url('css_image/mapa-liberecky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-132 {
  background: url('css_image/mapa-moravskoslezsky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-124 {
  background: url('css_image/mapa-olomoucky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-94 {
  background: url('css_image/mapa-pardubicky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-43 {
  background: url('css_image/mapa-plzensky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-19 {
  background: url('css_image/mapa-praha.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-27 {
  background: url('css_image/mapa-stredocesky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-60 {
  background: url('css_image/mapa-ustecky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-108 {
  background: url('css_image/mapa-vysocina.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj.kraj-141 {
  background: url('css_image/mapa-zlinsky.png') 0 8px no-repeat;
}
.simple-locality-basic-block .slbb-kraj {
  width: 48px;
  position: absolute;
  left: 5px; top: 5px;
  text-align: left;
  font-weight: normal;
  height: 50px;
  padding: 0 0 0 3px;
  font-family: arial,tahoma;
}


/*FILTR*/
.reego-loc-filter-row {
  position: relative;
  clear: both;
  border: 1px solid #aaaaaa;
  padding: 5px;
  margin: 0 0 5px 0;
}

.reego-loc-filter-row .reego-uir-loc-block {
  float: left;
  width: 296px;
  margin: 0 10px 0 0;
}

.reego-loc-filter-row .reego-loc-filter-row-clear {
  clear: both;
}

.reego-loc-filter-row .reego-uir-loc-input ,
.reego-loc-filter-row .crad-element {
  border: 1px solid black;
  padding: 4px;
  font-size: 14px;
  line-height: 16px;
  width: 290px; 
  min-height: 21px;
  font-family: arial,tahoma;
}

.reego-loc-filter-row  select {
  float: left;
  height: 31px;
  margin: 0 10px 10px 0;
  padding: 2px;
  font-size: 15px;
  border: 1px solid black;
  width: 210px;
}

.reego-loc-filter-row  option {
  padding: 2px;
}

.reego-loc-filter-row .reego-uir-loc-dist-block .reego-uir-loc-dist-km-block {
  float: left;
}

.reego-loc-filter-row .reego-uir-loc-dist-km-block {
  margin: 0 10px 10px 0;
}

.reego-loc-filter-row .reego-uir-loc-dist-km-block input {
  padding: 2px;
  margin: 0 5px 0 0;
  font-size: 20px;
  border: 1px solid black;
  font-weight: bold;
  width: 50px;
}

.reego-loc-filter-row .removeRow {
  position: absolute;
  right: 2px;
  top: 2px;
}

/*END - pro našeptávač a filtr lokality*/