[Summary view] [Print] [Text view]

   1  <style type="text/css">
   2  <!--
   3  div.minifiche
   4  {
   5      position:    relative;
   6      overflow:    hidden;
   7      width:       454px;
   8      height:      138px;
   9      padding:     0;
  10      font-size:   11px;
  11      text-align:  left;
  12      font-weight: normal;
  13      background-image: url(./res/exemple10a.gif);
  14  }
  15  div.minifiche img.icone    { position: absolute; border: none; left: 5px;   top: 5px;  width: 240px; height: 128px;overflow: hidden; }
  16  div.minifiche div.zone1    { position: absolute; border: none; left: 257px; top: 8px;  width: 188px; height: 14px; padding-top: 1px; overflow: hidden; text-align: center; font-weight: bold; }
  17  div.minifiche div.zone2    { position: absolute; border: none; left: 315px; top: 28px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
  18  div.minifiche div.zone3    { position: absolute; border: none; left: 315px; top: 48px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
  19  div.minifiche div.zone4    { position: absolute; border: none; left: 315px; top: 68px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
  20  div.minifiche div.zone5    { position: absolute; border: none; left: 315px; top: 88px; width: 131px; height: 14px; padding-top: 1px; overflow: hidden; text-align: left; font-weight: normal; }
  21  div.minifiche div.download { position: absolute; border: none; left: 257px; top: 108px;width: 188px; height: 22px; overflow: hidden; text-align: center; font-weight: normal; }
  22  -->
  23  </style>
  24  <page>
  25      <div style="position: absolute; width: 10mm; height: 10mm; left:    0; top:     0; border: solid 2px #0000EE; background: #AAAAEE"></div>
  26      <div style="position: absolute; width: 10mm; height: 10mm; right:    0; top:     0; border: solid 2px #00EE00; background: #AAEEAA"></div>
  27      <div style="position: absolute; width: 10mm; height: 10mm; left:    0; bottom:    0; border: solid 2px #EE0000; background: #EEAAAA"></div>
  28      <div style="position: absolute; width: 10mm; height: 10mm; right:    0; bottom:    0; border: solid 2px #EEEE00; background: #EEEEAA"></div>
  29      <table style="width: 100%">
  30          <tr>
  31              <td style="text-indent: 10mm; border: solid 1px #007700; width: 80%">
  32                  <p>
  33                      Ligne dans un paragraphe,
  34                      test de texte assez long pour engendrer des retours à la ligne 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 c d e f g h i j k l m n o p q r s t u v w x y z
  35                      test de texte assez long pour engendrer des retours à la ligne 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 c d e f g h i j k l m n o p q r s t u v w x y z
  36                  </p>
  37                  <p>
  38                      Ligne dans un paragraphe,
  39                      test de texte assez long pour engendrer des retours à la ligne 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 c d e f g h i j k l m n o p q r s t u v w x y z
  40                      test de texte assez long pour engendrer des retours à la ligne 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 c d e f g h i j k l m n o p q r s t u v w x y z
  41                  </p>
  42              </td>
  43              <td style="border: solid 1px #000077; width: 20%">
  44                  Test de paragraphe :)
  45              </td>
  46          </tr>
  47      </table>
  48      <hr>
  49      <div class="minifiche" >
  50          <img class="icone"    src="./res/exemple10b.jpg" alt="HTML2PDF" >
  51          <div class="zone1">HTML2PDF</div>
  52          <div class="zone2">PHP</div>
  53          <div class="zone3">Utilitaire</div>
  54          <div class="zone4">1.00</div>
  55          <div class="zone5">01/01/1901</div>
  56          <div class="download"><img src="./res/exemple10c.gif" alt="" style="border: none;"></div>
  57      </div>
  58      <hr>
  59      <div style="border: solid 1px #000000; margin: 0; padding: 0; background: rgb(255, 255, 255); width: 400px; height: 300px; position: relative;">
  60          <div 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>
  61          <div 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>
  62          <div 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>
  63          <div 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>
  64          <div style="position: absolute; left: 10px; top: 10px; font-size: 20px; font-family: Arial;">Exemple</div>
  65      </div>
  66      <hr>
  67      <pre><?php
  68      ob_start();
  69      readfile(dirname(__FILE__).'/../exemple10.php');
  70      echo htmlentities(ob_get_clean());
  71      ?></pre>
  72  </page>
  73  <page orientation="paysage" >
  74  <style type="text/css">
  75  <!--
  76  
  77  div.main
  78  {
  79      padding:     0;
  80      margin:      0;
  81      position:    relative;
  82      left:        50%;
  83      margin-left: -80mm;
  84      width:       160mm;
  85      height:      100mm;
  86      text-align:  center;
  87      border:      solid 10px #111111;
  88      background:  #222222;
  89      color:       #FFFFFF;
  90      font-size:   10pt;
  91      font-weight: bold;
  92      text-align:  center;
  93  }
  94  
  95  div.main a
  96  {
  97      text-decoration: none;
  98      color: #EEEEEE;
  99  }
 100  
 101  div.main a:hover
 102  {
 103      text-decoration: underline;
 104      color: #FFFFFF;
 105  }
 106  -->
 107  </style>
 108      <div class="main">
 109          <div style="position: absolute; top: 5mm; left: 5mm; font-size:12pt;text-align: left;">Spipu.net</div><br>
 110          <div style="position: absolute; bottom: 5mm; right: 5mm; font-size:12pt; text-align: right; ">(c)2011 Spipu</div>
 111          <br><br><br>
 112          <a href="http://cineblog.spipu.net/" >Cineblog by Spipu           </a><br><br>
 113          <a href="http://html2pdf.fr/"        >HTML2PDF                    </a><br><br>
 114          <a href="http://lambda.spipu.net/"   >Lambda Finder               </a><br><br>
 115          <a href="http://open.spipu.net/"     >Gestion des Opens - Yaronet </a><br><br>
 116          <a href="http://perso.spipu.net/"    >A propos de moi             </a><br><br>
 117          <a href="http://prgm.spipu.net/"     >Programmes by Spipu         </a><br><br>
 118          <br><br><br>
 119      </div>
 120  </page>