Home

Opsteltips

invoerformaten:
  • Filtered HTML:
    • Adressen van webpagina's en e-mailadressen worden automatisch naar links omgezet.

    • Allowed HTML tags: <blockquote><a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><img><table><tr><td><thead><tbody><br><p><span><div>

      Op deze site kan HTML worden gebruikt. Terwijl het leren van de volledige HTML-code overweldigend kan zijn, is het leren van een beperkte aantal basis HTML-'tags' veel eenvoudiger. Deze tabel geeft een aantal voorbeelden van iedere tag die op deze site kan worden gebruikt.

      Voor meer informatie zie de HTML specificaties van W3C of gebruik uw favoriete zoekmachine om een site te te vinden die uitleg over HTML geeft.

      Tag BeschrijvingU typtU krijgt
      blok aanhaling<blockquote>blok aanhaling</blockquote>
      blok aanhaling
      Ankers worden gebruikt om links te maken naar andere pagina's.<a href="http://www.depolderster.be">De Polderster</a>De Polderster
      Benadrukt<em>Benadrukt</em>Benadrukt
      Sterk<strong>Sterk</strong>Sterk
      Geciteerd<cite>Geciteerd</cite>Geciteerd
      Code-tekst, gebruikt om programmacode weer te geven<code>Code</code>Code
      Ongeordende lijst - gebruik <li> voor elke lijst-item<ul> <li>Eerste item</li> <li>Tweede item</li> </ul>
      • Eerste item
      • Tweede item
      Geordende lijst - gebruik <li> voor elk lijst-item<ol> <li>Eerste item</li> <li>Tweede item</li> </ol>
      1. Eerste item
      2. Tweede item
      Definitielijsten zijn zeer gelijkaardig aan andere HTML-lijsten. <dl> start de definitielijst, <dt> start de definitieterm en <dd> start de definitiebeschrijving.<dl> <dt>Eerste term</dt> <dd>Eerste definitie</dd> <dt>Tweede term</dt> <dd>Tweede definitie</dd> </dl>
      Eerste term
      Eerste definitie
      Tweede term
      Tweede definitie
      Er is geen hulp beschikbaar voor tag img.
      Tabel<table> <tr><th>Tabelkop</th></tr> <tr><td>Tabelcel</td></tr> </table>
      Tabelkop
      Tabelcel
      Er is geen hulp beschikbaar voor tag thead.
      Er is geen hulp beschikbaar voor tag tbody.
      Regeleinde-tags worden standaard al automatisch aan de tekst toegevoegd, dus gebruik deze tag alleen om extra regeleinden toe te voegen. Het gebruik van deze tag is anders dan andere XHTML-tags omdat het niet bestaat uit een open- en sluit tag-paar. Gebruik de extra "/" binnenin de tag om de XHTML 1.0 compatibiliteit te behoudenTekst met <br />regeleindeTekst met
      regeleinde
      Paragraaf-tags worden standaard automatisch toegevoegd. Gebruik dus deze tagom er extra toe te voegen.<p>Paragraph één.</p> <p>Paragraph twee.</p>

      Paragraph één.

      Paragraph twee.
      Er is geen hulp beschikbaar voor tag span.
      Er is geen hulp beschikbaar voor tag div.

      De meest gebruikelijke karakters kunnen direct ingegeven worden zonder problemen.

      Indien u wel problemen ondervindt, probeer dan eens HTML-karaters te gebruiken. Een standaard voorbeeld is &amp; voor een ampersand &-karakter. Voor een volledige lijst van karakters: zie HTML's entititeiten-pagina. Een aantal van de beschikbare karakters zijn:

      KarakterbeschrijvingU typtU krijgt
      Ampersand&amp;&
      Groter dan&gt;>
      Kleiner dan&lt;<
      Aanhalingsteken&quot;"
    • Regels en paragrafen worden automatisch herkend. De <br /> regeleinde-, <p> paragraaf- en </p> paragraafeinde-tags worden automatisch ingevoegd Indien paragrafen niet herkend worden, voeg dan gewoonweg een aantaal lege regels toe.

    • To add a lightbox slideshow to your images, add rel="lightshow[slideshowname]" attribute to any link tag to activate the slideshow. For example:

      <a href="image-1.jpg" rel="lightshow[show1]">image #1</a>
      <a href="image-2.jpg" rel="lightshow[show1]">image #2</a>
      <a href="image-3.jpg" rel="lightshow[show1]">image #3</a>

      The title attribute in the link tag is optional. The addition of this attribute enables the display of a caption with the image displayed in the lightbox.

      There are no limits to the number of slideshow image sets per page or how many images are allowed in each slideshow.

      If you wish to turn the caption into a link, format your caption in the following way:

      <a href="image-1.jpg" rel="lightshow[show1]" title='<a href="http://www.yourlink.com">View Image Details</a>'>image #1</a>

    • It's possible to show webpage content in the lightbox, using iframes. In this case the "rel" attribute should be set to "lightframe". Again it's possible to group the images, (e.g. lightframe[search]) but in addition to that, it's possible to control some of the iframe properties. It's possible to set the "width", "height" and "scrolling" properties of the iframe. The properties are separated from the group name by a |, for example lightframe[search|width:100px;]. If no grouping is being used, then the | is still used and the format would be lightframe[|width:100px;]. The properties should all be of the format "property: value;" - note the closing semi-colon. If no iframe properties are set, then the default width and height of 400px will be used. See below for more detailed examples.

      Basic example:
      <a href="http://www.google.com" rel="lightframe">Search google</a>

      Grouped example:
      <a href="http://www.google.com" rel="lightframe[search]">Search google</a>
      <a href="http://www.yahoo.com" rel="lightframe[search]">Search yahoo</a>

      Controlling iframe property example:
      <a href="http://www.google.com" rel="lightframe[|width:400px; height:300px; scrolling: auto;]">Search google</a>

      Controlling iframe property when grouped example:
      <a href="http://www.google.com" rel="lightframe[search|width:400px; height:300px; scrolling: auto;]">Search google</a>
      <a href="http://www.yahoo.com" rel="lightframe[search|width:400px; height:300px;]">Search yahoo</a>

    • It's possible to show video content in the lightbox. In this case the "rel" attribute should be set to lightvideo. It's not possible to group videos but it is possible to control the size of the lightbox by setting the "width" and "height" properties. The properties can be configured like lightvideo[width:300px; height: 200px;]. The properties should all be of the format "property: value;" - note the closing semi-colon. If no properties are set, then the default width and height of 400px will be used. See below for more detailed examples.

      Basic example:
      <a href="http://video.google.com/videoplay?docid=1811233136844420765" rel="lightvideo">Google video example - default size</a>

      Controlling lightbox size example:
      <a href="http://video.google.com/videoplay?docid=1811233136844420765" rel="lightvideo[width:400px; height:300px;]">Google video example - custom size</a>

      Supported video formats include asx, wmv, mov and swf. A number of online video providers are also supported, including YouTube and Google Video. For a full list of the current supported video providers please see the documentation on drupal.org.

    • Image links from G2 are formatted for use with Lightbox2
    • Images can be added to this post.

    • Quoted content can be placed between [quote] tags in order to be displayed as an indented quote. Every [quote] tag must have a corresponding [/quote] tag. For example: 

      [quote]This is a simple quote.[/quote]
      is displayed as:

      Quote:
      This is a simple quote.

      Additionally, there is an optional attribute which allows quotes to specify the original author. 

      [quote=Mr. Drupal]This is a quote with an attribution line.[/quote]
      is displayed as:

      Mr. Drupal wrote:
      This is a quote with an attribution line.

      Finally, multiple [quote] tags can be nested within one another. Just remember that every [quote] tag must have a corresponding [/quote] tag. 

            [quote]I think she says it best...
      [quote=Ms. Quotation]This is a quote nested within another quote.[/quote]
      but you can't argue with
      [quote=Ms. Reply]The more quotes, the merrier.
      Just don't get too carried away.[/quote]
      And I have nothing more to say.[/quote]
      is displayed as:

      Quote:
      I think she says it best...
      Ms. Quotation wrote:
      This is a quote nested within another quote.
      but you can't argue with
      Ms. Reply wrote:
      The more quotes, the merrier. Just don't get too carried away.
      And I have nothing more to say.

    • To add a lightbox to your images, add rel="lightbox" attribute to any link tag to activate the lightbox. For example:

      <a href="image-1.jpg" rel="lightbox" title="my caption">image #1</a>

      The title attribute in the link tag is optional. The addition of this attribute enables the display of a caption with the image displayed in the lightbox.

      If you have a set of related images that you would like to group, then you will need to include a group name between square brackets in the rel attribute. For example:

      <a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
      <a href="image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
      <a href="image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

      There are no limits to the number of image sets per page or how many images are allowed in each set.

      If you wish to turn the caption into a link, format your caption in the following way:

      <a href="image-1.jpg" rel="lightbox" title='<a href="http://www.yourlink.com">View Image Details</a>'>image #1</a>

  • tiny:
    • Images can be added to this post.