-
milos
-
- NOW ONLINE
-
Support Staff
-
- Posts: 2823
-
-
|
There's not component used for the Mortgage Calculator. All you need is to create a new content page and paste this html: <div style="margin: 2px; padding: 0pt; width: 685px;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"> </script>
<script src="http://www.mortgageloanplace.com/scripts/mortgage-calculator.pack.js" type="text/javascript"> </script>
<script type="text/javascript">// <![CDATA[
$(function() { $("#calculator_widget").MortgageCalculator({ mode: "normal", animate: "true", title: "", footer: "", intro: "With this calculator you can put in your values and estimate the amount of your loan and get an estimate on the amount of your monthly payments. Click on the 'Calculate' button when you're ready.", logo: {path: "", url: ""}, fields: { principal: { enabled: "null", type: "input", desc: "The total value of the loan (in dollars)"} , interest: { enabled: "null", type: "input", desc: "The annual interest rate of the loan"} , term: { enabled: "null", type: "select", desc: "The term of the loan (in years)"} , down: { enabled: "true", type: "input", desc: "The down payment on the loan (in dollars)"} , taxes: { enabled: "true", type: "input", desc: "The annual property taxes (in dollars)"} , insurance: { enabled: "true", type: "input", desc: "The annual homeowner's insurance (in dollars)"} , pmi: { enabled: "true", type: "input", desc: "The monthly private mortgage insurance (in dollars)"} , extra: { enabled: "true", type: "input", desc: "Extra to pay to the principal per month (in dollars)"} }, defaults: { taxes: 1.5, insurance: 0.5 }, bounds: { min: { principal: 0, interest: 0, term: 15 }, max: { principal: 15000000, interest: 15, term: 40 }, step: { term: 5} }, colors: { main: { text: "#000", back: "#eef2fd", border: "#39c" }, title: { text: "#39c", back: "" }, tab: { text: "#39c", back: "#fff", border: "#39c" }, pane: { text: "#000", back: "#fff", border: "#39c" }, input: { text: "#000", back: "#fff", border: "#aaa", error: "#fcc" }, button: { text: "#fff", back: "#46a026", border: "#1f731a" }, nav: { text: "#fff", back: "#39c", border: "#39c" }, table: { text: "#000", back: "#fff", border: "#aaa" }, footer: { text: "#999", back: "" }, link: { text: "#39c" }, values: { payment: "#6a9f35", taxes: "#0584af", insurance: "#ff9300", total: "#eee", principal: "#6a9f35", extra: "#90d948", interest: "#f00", balance: "#333"} }}); });
// ]]></script>
<a href="http://www.mortgageloanplace.com/home.html" target="_blank" style="text-decoration: none; display: block; width: 100%; text-align: center; float: left; font-family: Verdana,san-serif; font-size: 7pt; color: #3399cc;">Home Loan Calculator</a></div>
Also, we used jForms for Contact form and you can donwload this component here: jforms.mosmar.com/
To make frontpage slideshow with Hot Joomla Carousel PRO, you need to make a category and put several content pages inside. One sample page's html code, that you may multiply and change its content, is <p><img class="property_pic" src="images/stories/demo/carousel_pro/property1.jpg" border="0" alt="real estate" width="531" height="310" /></p>
<h1>Modern House</h1>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<hr id="system-readmore" />
<div class="property_gallery">{photogallery}images/stories/demo/property1{/photogallery}</div>
<div class="property_text">
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<ul>
<li>Ut wisi enim ad minim veniam, quis nostrud</li>
<li>Exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat</li>
<li>Duis autem vel eum iriure dolor in hendrerit in vulputate</li>
<li>Velit esse molestie consequat</li>
<li>Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan</li>
<li>Iusto odio dignissim qui blandit praesent luptatum zzril</li>
</ul>
<p><a class="readon" href="index.php?option=com_jforms&view=form&id=1&Itemid=107">Submit Enquiry</a></p>
</div>
You need to setup Hot Joomla Carousel PRO, as per attached screenshot:
|