Overleg gebruiker:Egel/skintest

Scoutpedia.nl, dé Scouting wiki
Ga naar:navigatie, zoeken
Afb.1: Op deze manier vind ik het te druk aan de bovenkant. Ik zie deze links persoonlijk het liefst in de zijbalk.
Afb.2: Dit voegt wel degelijk iets toe aan de leesbaarheid. Al een idee hoe dit automatisch in te voegen is? Mooi zou zijn als bij de grootste koppen de lijn zwart/donker is en hoe kleiner de kop, hoe lichter de lijn zou moeten zijn. Maar ja, of dit mogelijk is.
Afb.3: Die knoppen boven het edit vlak moeten zeker weer aan, is een vergelijkbare instelling als de upload en het anoniem kunnen bewerken. Ik zal het zo weer invoegen.

buxx * 8 jan 2008 11:33 (PST)

Afb.1: Ik vind de artikelruimte wat aan de smalle kant, dat kan op twee manieren opgelost worden: de menu's naar boven of het geheel breder.
Bovendien vind ik de grijze balk naast het logo vrij rommelig / onhandig: er staat een deel van de persoonlijk links (personal_urls), maar niet alle, de rest staat onder de navigatie. Wat vind je van de opmaak van de grijze balk in mijn testje?
Afb.2: Is redelijk simpel: Er staat nu in comments/main.css:
/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
    margin-bottom: .6em;
}

#bodyContent h3, #bodyContent h4, #bodyContent h5 {
    margin-bottom: .3em;
}
als je dat, op de zelfde plaats, vervangt door:
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
        font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;
}
#bodyContent h1 { 
        font-size: 188%; 
	border-bottom: 1px solid #000;
}
h1 .editsection {font-size: 53%;}

#bodyContent h2 { 
	font-size: 150%;  
	border-bottom: 1px solid #888;
}
h2 .editsection { font-size: 67%; }

#bodyContent h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
#bodyContent h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
#bodyContent h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
#bodyContent h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }

.editsection {
	float: right;
	margin-left: 5px;
}
Dan krijg je het zelfde soort koppen, met als extra dat het lijntje lichter wordt. Het meest worden h2 en h3 gebruikt.
Afb.3: Graag aanzetten. Kan het vak met de vreemde tekens ook aan?
--Egel Actie=Reactie 9 jan 2008 03:47 (PST)
Cookies helpen ons onze services aan te bieden. Door onze services te gebruiken stemt u in met het gebruik van onze cookies.