KALF Computertechniek

een eigen startpagina maken

Deze pagina is laatst gewijzigd/aangepast op 29-03-2016

Maak een gepersonaliseerde startpagina voor de webbrowser!

Nieuw: startpage.com nederlands nu standaard (anonieme) zoekmachine

startpagenew


startpagina
  • Plaats een eigen logo/pasfoto
  • Kies een achtergrond
  • Maak een snelmenu aan

    (Klik op het plaatje om te vergroten)

Allereerst, download hier startpagina.zip en pak het uit in een willekeurige submap van "~/ " of "Mijn Bestanden",
bv een map genaamd "startpagina"

De bestanden welke aangepast gaan worden zijn:

  • index.html
  • favicon.png
  • style/style.css
  • style/kctlogo.png
  • images/koeien.jpg
  • engines/base.js

Kies een mooi achtergrondplaatje en kopieer dit naar de map images/ als "achtergrond.jpg" o.i.d. en
pas aan In het bestand:

index.html

body {
background: url("images/Koeien.jpg") 50% 50%;       # wijzig dit in "images/achtergrond.jpg"
margin: 0px;
overflow: hidden; }
In hetzelfde bestand zoeken we naar:
<h3><strong>KCT Services Startpagina</strong></h3> # pas de omschrijving aan
Verderop vinden we het pop-up menu:
<div id="menu">
        <a href="http://www.frankkalf.nl">FK Home</a>
        <a href="http://www.ing.nl">ING</a> 
        <a href="http://10.0.0.150/dms">Documenten</a>
        <a href="http://www.marktplaats.nl">Marktplaats</a>
        <a href="http://10.0.0.200:123456/mediabrowser/">Serviio</a> 
        <a href="http://nl.lmgtfy.com/">LMGTFY</a>
        <a href="http://www.facebook.com">Facebook</a>
        <a href="http://nl.linkedin.com/in/franklyware">LinkdIn</a> 
        <a href="http://www.bbc.co.uk/news/uk/">BBC News UK</a> 
        <a href="http://www.flickr.com/photos/franklyware/sets/">Flickr</a>
      </div>

Pas dit naar wens aan, let erop dat voor een 1600x1050 monitor 11 hyperlinks het maximum is.
Een kleinere monitor zal wel alle links toenen maar de laatste vier (?) links zullen niet klikbaar zijn.

favicon.png

Toon een eigen logo op de browsertab d.m.v. de "favicon.png".
Dit icon dient 16x16 px groot te zijn.

style/style.css & style/kctlogo.png

In de style map een image plaatsen bv logo.jpg en in style.css de naam wijzigen:
#Logo {
    position: absolute;
    left: 20;
    top: 20;
    background: url(kctlogo.png)no-repeat;               # de naam van het nieuwe logo; was "logo.jpg"
    height: 70px;
    width: 145px;

}

engines/base.js

Dit bestand regelt de zoekmachines.
In deze map bevinden zich ook de logo's van de engines, welke aangevuld c.q. aangepast kunnen worden.
In het bestand zijn de volgende zoekmachines beschikbaar:

  • Google US
  • Google NL
  • Frank's
  • IxQuick EN
  • IxQuick NL
  • DuckDuckGo
  • Synoniemennet
  • Wikipedia
  • YouTube
  • Twitter

ATTENTIE: er kunnen tot VIER engines tegelijkertijd actief danwel zichtbaar zijn op de startpagina!

Om een engine te activeren danwel te deactiveren zoek dan een "blok" als bv.

/*    Frank's
    ----------------------------------------------------- */

    eng.punbb = {
    pageTitle: "Frank",
    logo: "kct.png",
    places: {
        'KCT'    : ["http://www.google.com/search?q=%query%+site:kalfcomputertechniek.nl",        apiUrl+"?eng=google&timestamp=%time%&q=%query%"],
        'Forum'  : ["http://www.google.com/search?q=%query%+site:kalfcomputertechniek.nl/punbb/",        apiUrl+"?eng=google&timestamp=%time%&q=%query%"],
        'Foto'   : ["http://www.google.com/search?q=%query%+site:fotografie.frankkalf.nl",        apiUrl+"?eng=google&timestamp=%time%&q=%query%"],
    }
};

Deactiveren: begin een blok met  /* -- en sluit het af met --*/.
Activeren gebeurt door  --*/ te verplaatsen naar het eind van de omschrijving ("Frank's").
Ik raad aan om gedeactiveerde blokken niet te wissen, daar de syntax altijd nog handig kan zijn voor de initialisatie van een nieuwe zoekmachine, omdat  eigenhandig een zoek engine (query) installeren nogal een hassle kan zijn.

Open met de browser het bestand "firefox-home.html en maak dit de start-/homepagina van de browser:
Drucken