Hanteer s.v.p. altijd eerst de volgende tips vóórdat je op publiceren klikt:


  • Verwijder opmaak als je kopieert vanuit Google Docs > Plak de tekst eerst in een kladblok 

  • Gebruik Kop 2 voor kopjes.

  • Gebruik voor kleine kopjes bold

  • Lettertype is 16 px

  • Font kleur is geautomatiseerd. Hier hoef je dus niks voor in te stellen

  • Hyperlinks worden automatisch roze


Een artikel is altijd als volgt opgebouwd: 


1.    Titel

2.    Korte introductie tekst over het scherm (1 tot 2 zinnen) -> cursief 

       - achtergrond informatie

       - wat bereik je ermee?

       - waar past het in het geheel?

3.    Genummerde stap voor stap instructie



Je kunt eventueel gebruik maken van deze elementen:


Geordende lijst met nummers:

  1. ordered list #1
  2. ordered list #2
    1. sub ordered list #1
    2. sub ordered list #2


Gebruik hiervoor deze html code: 


<ol class="colored-list">

    <li>ordered list #1</li>

    <li>ordered list #2


        <ol class="colored-list list-black">

            <li>sub ordered list #1</li>

            <li>sub ordered list #2</li>

        </ol>

    </li>

</ol>


Accordion:


Accordion title #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Accordion title #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Gebruik hiervoor deze html code:


<div class="accordion colored_accordion">

    <div class="accordion_block">

        <div class="accordion_title"><strong>Accordion title #1</strong></div>

        <div class="accordion_content">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>


    <div class="accordion_block">

        <div class="accordion_title"><strong>Accordion title #2</strong></div>

    <div class="accordion_content">


 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>



Tabel:


FirstnameLastnameEmail
JohnDoejohn@example.com
MaryMoemary@example.com
JulyDooleyjuly@example.com

Gebruik hiervoor deze html code:


<table class="table header-color">

   <thead>

      <tr>

        <th>Firstname</th>

        <th>Lastname</th>

        <th>Email</th>

      </tr>

   </thead>

   <tbody>

      <tr>

        <td>John</td>

        <td>Doe</td>

        <td>john@example.com</td>

      </tr>

      <tr>

        <td>Mary</td>

        <td>Moe</td>

        <td>mary@example.com</td>

      </tr>

      <tr>

        <td>July</td>

        <td>Dooley</td>

        <td>july@example.com</td>

      </tr>

   </tbody>

</table>



Aankondiging:


  Announcement! Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Gebruik hiervoor de volgende html code: 


<div class="alert alert-announcement __with_fa"><em class="fa fa-bullhorn">&nbsp;</em> <strong>Announcement!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>


PDF:


  PDF! Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Gebruik hiervoor deze html code:


<div class="alert alert-pdf __with_fa"><em class="fa fa-file-pdf-o">&nbsp;</em> <strong>PDF!</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>



Zie eventueel deze pagina voor meer elementen: https://v3.ariesthemes.com/freshdesk-theme-shortcodes/


Wil je er iets aan gewijzigd hebben qua opmaak, vraag dan Lennart