Gebruiker:Mountainhead/Hoofdpagina/Implementeren
Hieronder de instructies voor het implementeren van mijn hoofdpagina.
Stap 1: overzetting van de sjablonen
[bewerken | brontekst bewerken]Hieronder staat de lijst met alle sjablonen gebruikt in mijn hoofdpagina, en naar welk sjabloon ze moeten. Over de hele code wordt zowat overal van sjablonen gebruik gemaakt, dit maakt het wat overzichtelijker en jaagt tegelijk ook de vandalen weg. HET IS DE BEDOELING DAT DE FUNCTIE "TITEL WIJZIGEN" WORDT GEBRUIKT; BEHOUD DE REDIRECTS IN DE GEBRUIKERSNAAMRUIMTE, DIT VERGEMAKKELIJKT HET PROCES!
Stap 2: extra's
[bewerken | brontekst bewerken]2A: Installeren extensie MyVariables
[bewerken | brontekst bewerken]Vervolgens moet de extensie MyVariables op de wiki worden geïnstalleerd. Ik heb geen idee hoe dit werkt maar het lijkt wel haalbaar. Indien dit niet lukt, voer dan stap 2C NIET uit!
2B: Verwijderen <!--- & --->
[bewerken | brontekst bewerken]Verwijder hierna de niet zichtbaar-tags rond de code {{CURRENTUSER}} in de titel van het welkomstblok.
Stap 3: plaatsen van de code op de pagina's
[bewerken | brontekst bewerken]Onderstaande code wordt geplaatst op de hoofdpagina (NIET op Sjabloon:Hoofdpagina want anders is beveiliging zinloos, want dan kun je gewoon naar het sjabloon gaan en dat bewerken, dus Sjabloon:Hoofdpagina kan weg):
<!--- ╔══════════════════════════════════════════════════════╗
║ LEES DIT EERST! ║
║ Wegens regelmatige bewerkingen door vandalen is het ║
║ niet mogelijk de hoofdpagina te bewerken. Via de ║
║ sjablonen kunnen gedeelten worden aangepast (bijv. ║
║ "actueel") door gebruikers die minimaal 4 dagen ║
║ al een account hebben op Wikipedia. Zie je een fout ║
║ op de hoofdpagina, dan kun je dat best melden op ║
║ de overlegpagina (zie "overleg" bovenaan) en dan ║
║ zal er zo snel mogelijk naar gekeken worden. ║
╚══════════════════════════════════════════════════════╝ --->
__NOTOC__ __NOEDITSECTION__{{Hoofdpagina - header}}
{{Hoofdpagina - portalen}}
{{Hoofdpagina - linkerkolomstart}}
{{Hoofdpagina - zoeken}}
{{Hoofdpagina - leestips}}
{{Hoofdpagina - afbeelding van de dag - sjabloon}}
{{Hoofdpagina - actueel - sjabloon}}
{{Hoofdpagina - geschiedenis - sjabloon}}
{{Hoofdpagina - rechterkolomstart}}{{Hoofdpagina - welkom}}
{{Hoofdpagina - recent overleden - sjabloon}}
{{Hoofdpagina - wist je dat - sjabloon}}
{{Hoofdpagina - eindekolommen}}{{Hoofdpagina - zusterprojecten}}
{{Hoofdpagina - footer}}{{Hoofdpagina/Alt}}
Stap 4: GO LIVE!
[bewerken | brontekst bewerken]Alles wordt opgeslagen en stukje bij beetje wordt de hoofdpagina gepubliceerd.
Stap 5: stijl overnemen op andere pagina's
[bewerken | brontekst bewerken]Als de nieuwe hoofdpagina live is, kan de vlakke en kleurrijke stijl van de iconen ook overgenomen worden op andere pagina's, zoals de icoontjes van goede en etalageartikelen:
-
Icoontje voor etalageartikel -
Icoontje voor goed artikel
Iconen voor berisping, waarschuwing en blokkade:
-
Berisping -
Waarschuwing -
Blokkade
Informatie-icoontjes:
-
Standaard blauw -
Geel -
Groen -
Rood -
Opgelet!
Stemiconen:
-
Voor -
Tegen -
Neutraal -
Steun -
Bezwaar -
Opmerking -
Advies -
Vraag
Uitgevoerd/niet uitgevoerd/bezig:
-
Uitgevoerd -
Niet uitgevoerd -
Bezig -
Opgelost
Iconen voor beveiligde artikelen:
-
Niet beveiligd -
Blauwe beveiliging -
Rode beveiliging -
Paarse (titel)beveiliging -
Cascadebeveiliging
Smileys:
-
:) -
:( -
:)) -
;) -
:D -
:/ -
:? -
:'( -
XD -
:@ -
:P -
:V -
:O -
:... -
brb -
LOL -
Wikipedia W -
? -
! -
‽ -
Leeg
De icoontjes op de hoofdpagina gebruikt kunnen ook in gebruik worden genomen voor andere doeleinden. Vraag me op m'n OP naar andere icoontjes.
Stap 6: updaten hoofding overlegpagina van de hoofdpagina
[bewerken | brontekst bewerken]Verder moet de hoofding van de overlegpagina van de hoofdpagina aangepast worden. Deze staat op Overleg gebruiker:WOLF LΔMBERT/Hoofdpagina, de code van de header tot aan het eerste overlegkopje van het ontwerp moet gewoon worden gekopieerd naar de overlegpagina, dat is alles.
Stap 7: extra's via css
[bewerken | brontekst bewerken]Het is mogelijk de hoofdpagina aan te passen naar persoonlijke wens: dit zijn een aantal pre-gemaakte codes om in de persoonlijke css te plaatsen, het eenvoudigste zou zijn deze als extensies aan te maken, of een pagina aan te maken met de opties.
Alle blokken wit (ook afbeelding van de dag)
[bewerken | brontekst bewerken]Maakt alle blokken wit, het meest prominente zijnde de afbeelding van de dag.
/* HP: ALLE BLOKKEN WIT */
.hpblok {background:#FFFFFF !important;}
.hpkop {color:#444444 !important;}
Alternatieve portaalbalk
[bewerken | brontekst bewerken]Dit zet de kleuren van de portaalbalk in blokjes erboven in plaats van op de achtergronden, zodat ze makkelijker leesbaar zijn.
/* HP: ALTERNATIEVE PORTAALBALK */
.hpportaalbalk1 {display:none !important;}
.hpportaalbalk2 {display:block !important;width:100% !important;}
Alt-hoofdpagina
[bewerken | brontekst bewerken]Toont een eenvoudige hoofdpagina met enkel portalen, een welkomstbericht en een duidelijke zoekbalk.
/* HP: ALTHP */
.hoofdpagina {display:none !important;}
.zoekboxhp {display:block !important;}
Bol in de header verbergen
[bewerken | brontekst bewerken]Verbergt het Wikipedia-logo in de header voor mensen die het niet mooi vinden dat er 2 logo's staan (ook één in de zijbalk).
/* HP: BOL WEG */
.hpbol {display:none !important;}
.hpbol2 {display:block !important;}
Geen zoekbalk
[bewerken | brontekst bewerken]Verbergt het blok met de zoekbalk bovenaan de hoofdpagina.
/* HP: ZOEKBALK WEG */
.hpzoekbalk {display:none !important;}
Afbeeldingen bij kopjes verbergen
[bewerken | brontekst bewerken]Verbergt de afbeeldingen als 
naast de kopjes van blokken.
/* HP: KOPAFBWEG */
.hpafb {display:none !important}
Kadermode
[bewerken | brontekst bewerken]Met deze css wordt "kadermode" ingeschakeld; de hoofdpagina wordt ronde-hoekloos en alle blokken worden overzichtelijk weergegeven in dikke grijze kaders.
/* HP: KADERMODE */
.hpblok {border:20px solid #dddddd !important; webkit-border-radius:0px !important; moz-border-radius:0px !important; o-border-radius:0px !important; border-radius:0px !important;}
.hphead {webkit-border-radius:0px !important; moz-border-radius:0px !important; o-border-radius:0px !important; border-radius:0px !important;}
Geen ronde hoeken
[bewerken | brontekst bewerken]Geeft hetzelfde, maar zonder de kaders, dus: geen ronde hoeken, nergens op de hoofdpagina.
/* HP: GEEN RONDE HOEKEN */
.hpblok {webkit-border-radius:0px !important; moz-border-radius:0px !important; o-border-radius:0px !important; border-radius:0px !important;}
.hphead {webkit-border-radius:0px !important; moz-border-radius:0px !important; o-border-radius:0px !important; border-radius:0px !important;}
Delta
[bewerken | brontekst bewerken]Nog een extraatje in de hoofdpagina is de delta-plugin. Er wordt een grijskleurige delta (driehoekje, Δ) ingevoegd rechtsonder het zichtbare beeld van de hoofdpagina, die direct linkt naar een bepaalde pagina. Dit is bijvoorbeeld handig voor vandalismebestrijders, die direct naar de RTRC-tool kunnen, of mensen die wat verslaafd zijn aan pintjes of andere alcohol en een snelle link naar de kroeg willen. De delta is standaard niet zichtbaar en kan zichtbaar gemaakt worden via css. Volgende delta's zijn mogelijk:
- Link naar je persoonlijke overlegpagina
div.delta-op {display:block !important}
- Link naar de Kroeg
div.delta-kroeg {display:block !important}
- Link naar de recente wijzigingen
div.delta-recentchanges {display:block !important}
- Link naar de RTRC-tool
div.delta-rtrc {display:block !important}
- Link naar een willekeurig artikel
div.delta-random {display:block !important}
- Link naar je volglijst
div.delta-volglijst {display:block !important}