Wednesday 27 November 2013

HITUNG ANGSURAN

<html>
<body>
<CENTER>
<BR><BR>
<iframe src="http://rumahdijual.com/widgetkpr.php" width="320" height="230" scrolling="auto" frameborder="0"></iframe><br />
</CENTER>
</body>
</html>

SUMBER
http://rumahdijual.com/

CSSVERTIKALMENU

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/

}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(glossyback.gif)
repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
cursor: pointer;
    padding: 5 5 5 7px;
    list-style: circle;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background: white url(glossyback2.gif)
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

menuvertikal

<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
nav {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 50px auto; /*for display only*/
width: 300px;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.menu-item {
background: #fff;
width: 300px;
}
/*Menu Header Styles 1*/
.menu-item h4 {
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 7px 12px;
background: #9DB6D7;
}
.menu-item h4 a {
color: white;
display: block;
text-decoration: none;
width: 300px;
}
/*Menu Header Styles 2*/
.menu-item h4 {
border-bottom: 1px solid rgba(0,0,0,0.3);
border-top: 1px solid rgba(255,255,255,0.2);
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 7px 12px;
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.menu-item h4:hover {
background: #cc002c; /* Old browsers */
background: -moz-linear-gradient(top, #cc002c 0%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cc002c 0%,#6d0019 100%); /* IE10+ */
background: linear-gradient(top, #cc002c 0%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.alpha p {
font-size: 13px;
padding: 8px 12px;
color: #aaa;
}
/*ul Styles*/
.menu-item ul {
background: #fff;
font-size: 13px;
line-height: 30px;
list-style-type: none;
overflow: hidden;
padding: 0px;
}
.menu-item ul a {
margin-left: 20px;
text-decoration: none;
color: #0A0A0A;
display: block;
width: 250px;
}
/*li Styles*/
.menu-item li {
border-bottom: 1px solid #eee;
}
.menu-item li:hover {
background: #eee;
}
/*ul Styles*/
.menu-item ul {
background: #B2D8E0;
font-size: 13px;
line-height: 30px;
height: 0px; /*Collapses the menu*/
list-style-type: none;
overflow: hidden;
padding: 0px;
}
/*ul Styles*/
.menu-item ul {
background: #fff;
font-size: 13px;
line-height: 30px;
height: 0px;
list-style-type: none;
overflow: hidden;
padding: 0px;
/*Animation*/
-webkit-transition: height 1s ease;
-moz-transition: height 1s ease;
-o-transition: height 1s ease;
-ms-transition: height 1s ease;
transition: height 1s ease;
}
.menu-item:hover ul {
height: auto;
}
</style>
<nav>
<div class="menu-item">
<h4><a href="http://namablog.com" target="_blank"">Membuat Blog</a></h4>
<ul>
<li><a href="http://namablog.com" target="_blank">Membuat Email </a></li>
<li><a href="http://namablog.com" target="_blank">Membuat tabel </a></li>
<li><a href="http://namablog.com" target="_blank">Promosi Blog</a></li>
<li><a href="http://namablog.com" target="_blank">Setelan Blogger</a></li>
<li><a href="http://namablog.com" target="_blank"> Membuat Gmail</a></li>
</ul>
</div>
<div class="menu-item">
<h4><a href="masukkan URL/Link postingan">Widget</a></h4>
<ul>
<li><a href="masukkan URL " target="_blank">Cara Pasang widget</a></li>
<li><a href="masukkan URL " target="_blank">Cara Buat Laman Statis</a></li>
<li><a href="masukkan URL " target="_blank">Cara Ganti Favicon</a></li>
<li><a href="masukkan URL " target="_blank">Ganti Template Blog</a></li>
<li><a href="masukkan URL " target="_blank">Cara Ubah Background Blog</a></li>
</ul>
</div>
<div class="menu-item">
<h4><a href="masukkan URL/Link postingan disini" target="_blank"">Widget</a></h4>
<ul>
<li><a href="masukkan URL disini" target="_blank">Cara Pasang Gadget</a></li>
<li><a href="masukkan URL disini" target="_blank">Menu Vertikal</a></li>
<li><a href="masukkan URL disini" target="_blank">Cara Ganti Favicon</a></li>
<li><a href="masukkan URL disini" target="_blank">Ganti Template Blog</a></li>
<li><a href="masukkan URL disini" target="_blank">Ubah Background Blog</a></li>
</ul>
</div>
</nav>



NB: SILAHKAN DI COPAS AJJA..
SEMOGA BERMANFAAT

cara menghitung discount dengan php

  <html>
    <head>
    <title>
    Sistem Perhitungan Diskon Oleh Keri Rahayu
    </title>
    <style>
    #hasil{width:500px;margin:0 auto;padding:5px;font-weight:bold;color:#f00;}
    body{padding:0;margin:0;font-family:arial;font-size:12px;}
    #main-wrapper{border:3px double #c3d9ff;padding:5px;width:550px;margin:20px auto 0;}
    #main{text-align:left;padding:5px;background:#e8eefa;}
    table{font-size:12px;width:450px;}
    #efrih{border:1px solid #b3ccf7;background:#c3d9ff;cursor:pointer;padding:2px 24px;}
    h1{font-size:18px;font-weight:bold;padding:10px 0;text-align:center;}
    #efri{font-size:11px;padding:5px 0 0;color:#0000ff;text-align:center;}red{font-weight:bold;color:#f00;}
    </style>
    </head>
    <body>
    <div id="main-wrapper">
    <div id="main">
    <form method="POST" action="">
    <h1>Sistem Menghitung Diskon</h1>
    <table>
    <tr>
    <td>Masukan Nama Pelanggan</td>
    <td><input type="text" name="bil1" /></td>
    <tr>
    <tr><br>
    <td>Masukan Jumlah Uang yang dibayar</td>
    <td><input type="text" name="bil2" /></td>
    </tr>
    <tr>
    <td>
    <label> <br> <br>
    <input type="submit" name="Submit" value="Hitung" id="efrih">
    </label>
    <label>
    <input type="reset" name="reset" value="Batal" id="efrih">
    </label>
    </td>
    </tr>
    </table>
    </form>
    <div id="hasil">
    <?php error_reporting (E_ALL ^ E_NOTICE); ?>
    <?php
    //Oleh KERI RAHAYU http://www.esticahsetiaku.blogspot.com/
    $bilangan1=$_POST['bil1'];
    $bilangan2=$_POST['bil2'];

    if ($bilangan2 >= 10000000) {
    $diskon=(($bilangan2*10)/100);
    $bayar=($bilangan2-$diskon);
    echo "Yang harus di bayar oleh $bilangan1 dengan Diskon 10% yaitu <blink><u>Rp. $bayar,-</u></blink>";}

    elseif ($bilangan2 >0 & $bilangan2 < 10000000) {
    $diskon=(($bilangan2*8)/100);
    $bayar=($bilangan2-$diskon);
    echo "Yang harus di bayar oleh $bilangan1 dengan Diskon 8% yaitu <blink><u>Rp. $bayar,-</u></blink>";}

    elseif ($bilangan2 = 0) {}


    ?>
    </div>
    </div>
    <div id="keri">
    Copyright © 2013 <a href="http://www.esticahsetiaku.blogspot.com/"
    target="new">keri rahayu</a>. Hak Cipta dilindungi Undang-Undang
    <?php echo date("  d-m-Y  H:i:s "); ?>
    </div>
    </div>
    </body>
    </html>





simpan dengan format php, misal.. diskon.php,, trus simpan di xampp tepat'a di htdocs.. trz dijalankan.. semoga bermanfaat...