Jumat, 31 Mei 2013

Kalkulator Sederhana DI Adobe Dreamweaver CS5

just KODE nya saja,untuk belajar lebih lanjut,...!!!

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
</script>
<style>
.kotakkecil1{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil1:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil2{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil2:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil3, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil3:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil4{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil4:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil5{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil5:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil6{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil6:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil7 {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil7:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil8{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil8:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil9{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkecil9:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci1{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkeci1:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci2, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkeci1:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci3, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    }
.kotakkeci4, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    }
.kotakkeci5, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    }
.kotakkeci6{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkeci6:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci7{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkeci7:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kalkulator Sederhana</title>
</head>

<body>
<div style="width: 212px;
            height: 60px;
            border: 3px solid #00C;
            cursor: pointer;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;">
</div>
<div class="kotakkecil1"onclick="tampilkan(1)">1</div>
<div class="kotakkecil2">2</div>
<div class="kotakkecil3">3</div>
<div class="kotakkecil4">+</div>
<br style="clear:both;"/>
<div class="kotakkecil5">4</div>
<div class="kotakkecil6">5</div>
<div class="kotakkecil7">6</div>
<div class="kotakkecil8">-</div>
<br style="clear:both;"/>
<div class="kotakkecil9">7</div>
<div class="kotakkeci1">8</div>
<div class="kotakkeci2">9</div>
<div class="kotakkeci3">*</div>
<br style="clear:both;"/>
<div class="kotakkeci4">C</div>
<div class="kotakkeci5">0</div>
<div class="kotakkeci6">=</div>
<div class="kotakkeci7">/</div>

</body>
</html>

semoga bermanfaat ya,,!!!!
Diposting oleh di Tidak ada komentar:

Kamis, 30 Mei 2013

Kotak Di Adobe Dreamweaver CS5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.kotak{
    width:200px;
    height:200px;
    border:2px solid red;
    margin-top:5px;
    margin-bottom:5px;
    background-color:#0F0;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    }
#kotak{
    width:200px;
    height:200px;
    border:2px solid green;
    background-color:#F90;
    cursor: pointer;
    border: groove 1em red; 
      border-radius: 2em;
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kotak</title>
</head>
<body>
<div style="width:200px;height:200px;border:2px solid blue;
background-color:RED;
cursor:pointer "></div>
<div class="kotak"></div>
<div id="kotak"></div>
<p>&nbsp;</p>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Menu Bar di Adobe Dreamweaver CS5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="#">a</a>
    <ul>
      <li><a href="#">Item 1.1</a></li>
      <li><a href="#">Item 1.2</a></li>
      <li><a href="#">Item 1.3</a></li>
    </ul>
  </li>
  <li><a href="#">b</a></li>
  <li><a class="MenuBarItemSubmenu" href="#">c</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
        <ul>
          <li><a href="#">Item 3.1.1</a></li>
          <li><a href="#">Item 3.1.2</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3.2</a></li>
      <li><a href="#">Item 3.3</a></li>
    </ul>
  </li>
  <li><a href="#">d</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Diposting oleh di Tidak ada komentar:

Minggu, 26 Mei 2013

MOTTO HIDUP ORANG ORANG SUKSES

Motto hidup orang sukses ini adalah do the right thing, do the thing right. Do the on right thing maksudnya adalah sebagai suatu pedoman pada pola manajemen, sedangkan Do the thing right memiliki arti sebagai penekanan terhadap pentingnya suatu action (tindakan). Siapa yang menyangka anak seorang pedagang ini mampu berkiprah di jagat bisnis Indonesia. Berkat kerja keras dan ketekunan dalam membangun kerajaan bisnisnya, Raja Garuda Mas International dan PT Inti Indorayon a Utama, beliau berhasil membawa namanya bertengger diurutan pertama orang terkaya di Indonesia versi Forbes Juli 2006.

Pentingnya mempunyai motto hidup orang sukses ini menguatkan dirinya dalam menghadapi tantangan hidup sejak beliau masih kecil. Tokoh pengusaha sukses ini adalah anak dari Amin Tanoto. Ia adalah sulung dari tujuh beraudara. Kehidupannya cukup sederhana. Sepulang sekolah, harus membantu sang ayah menjual minyak, peralatan mobil, dan bensin. Di sela-sela kesibukannya membantu sang ayah berdagang, beliau masih menyempatkan untuk membaca buku kegemarannya yaitu buku tentang revolusi Amerika dan Perang Dunia. Disini semangat bisnis sang pengusaha sukses ini semakin tercermin. Tak berpanjang lebar, mari kita simak pemaparan kisah perjalanan beliau sang pengusaha sukses Indonesia ini.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)