login  Naam:   Wachtwoord: 
Registreer je!
Scripts > PHP > UBB & Smilies > CodeBlock en Ubb classes


Reacties op het script CodeBlock en Ubb classes

Offline  Thomas
Gepost op: 13 januari 2014 - 17:42
Moderator



Oh, en als je codeblokken ook fatsoenlijk wilt kunnen printen doe je dit als volgt:
Voeg de normale CSS in, bijvoorbeeld als link, en voeg hier media="screen, print" aan toe:

  1. <link rel="stylesheet" href="ubb.css" type="text/css" media="screen, print" />


Voeg hierna nog een stylesheet in, specifiek bedoeld voor printen:

  1. <link rel="stylesheet" href="ubb-print.css" type="text/css" media="print" />


Met de volgende inhoud:
  1. @CHARSET "UTF-8";
  2. div.code-wrapper { display: block; border: 0; background: none; position: relative; overflow-x: visible; overflow-y: visible; }
  3. div.code-wrapper pre { font-family: monospace; font-size: 10pt; margin: 0; padding: 2px 5px; border: 0; line-height: 15px; }
  4. div.code-wrapper div { margin: 0; padding: 0; border: 0; }
  5. div.code-wrapper div.index { display: block; background: none; width: 40px; text-align: right; }
  6. div.code-wrapper div.code { display: block; position: absolute; top: 0px; left: 40px; }


Dit zorgt ervoor dat alle code zichtbaar over de hele breedte wordt afgedrukt (je moet mogelijk wel schalen met de afdruk zodat deze past, of je gebruikt landscape ).

Denk voor het afdrukken wel eerst aan het milieu .

Offline  Thomas
Gepost op: 14 maart 2014 - 16:51
Moderator



Dit script heeft inmiddels enkele updates gehad, zowel de code als de CSS is bijgewerkt naar de laatste versie. Alle vaste hoogtes en breedtes zijn er inmiddels uitgewerkt.


Enkel aanvullende informatie, vragen en antwoorden op vragen zijn welkom.
 
© 2002-2020 Sitemasters.be - Regels - Laadtijd: 0.051s