Texter och textstycken

Dynamix CMS hanterar textstycken såsom i följande exempel:

<h1 class=”headline1”>Detta är en rubrik</h1>

<p class=”normal”>Detta är ett textstycke</p>

Du ser här att man kopplar på en css-klass för varje texttyp. Man kan lägga till valfritt antal texttyper för en webblösning.

Det som man skall tänka på när man sätter CSS-stilar för dessa stycken är att inte helt och hållet förlita sig på default-marginaler för text <p>. Detta då Dynamix av tekniska skäl gör om alla <p></p> stycken till <div></div> just under redigering.

Ange även marginaler efter stycken på ett sådant sätt att man inte behöver skapa extra radmatningar för varje stycke.

Punktlistor

I editorn kan man man skapa punktlistor i en nivå. Dessa kodas på följande sätt:

  1. C#
  1. <ol class="dxOl>
  2. <li><p class=”normal”></p></li>
  3. <li><p class=”normal”></p></li>
  4. </ol>

Se till att sätta style i CSS-filen för punktlistorna

Nummerlistor

I editorn kan man man skapa nummerlistor i en nivå. Dessa kodas på följande sätt:

  1. C#
  1. <ul class="dxUl>
  2. <li><p class=”normal”></p></li>
  3. <li><p class=”normal”></p></li>
  4. </ul>

Se till att sätta style i CSS-filen för dessa.

Länkar

Det är inga hemligheter i hur länkar kodas. De ligger i textstyckena enligt följande exempel:

  1. C#
  1. <p class="normal"><a href="http://www.initiva.se"></p>

Exempel på kodning av stil-klasser:

  1. C#
  1. .normal
  2. {
  3. font-family:verdana;
  4. font-size:1em;
  5. color:#000000;
  6. margin-bottom:1em;
  7. line-heigh:1.5em
  8. }
  10. .normal a
  11. {
  12. text-decoration:none;
  13. color:#0000ff;
  14. }
  16. .normal a:active,
  17. .normal a:focus,
  18. .normal a:hover
  19. {
  20. color:#ff0000;
  21. }