1 Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren...
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
<$WikiTitle$> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css" media="screen"> /* Based on: AquaFluid, http://wpthemepark.com/ Description: WP Theme AquaFluid by Sadish Version: 1.0 Author: Sadish Balasubramanian */
/*
Body (buitenste rand en gehele pagina) In de body-tag (het body-gedeelte) kan je je eigen achtergrond toevoegen. Die achtergrond kan je in je eigen wiki plaatsen, of bvb op Picasa. De URL van het beeld moet je dan kopiëren in de plaats van rode code. De ‘http://’ moet je ook toevoegen. Wil je dat beeld overal rond je Wiki hebben, dan moet je de code ‘repeat-x top fixed’ weglaten, deze code zorgt ervoor dan je het beeld enkel bovenaan krijgt te zien. Met deze body-tag kan je ook de design van alle teksten aanpassen. De grootte kan je veranderen door de font-size te verhogen. De tekstkleur kan je veranderen door de color-code toe te voegen color: #CCCCCC; Het geheel zou dan het volgende kunnen worden: body { background: #FAFBFC url(http://lh6.ggpht.com/_ju0DdUMmimI/STAHWbBQZyI/AAAAAAAAANY/S2gHoG_JnMc/s800/ achtergrond_effenb.jpg); font-size: 95%; font-family: Verdana, Arial, sans-serif; color: #CCCCCC; } */
body { background: #FAFBFC url(/i/Aqua_blue.jpg) repeat-x top fixed; font-size: 83%; font-family: Verdana, Arial, sans-serif; }
/*
Andere html-tags toevoegen, bvb h1, h2, … Je kan ook nog andere bekende html-tags toevoegen om het uitzicht van de teksten te veranderen. De koppen of headers bepalen het uitzicht van de titels. De code die je dan zou kunnen toevoegen wordt dan: h1 { font-size: 18px; color: #669999; } Deze code genereer je best in Dreamweaver en kopiëer je dan hier. */
/*
#container (buitenste rand) Met deze container kan je de breedte en hoogte van de buitenste rand aanpassen. Je kan gewoon de ‘width’ van % veranderen */
#container { background: #FFF; margin: 60px auto 0 auto;
Hiermee kan je je eigen banner gebruiken. Twee mogelijkheden: - Je doet een upload van de banner naar de bibliotheek van je Wiki, en dan pas je de URL hieronder aan. Na de ‘http://’ geef je de naam van je eigen wiki op. De ‘/space/showimage’ laat je gewoon staan en je verandert de naam van het beeld ‘banner_voorbeeld.jpg’naar de naam van jouw beeldje - Of je doet een upload van je banner naar Picasa (zie de module) en je kopiëert daar de URL en plakt hem hier in. */
Mainbox (binnenste gedeelte) Hier kan een achtergrond voor je tekstgedeelte plaatsen. Je vervangt de code van de background-color door de code van een background url. Deze kan je ook weer op bvb. Picasa plaatsen en vandaar de URL kopiëren. Je code wordt dan bvb: #mainBox { vertical-align: top; background: url(http://lh6.ggpht.com/_ju0DdUMmimI/STAGEo4vuI/AAAAAAAAAM4/mZ58-sB4IUs/s800/achtergrond.jpg); } */
sidebar (linker gedeelte) De tag ‘color: <$WikiTextColor$>;’ refereert naar de kleur die je kan instellen bij de ‘Colors’ in de ‘Look and Feel’ instellingen */
sidebar a (hyperlinks in het linker gedeelte) De tag ‘color: <$<$WikiLinkColor$>;’ refereert naar de link-kleur die je kan instellen bij de ‘Colors’ in de ‘Look and Feel’ instellingen Bij ‘text-decoration bepaal je of je de hyperlinks wel (undeline) of niet (none) onderstreept wil hebben */
#sidebar a { color: <$WikiLinkColor$>; text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar ul { margin: 0; padding: 10px 0; list-style: none; } #sidebar ul li { margin: 0; padding: 0; list-style: none; }
#sidebar ul li img { margin-right: 5px; }
/*
footer
Dit betreft het onderste deel van de pagina. Ook hier kan je verschillende zaken wijzigen. */
#footer { clear: both; width: 100%; padding: 1em 0; line-height: 135%; margin: 0 auto; text-align: center; background: #FFF url(/i/Aqua_top.gif) repeat-x top; border-top: 1px solid #CCC; } /* page navigation */ .WikiPageMenuEntries ul { list-style: none; margin: 0px auto 0 auto; padding: 6px 0 4px 0; background: #FFF url(/i/Aqua_top.gif) repeat-x top; width: 100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; font-weight: bold; text-transform: uppercase; text-align: right; } .WikiPageMenuEntries ul li { padding: 0 5px; display: inline; list-style: none; margin: 0; } .WikiPageMenuEntries ul li a { text-decoration: none; padding: 3px 5px; margin: 0; color: #8fbc8b; border-bottom: none; } .WikiPageMenuEntries ul li a:hover { border-bottom:#2e8b57 2px solid; color:#2e8b57; } .WikiPageMenuEntries ul li.WikiPageMenuEntryOn a:link, .WikiPageMenuEntries ul li.WikiPageMenuEntryOn a:visited, .WikiPageMenuEntries ul li.WikiPageMenuEntryOn a:hover, .WikiPageMenuEntries ul li.WikiPageMenuEntryOn a:active { border-bottom:#2e8b57 2px solid; color:#2e8b57;
}
/*
WikiPageMenuTitle
Is de naam van de pagina bovenaan. De kleur kan je wijzigen door de code color:#2e8b57; toe te voegen met de kleur die je zelf wenst */
Hier begint het echte deel in de html-code. Je kan bepaalde zaken verwijderen, bvb. Door <$WikiPageMenuStar$> te deleten zal de ster die bovenaan links van de naam van de pagina staat niet meer te zien zijn. */