PageRenderTime 32ms CodeModel.GetById 0ms RepoModel.GetById 0ms app.codeStats 0ms

/common/libraries/plugin/html2pdf/exemples/res/exemple10.php

https://bitbucket.org/chamilo/chamilo-dev/
PHP | 222 lines | 213 code | 9 blank | 0 comment | 0 complexity | 915fcb25041cf35636d371f140418148 MD5 | raw file
Possible License(s): GPL-2.0, BSD-3-Clause, LGPL-2.1, LGPL-3.0, GPL-3.0, MIT
  1. <style type="text/css">
  2. <!--
  3. div.minifiche {
  4. position: relative;
  5. overflow: hidden;
  6. width: 454px;
  7. height: 138px;
  8. padding: 0;
  9. font-size: 11px;
  10. text-align: left;
  11. font-weight: normal;
  12. background-image: url(./res/exemple10a.gif);
  13. }
  14. div.minifiche img.icone {
  15. position: absolute;
  16. border: none;
  17. left: 5px;
  18. top: 5px;
  19. width: 240px;
  20. height: 128px;
  21. overflow: hidden;
  22. }
  23. div.minifiche div.zone1 {
  24. position: absolute;
  25. border: none;
  26. left: 257px;
  27. top: 8px;
  28. width: 188px;
  29. height: 14px;
  30. padding-top: 1px;
  31. overflow: hidden;
  32. text-align: center;
  33. font-weight: bold;
  34. }
  35. div.minifiche div.zone2 {
  36. position: absolute;
  37. border: none;
  38. left: 315px;
  39. top: 28px;
  40. width: 131px;
  41. height: 14px;
  42. padding-top: 1px;
  43. overflow: hidden;
  44. text-align: left;
  45. font-weight: normal;
  46. }
  47. div.minifiche div.zone3 {
  48. position: absolute;
  49. border: none;
  50. left: 315px;
  51. top: 48px;
  52. width: 131px;
  53. height: 14px;
  54. padding-top: 1px;
  55. overflow: hidden;
  56. text-align: left;
  57. font-weight: normal;
  58. }
  59. div.minifiche div.zone4 {
  60. position: absolute;
  61. border: none;
  62. left: 315px;
  63. top: 68px;
  64. width: 131px;
  65. height: 14px;
  66. padding-top: 1px;
  67. overflow: hidden;
  68. text-align: left;
  69. font-weight: normal;
  70. }
  71. div.minifiche div.zone5 {
  72. position: absolute;
  73. border: none;
  74. left: 315px;
  75. top: 88px;
  76. width: 131px;
  77. height: 14px;
  78. padding-top: 1px;
  79. overflow: hidden;
  80. text-align: left;
  81. font-weight: normal;
  82. }
  83. div.minifiche div.download {
  84. position: absolute;
  85. border: none;
  86. left: 257px;
  87. top: 108px;
  88. width: 188px;
  89. height: 22px;
  90. overflow: hidden;
  91. text-align: center;
  92. font-weight: normal;
  93. }
  94. -->
  95. </style>
  96. <page>
  97. <div
  98. style="position: absolute; width: 10mm; height: 10mm; left: 0; top: 0; border: solid 2px #0000EE; background: #AAAAEE"></div>
  99. <div
  100. style="position: absolute; width: 10mm; height: 10mm; right: 0; top: 0; border: solid 2px #00EE00; background: #AAEEAA"></div>
  101. <div
  102. style="position: absolute; width: 10mm; height: 10mm; left: 0; bottom: 0; border: solid 2px #EE0000; background: #EEAAAA"></div>
  103. <div
  104. style="position: absolute; width: 10mm; height: 10mm; right: 0; bottom: 0; border: solid 2px #EEEE00; background: #EEEEAA"></div>
  105. <table style="width: 100%">
  106. <tr>
  107. <td style="text-indent: 10mm; border: solid 1px #007700; width: 80%">
  108. <p>Ligne dans un paragraphe, test de texte assez long pour engendrer
  109. des retours ? la ligne automatique... a b c d e f g h i j k l m n o p
  110. q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y
  111. z test de texte assez long pour engendrer des retours ? la ligne
  112. automatique... a b c d e f g h i j k l m n o p q r s t u v w x y z a b
  113. c d e f g h i j k l m n o p q r s t u v w x y z</p>
  114. <p>Ligne dans un paragraphe, test de texte assez long pour engendrer
  115. des retours ? la ligne automatique... a b c d e f g h i j k l m n o p
  116. q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y
  117. z test de texte assez long pour engendrer des retours ? la ligne
  118. automatique... a b c d e f g h i j k l m n o p q r s t u v w x y z a b
  119. c d e f g h i j k l m n o p q r s t u v w x y z</p>
  120. </td>
  121. <td style="border: solid 1px #000077; width: 20%">Test de paragraphe
  122. :)</td>
  123. </tr>
  124. </table>
  125. <hr>
  126. <div class="minifiche"><img class="icone" src="./res/exemple10b.jpg"
  127. alt="HTML2PDF">
  128. <div class="zone1">HTML2PDF</div>
  129. <div class="zone2">PHP</div>
  130. <div class="zone3">Utilitaire</div>
  131. <div class="zone4">1.00</div>
  132. <div class="zone5">01/01/1901</div>
  133. <div class="download"><img src="./res/exemple10c.gif" alt=""
  134. style="border: none;"></div>
  135. </div>
  136. <hr>
  137. <div
  138. style="border: solid 1px #000000; margin: 0; padding: 0; background: rgb(255, 255, 255); width: 400px; height: 300px; position: relative;">
  139. <div
  140. style="border-style: solid; border-color: transparent rgb(170, 34, 34) rgb(170, 34, 34) transparent; border-width: 39.5px 59px; position: absolute; left: 101px; top: 52px; height: 0pt; width: 0pt;"></div>
  141. <div
  142. style="border-style: solid; border-color: rgb(34, 170, 34) rgb(34, 170, 34) transparent transparent; border-width: 59px 39.5px; position: absolute; left: 101px; top: 131px; height: 0pt; width: 0pt;"></div>
  143. <div
  144. style="border-style: solid; border-color: rgb(34, 34, 170) transparent transparent rgb(34, 34, 170); border-width: 39.5px 59px; position: absolute; left: 180px; top: 170px; height: 0pt; width: 0pt;"></div>
  145. <div
  146. style="border-style: solid; border-color: transparent transparent rgb(170, 170, 34) rgb(170, 170, 34); border-width: 59px 39.5px; position: absolute; left: 219px; top: 52px; height: 0pt; width: 0pt;"></div>
  147. <div
  148. style="position: absolute; left: 10px; top: 10px; font-size: 20px; font-family: Arial;">Exemple</div>
  149. </div>
  150. <hr>
  151. <pre><?php
  152. ob_start();
  153. readfile(dirname(__FILE__) . '/../exemple10.php');
  154. echo htmlentities(ob_get_clean());
  155. ?></pre>
  156. </page>
  157. <page orientation="paysage">
  158. <style type="text/css">
  159. <!--
  160. div.main {
  161. padding: 0;
  162. margin: 0;
  163. position: relative;
  164. left: 50%;
  165. margin-left: -80mm;
  166. width: 160mm;
  167. height: 100mm;
  168. text-align: center;
  169. border: solid 10px #111111;
  170. background: #222222;
  171. color: #FFFFFF;
  172. font-size: 10pt;
  173. font-weight: bold;
  174. text-align: center;
  175. }
  176. div.main a {
  177. text-decoration: none;
  178. color: #EEEEEE;
  179. }
  180. div.main a:hover {
  181. text-decoration: underline;
  182. color: #FFFFFF;
  183. }
  184. -->
  185. </style>
  186. <div class="main">
  187. <div
  188. style="position: absolute; top: 5mm; left: 5mm; font-size: 12pt; text-align: left;">Spipu.net</div>
  189. <br>
  190. <div
  191. style="position: absolute; bottom: 5mm; right: 5mm; font-size: 12pt; text-align: right;">(c)2010
  192. Spipu</div>
  193. <br>
  194. <br>
  195. <br>
  196. <a href="http://cineblog.spipu.net/">Cineblog by Spipu </a><br>
  197. <br>
  198. <a href="http://html2pdf.fr/">HTML2PDF </a><br>
  199. <br>
  200. <a href="http://lambda.spipu.net/">Lambda Finder </a><br>
  201. <br>
  202. <a href="http://open.spipu.net/">Gestion des Opens - Yaronet </a><br>
  203. <br>
  204. <a href="http://perso.spipu.net/">A propos de moi </a><br>
  205. <br>
  206. <a href="http://prgm.spipu.net/">Programmes by Spipu </a><br>
  207. <br>
  208. <a href="http://velib.spipu.net/">Mobile Velib Search </a><br>
  209. <br>
  210. <br>
  211. <br>
  212. </div>
  213. </page>