[347] | 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/example10a.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/example10b.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/example10c.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__).'/../example10.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)<?php echo date('Y'); ?> 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>
|
---|