yazici_dizayn2.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  5. <title>GİOM - FATURA ÖNİZLEME</title>
  6. <style>
  7. div.kutu {
  8. position: absolute;
  9. font-family: "Helvetica Neue";
  10. line-height:90%;
  11. font-size: 12px;
  12. }
  13. #fatura_hedef {
  14. top: 160px;
  15. left: 50px;
  16. width: 600px;
  17. height: 35px;
  18. }
  19. #fatura_adres {
  20. top: 185px;
  21. left: 50px;
  22. width: 250px;
  23. height: 45px;
  24. }
  25. #fatura_vdaire_vno {
  26. top: 235px;
  27. left: 50px;
  28. width: 200px;
  29. height: 15px;
  30. }
  31. #fatura_tarih {
  32. top: 250px;
  33. left: 1020px;
  34. }
  35. #fatura_tarih2 {
  36. top: 275px;
  37. left: 1020px;
  38. }
  39. #kalemler {
  40. top: 355px;
  41. left: 10px;
  42. width: 1070px;
  43. font-size: 12px;
  44. font-family: calibri, verdana;
  45. }
  46. #fatura_tutaryaziyla {
  47. top: 370px;
  48. left: 30px;
  49. }
  50. #fatura_merkezsicilno {
  51. top: 405px;
  52. left: 30px;
  53. }
  54. #fatura_subesicilno {
  55. top: 420px;
  56. left: 30px;
  57. }
  58. #fatura_kaynakwebadresi {
  59. top: 435px;
  60. left: 30px;
  61. }
  62. #fatura_bruttutar {
  63. top: 375px;
  64. left: 1020px;
  65. }
  66. #fatura_kdv1 {
  67. top: 375px;
  68. left: 1020px;
  69. }
  70. #fatura_kdv8 {
  71. top: 390px;
  72. left: 1020px;
  73. }
  74. #fatura_kdv18 {
  75. top: 405px;
  76. left: 1020px;
  77. }
  78. #label_kdv1 {
  79. top: 375px;
  80. left: 950px;
  81. }
  82. #label_kdv8 {
  83. top: 390px;
  84. left: 950px;
  85. }
  86. #label_kdv18 {
  87. top: 405px;
  88. left: 950px;
  89. }
  90. #fatura_kdvtop {
  91. top: 425px;
  92. left: 1020px;
  93. }
  94. #fatura_kdvhtoplam {
  95. top: 425px;
  96. left: 950px;
  97. }
  98. #fatura_gtoplam {
  99. top: 915px;
  100. left: 1020px;
  101. }
  102. </style>
  103. </head>
  104. <body>
  105. {% for fatura in faturalar %}
  106. {% for sayfa in fatura.sayfayaz %}
  107. <div style="position: relative; height: 1019px; width: 550px; ">
  108. <div class="kutu" id="fatura_hedef"><span>{{fatura.hedef}}</span></div>
  109. <div class="kutu" id="fatura_adres"><span>{{fatura.adres}}</span></div>
  110. <div class="kutu" id="fatura_vdaire_vno"><span>{{fatura.vdaire}}/{{fatura.vergino}}</span></div>
  111. <div class="kutu" id="fatura_tarih"><span>{{fatura.tarih}}</span></div>
  112. <div class="kutu" id="fatura_tarih2"><span>{{fatura.tarih2}}</span></div>
  113. <div class="kutu" id="kalemler">
  114. <table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">
  115. <tbody>
  116. {% for urun in sayfa %}
  117. <tr>
  118. <td style="vertical-align: middle; width: 300px; height: 15px;">{{urun.ad}}</td>
  119. <td style="vertical-align: middle; text-align: right; width: 46px; height: 15px; padding-right: 80px;">{{urun.miktar}}</td>
  120. <td style="vertical-align: middle; width: 40px; height: 15px;">{{urun.birim}}</td>
  121. <td style="vertical-align: middle; text-align: right; width: 40px; height: 15px;">{{urun.brfiyat}}</td>
  122. <td style="vertical-align: middle; text-align: right; width: 60px; height: 15px;padding-left: 40px;">{{urun.tutar}}</td>
  123. </tr>
  124. {% endfor %}
  125. </tbody>
  126. </table>
  127. </div>
  128. {% if loop.last %}
  129. <div class="kutu" id="fatura_gtoplam"><span>{{fatura.gtoplam}}</span></div>
  130. {% endif %}
  131. </div>
  132. {% endfor %}
  133. {% endfor %}
  134. </body>
  135. </html>