CSS Opmaak

Ik probeer steeds meer opmaak items in het gedcom.css bestand te zetten. Het is dan mogelijk om de opmaak te wijzigen in 1 bestand. Dit kan van alles zijn: achtergrond afbeelding, kleuren, vet, schuin, uitlijnen, letter grootte enz.

Hieronder enkele tips (LET OP: maak even een kopie van het originele bestand, kun je altijd weer terug als het fout gaat!):

BODY instellingen:

Achtergrond: de standaard naam voor een achtergrond afbeelding is "achtergrond.gif". Dit is te wijzigen in onderstaand gedeelte van het gedcom.css bestand. Ook "repeat" (herhalen) en uitlijnen is in te stellen. Verwijder de /*  en */ tekens om deze instellingen te gaan gebruiken.

In het Body staan de algemene instellingen voor een bladzijde, hier is dus ook het standaard lettertype (font-family) te wijzigen, lettergrootte (font-size) enz.

body {
background-color:white;
color:black;
background-image: url('achtergrond.gif');
/* background-repeat: no-repeat; */
/* background-position: center; */
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 14px;
height:100%; max-height:100%;
overflow:hidden;
/* overflow:scroll; */
padding:0; margin:0; border:0;
}

Uitlijnen personen index

Indexen worden standaard gecentreerd op het scherm. De INHOUD wordt links uitgelijnd.
Om link uit te lijnen: wijzig "text-align:center;" in "text-align:left;"

/* Volledige index_lijst centreren */
.index_lijst1{
  text-align:center;
  /* text-align:left; */
}
/* De INHOUD van de index_lijst links uitlijnen */
.index_lijst2{
  margin-left: 20%;
  text-align:left;
}

Grootte van foto's

Standaard wordt een foto volledig getoond als je er op klikt. De grootte van de foto's is aan te passen met de volgende regel (verwijder /* en */ )
/* img { width:100px; } */

HuMo-gen