Widgets Of Value: Widgets From Homes.com

Friday, May 30, 2014

Widgets From Homes.com

These widgets work best with a white background
Commute Time Widget
copy and paste this code:

<style>@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700);.HOMES-commute-time-widget{font: 12px/1.5em 'Open Sans', Arial, sans-serif;color:#484848;padding: 7px 10px 10px;overflow: hidden;clear:both;}.HOMES-commute-time-widget::before,.HOMES-commute-time-widget::after{content: '';display: table;width:100%;clear:both;}.HOMES-commute-time-widget h1{color:#0054a0;font-weight:400;font-size: 17px;line-height: 20px;margin: .3em 0 .7em;}.HOMES-commute-time-widget .commute-time-frame{border:0;border-bottom: 1px solid #eeeae9;margin: 0 0 .5em;overflow: hidden;height: 200px;}.HOMES-commute-time-widget a{font-weight: 700;color:#0054a0;text-decoration:none;font-size:.75em;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.HOMES-commute-time-widget a:hover{text-decoration: underline;}.HOMES-commute-time-widget .logo{background: transparent url(http://cdn1.static-homes.com/media/portalimgcache/widget/builder/logo-widget.png) 0 0 no-repeat;width:139px;height: 22px;overflow: hidden;direction: ltr;text-indent: -3000px;float:right;}.HOMES-commute-time-widget .footer a{margin:0;}.HOMES-commute-time-widget .footer .link{max-width: 50%;display: block;}</style><div class="HOMES-commute-time-widget">
<h1>
Commute Time</h1>
<iframe src="http://www.homes.com/widget/commute-time/frame/?show_only_destination=NO&text_color=%230054a0&direction_link=%2FHomesCom%2FInclude%2FListingDetail%2FMap%2FPrintDirections%2Ecfm%3FstartAddress%3D%25%25source%5Faddress%25%25%26endAddress%3D%25%25destination%5Faddress%25%25&button_color=%23f7841b&cobrand=&source_address=&property_id=" class="commute-time-frame" width="100%" seamless frameborder="0"></iframe><div class="footer">
<a href="http://www.homes.com" title="Homes.com" class="logo">Powered By Homes.com</a><a href="http://www.homes.com/Real_Estate/" class="link">Homes for Sale<br>by Homes.com</a></div>
<script src="http://www.homes.com/widget/commute-time/remote.js?show_only_destination=NO&text_color=%230054a0&direction_link=%2FHomesCom%2FInclude%2FListingDetail%2FMap%2FPrintDirections%2Ecfm%3FstartAddress%3D%25%25source%5Faddress%25%25%26endAddress%3D%25%25destination%5Faddress%25%25&button_color=%23f7841b&cobrand=&source_address=&property_id=" type="text/javascript"></script></div>

Featured Homes Listings Widget
copy and paste this code:

<style>@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700);.HOMES-featured-listings-widget{font: 12px/1.5em 'Open Sans', Arial, sans-serif;color:#484848;padding: 7px 10px 10px;overflow: hidden;clear:both;}.HOMES-featured-listings-widget::before,.HOMES-featured-listings-widget::after{content: '';display: table;width:100%;clear:both;}.HOMES-featured-listings-widget h1{color:#0054a0;margin:0;font-size:24px;line-height:1em;font-weight:700;}.HOMES-featured-listings-widget .featured-listings-frame{border:0;border-bottom: 1px solid #eeeae9;margin: 0 0 .5em;overflow: hidden;height: 16.5em;}.HOMES-featured-listings-widget a{font-weight: 700;color:#0054a0;text-decoration:none;font-size:.75em;max-width:240px;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.HOMES-featured-listings-widget a:hover{text-decoration: underline;}.HOMES-featured-listings-widget .logo{float:right;background: transparent url(http://cdn1.static-homes.com/media/portalimgcache/widget/builder/logo-widget.png) 0 0 no-repeat;width:139px;height: 22px;overflow: hidden;direction: ltr;text-indent: -3000px;}.HOMES-featured-listings-widget .footer a{margin:0;}.HOMES-featured-listings-widget .footer .link{max-width: 50%;display: block;}.HOMES-featured-listings-widget .featured-listings-frame{height: 240px;}</style><div class="HOMES-featured-listings-widget">
<h1>
Featured Homes for Sale</h1>
<iframe src="http://www.homes.com/widget/featured-listings/frame/?text_color=%230054a0&listing_status=FOR%20SALE&inner_color=%230054a0&cobrand=&location=Norfolk%2C%20VA" class="featured-listings-frame" width="100%" seamless frameborder="0"></iframe><a href="http://www.homes.com" title="Homes.com" class="logo">Powered By Homes.com</a><a href="http://www.homes.com/for-sale/norfolk-va/">Real Estate in Norfolk VA<br>by Homes.com</a><script src="http://www.homes.com/widget/featured-listings/remote.js?text_color=%230054a0&listing_status=FOR%20SALE&inner_color=%230054a0&cobrand=&location=Norfolk%2C%20VA" type="text/javascript"></script></div>

Search Home Value Widget
copy and paste this code:

<style>@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700);.HOMES-home-values-widget{font: 12px/1.5em 'Open Sans', Arial, sans-serif;color:#484848;padding: 3px 10px 10px;overflow: hidden;clear:both;}.HOMES-home-values-widget::before,.HOMES-home-values-widget::after{content: '';display: table;width:100%;clear:both;}.HOMES-home-values-widget h1{color:#0054a0;margin:0;font-size:24px;line-height:1em;font-weight:700;text-align:center;}.HOMES-home-values-widget .home-values-frame{border:0;border-bottom: 1px solid #eeeae9;margin: 0 0 .5em;overflow: hidden;height: 320px;margin-top: 1em;}.HOMES-home-values-widget a{font-weight: 700;color:#0054a0;text-decoration:none;font-size:.75em;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.HOMES-home-values-widget a:hover{text-decoration: underline;}.HOMES-home-values-widget .logo{background: transparent url(http://cdn1.static-homes.com/media/portalimgcache/widget/builder/logo-widget.png) 0 0 no-repeat;width:139px;height: 22px;overflow: hidden;direction: ltr;text-indent: -3000px;float:right;}.HOMES-home-values-widget .footer a{margin:0;}.HOMES-home-values-widget .footer .link{max-width: 50%;display: block;}</style><div class="HOMES-home-values-widget">
<h1>
Search Home Values</h1>
<iframe src="http://www.homes.com/widget/home-values/frame/?avm_types=MEAN%2CMEDIAN&text_color=%230054a0&button_color=%23f7841b&cobrand=&location=Norfolk%2C%20VA" class="home-values-frame" width="100%" seamless frameborder="0"></iframe><div class="footer">
<a href="http://www.homes.com" title="Homes.com" class="logo">Powered By Homes.com</a><a href="http://www.homes.com/for-sale/norfolk-va/" class="link">Homes for Sale in Norfolk Virginia<br>by Homes.com</a></div>
<script src="http://www.homes.com/widget/home-values/remote.js?avm_types=MEAN%2CMEDIAN&text_color=%230054a0&button_color=%23f7841b&cobrand=&location=Norfolk%2C%20VA" type="text/javascript"></script></div>

Mortgage Calculator Widget
copy and paste this code:

<style>@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700);.HOMES-mortgage-calculator-widget{font: 12px/1.5em 'Open Sans', Arial, sans-serif;color:#484848;padding: 7px 10px 10px;overflow: hidden;clear:both;}.HOMES-mortgage-calculator-widget::before,.HOMES-mortgage-calculator-widget::after{content: '';display: table;width:100%;clear:both;}.HOMES-mortgage-calculator-widget h1{color:#0054a0;margin:0;font-size:24px;line-height:1em;font-weight:700;text-align:center;}.HOMES-mortgage-calculator-widget .mortgage-calculator-frame{border:0;border-bottom: 1px solid #eeeae9;margin: 0 0 .5em;overflow: hidden;height: 500px;}.HOMES-mortgage-calculator-widget a{font-weight: 700;color:#0054a0;text-decoration:none;font-size:.75em;width:240px;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.HOMES-mortgage-calculator-widget a:hover{text-decoration: underline;}.HOMES-mortgage-calculator-widget .logo{margin:1em auto;background: transparent url(http://cdn1.static-homes.com/media/portalimgcache/widget/builder/logo-widget.png) 0 0 no-repeat;width:139px;height: 22px;overflow: hidden;direction: ltr;text-indent: -3000px;display:block;float:none;}.HOMES-mortgage-calculator-widget .footer a{margin:0;}.HOMES-mortgage-calculator-widget .footer .link{float:none;width: auto;margin:0;max-width: 50%;display: block;}</style><div class="HOMES-mortgage-calculator-widget">
<h1>
Mortgage Calculator</h1>
<a href="http://www.homes.com" title="Homes.com" class="logo">Powered By Homes.com</a><iframe src="http://www.homes.com/widget/mortgage-calculator/frame/?text_color=%230054a0&cobrand=" class="mortgage-calculator-frame" width="100%" seamless frameborder="0"></iframe><a href="http://www.homes.com"></a><script src="http://www.homes.com/widget/mortgage-calculator/remote.js?text_color=%230054a0&cobrand=" type="text/javascript"></script></div>

More Here