Hoe maak je een sticky footer via CSS

Leuk om uit te gaan proberen deze kerstvakantie ....
Zo'n overloop-footer heb ik altijd al zelf willen maken.

meer info gevonden op www

★˛˚˛*˛°.˛*.˛°/.*★˚˛*˛°.˛*.˛°˛.*★Fijne *★* 。*˛
˛°_██_*.。*./ ♥ .˛* .˛。.˛.*.★*.˛. Kerstdagen.˛. *★ 。*
˛. (´• ̮•)*.。*/♫.♫*˛.* ˛_Π_____.♥allemaal! ♥ ˛* ˛*
.°( . • . ) ˛°./• ‘♫ ‘ •.˛*./______/~＼*. ˛*.。˛* ˛.*。
*(…’•’.. ) *˛. ╬╬╬╬˛°. ｜田 田 ｜門｜╬╬╬╬╬*

(uit)bouwen website

Gisteren de footers klaargezet (4 ruimten op de site onderaan, waar je tekst in kwijt kunt).
Eerst niet zo enthousiast want het oogde een beetje rommeliger daardoor, maar na een nachtje slapen hebben we de ideale oplossing hiervoor gevonden.

- onderaan de pagina zetten we alle links naar Vlieland, Stortemelk. Altijd makkelijk om deze bij de hand te hebben, maar ook heel slim voor de SEO. Want de zoekmachines vinden meteen op de eerste landingspagina diverse links

waardoor de site in de hogere regionen van de zoeklijsten verschijnt.
- omdat niet iedereen dezelfde instellingen heeft voor beeldscherm en ook met het oog op de kleinere schermen van i-pod en 1-pad alles weer anders wordt liep ik tegen het volgende probleem aan. Op mijn eigen beeldscherm stond de footer mooi uit beeld en moest je scrollen naar beneden. Op zich is scrollen niet meer not-done want met de kleine pod en pad schermpjes moet je wel. Maar op die van Arjan kwam slechts de kop van de footer in beeld wat ook een rommelig aanzien gaf.

Wat heb ik toen gedaan?
Met het terugzetten van de verplichte verwijzing naar het THESIS-Theme (alleen bij afname van meerdere accounts mag je deze verwijzing weglaten) viel alles op z'n plaats. Die jongens zijn natuurlijk slim he.Hun affilate link hebben ze op een plek neergezet die meteen in het oog springt, rechts onderaan. Ik dacht: daar moet ook de naam van TOP-DESIGN komen te staan dus. En met dat we dat hadden ingesteld was de container/viskom weer mooi. De footer met kop verdwijnt weer iets naar onderen, waardoor de statische pagina's weer mooier tot hun recht komen.
Omdat ik de tekst Top-Design eerst helemaal onderaan kreeg, heb ik dit veld nu gebruikt om de tekst TOT VLIE! neer te zetten. Via Open Hook dashboard. Wat mij betreft is de site weer een stapje verder gekomen de laatste paar dagen. Hopelijk hebben de kritische kijkers a.s. weekend tijd om de site door te lopen.

Goed gegaan

We did it!
Voor 'n goede en werkbare structuur voor mezelf heb ik  2 mappen op de C-schijf aangemaakt:

• bestanden gedownload vanaf dataCT
• bestand te uploaden naar dataCT 

Voordeel hiervan is dat we altijd een kopie hebben van het bestand dat we van de server hebben gehaald, voor het geval het aangepaste bestand niet blijkt te werken. Of de toegang tot de site blokkeert met een foutmelding. Hoef ik niet zo vaak Jochem van DataCT te bellen :-)

Vervolgens heb ik na 8x de video van www.fourblogger.com te hebben bekeken op mijn eigen wijze wijze de php code toegevoegd aan mijn custom.php bestand en ook de css custom gewijzigd. Ik zag dat hiervoor een aparte map bestaat voor de customs dan. Dat is de kracht van Thesis. Vanavond maar eens frobelen met de footer, de onderkant van de site. Maar mijn dag is helemaal goed.

Fat Footer (4 extra widgets)

is vet moeilijk. Heb de CSS voor de widget-footer en het aangepast custom.PHP-bestand al op de server geplaatst (hopelijk op de goede plek) maar er gebeurt nog niets. Via open hook ook in de FAUX, maar eigenlijk weet ik niet of dat correct is. Vanavond maar even de tutorial (video) volgen. Zo is het nog half 5 en dan alweer 5 uur. Ga gauw eten maken.

code