tes tes tes: Juli 2022

<div class="opik">
          <style type="text/css">
            .gambaratas {display:none;}
            .mobile h3.post-title {display: none;}
             div#comments {display: none;}
            .post-footer {display: none;}
            form{width: auto; margin: auto;height: 50px;} 
            .input{background:transparent; color:white; cursor: pointer;position: fixed;bottom: 0px;z-index: 1;width: 170px;}
          form#myForm img {height:85px;padding: 0px;left: 0px;position: relative;} 
  </style>
  <style>
.opik {height:400px;position:relative;top: 0;left: 0;padding:5px;width: 96%;border:1px solid;}
.pala {padding:2px;width:100%;height:92px;}
.badan {width: 100%;height:170px;border-top: 1px solid;}    
.badan ul {list-style: none;padding: 0;margin: 0;border: 1px solid #00000063;float: left;font-size: 11px;
text-align: center;font-family: monospace;}
.badan ul li {border:none;}
input.tgl { width: 50px;height: 10px;font-size: 9px;border: none;border-bottom: 1px solid #0000003d;}
.alamat {font-size: 8px;position: relative;left: 10px}
.alamat1 {font-size: 5px;position: absolute;top: 84px;border-bottom: 1px solid #0000005e;}
input.puser {font-size: 10px;height: 11px;width: 95%;border: none;border-bottom: 1px solid;}
.tanggal {border: 1px solid;position: absolute;width: 97%;}
.bokong {background: white;font-size: 10px;border:0;border-top: 1px solid;}
.bokong ul {list-style: none;float: left;}
.bokong ul li {border: 1px solid;float: left;margin: 2px;}
.kaki {}
.kaki ul {list-style: none;}
li.dropdown {display: inline-block;display: inline-block;background: red;border-radius: 50px;}
.dropdown:hover .iso-dropdown {display: block;}
.iso-dropdown {position: absolute;display: none;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;background-color: #f9f9f9;}
ul.iso-dropdown {position: fixed;z-index: 9;bottom: -10px;left: 0;background: white;height: 40px;width: 100%;box-shadow: none;}    
       </style>
        <script>
            function tampilkanPreview(gambar,idpreview){
                var gb = gambar.files;
                for (var i = 0; i < gb.length; i++){
                    var gbPreview = gb[i];
                    var imageType = /image.*/;
                    var preview=document.getElementById(idpreview);            
                    var reader = new FileReader();
                    
                    if (gbPreview.type.match(imageType)) {
                        preview.file = gbPreview;
                        reader.onload = (function(element) { 
                            return function(e) { 
                                element.src = e.target.result; 
                            }; 
                        })(preview);
                        reader.readAsDataURL(gbPreview);
                    }else{
                        alert("file yang anda upload tidak sesuai. Khusus mengunakan image.");
                    }
                   
                }    
            }
        </script>
  <div class="pala">
        <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<font color="blue" style="float: right;top: 35px;position: relative;font-size: 10px;right: 27px;">
  <script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + ( 7 *60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun= now.getFullYear ()
var hari= now.getDay ()
var bulan= now.getMonth ()
var tanggal= now.getDate ()
var hariarray=new Array("Minggu,","Senin,",
"Selasa,","Rabu,","Kamis,","Jum'at,","Sabtu,")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","/ 12 /")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>
</font>
</!doctype> 
    <div stile="border:1px solid;width:200px;position:relative;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRhpMhTGlXjUrre7Ws2iuTS69OC7XExvzvwrGvOuJL0GLDYqIkkt6zM9c7OfZSk6sabsFu7-kj8PZEuT5ptAZAxob1ShXG_kv3-ywKc-hxnJXKvgpJ4Q_sc0vZTb-5xVfY7N7bvgciR464vIU_R31IScyAY1l7J8HbmZG63xWtOnw_48fl7_wlFwO/s320/logo%20cm%20-%20Copy.png" style="border: none; box-shadow: none; position: relative; top: 24px; width: 50px;" /><span style="bottom: 15px; font-family: verdana; left: 40px; position: relative;">Invoice</span>
    </div>
    <div style="bottom: 10px; float: right; padding: 2px; position: relative; width: 120px;">
<input id="search-text" name="q" style="background: transparent; border: none;border-bottom: 1px dashed #00000026; font-size: 12px; position: relative; width: 110px;" type="text" />
    </div>
<div class="alamat1">
  Centimeter Workshop<br />Jl pulau misol no 61 denpasar barat, Tlp: 085217838226, Email: centimeter338@gmail.com
    </div>
  </div>
  <div class="badan">
<ul style="padding:0;margin: 0;width: 16%;border: 0;"> 
<li style="height: 86px;border:1px solid #00000036;padding-right: 2px;">
        <form action="" id="myForm" method="get">
            <input accept="image/*" class="input" onchange="tampilkanPreview(this,'preview')" type="file" />
            
            <img alt="" id="preview" src="" width="100%" />
          </form>
    </li>
    </ul>
<ul style="padding:0;margin:0;width: 62%;"> 
<li style="margin-bottom: 0;padding:5px;background: #00000036;">PELAYANAN</li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
    </ul>
<ul style="padding:0;margin:0;width: 20%;"> 
<li style="margin-bottom: 0;padding:5px;background: #00000036;">JUMLAH</li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
      </ul>
<ul style="padding:0;margin: 3px 0px 0px 2px;border:0;width: 82%;height:17px;padding: 1px;background: #00000036;"><li style="width:74%;float: left;border:none;">TOTAL Rp :</li><li style="width:24%;float: right;border:none;"><input id="search-text" name="q" style="background: transparent; border: none;border-bottom:1px dashed #0000008f;float: right; font-size: 12px;width:95%;" type="text" /></li></ul>
<ul style="padding:0;width:98%;border:1px dashed rgba(0, 0, 0, 0.24);"><li style="width: 15%;border:none;">Catatan</li><li style="width: 99%;border:none"><textarea class="form-textarea validate[required]" cols="41" id="input_17" name="q17_ketikBarang17" rows="2" style="border:none; color: rgba(0, 0, 0, 0.32); position: relative;float: left;width: 99%;">...

tes tes tes

Laman

tab

eml1

eml

Lima

coba gih

B0

uplut

Upload Image dengan Javascript

cekecek

coba lah

coba ih

kotak pesan