Menu‎ > ‎

horizontaal menu3

menu met mouseover effect



Horizontal 10 Button Menu Gadget


Het bovenste menu navigeert binnen deze site; het onderste gaat naar de maker van het gadsget.
Het is even opletten, volg de aanwijzingen: http://www.ubersimple.com/google-gadgets


Of volg onderstaande: NB: je kan hiermee maximaal 10 knoppen maken, en geen submenu's
http://www.ubersimple.com/google-gadgets/horizontal-menu-gadget
  1. Maak (plaatjes van) knoppen inclusief de naam. Geef ieder plaatje een naam die eindigt op de letter a als dit het plaatje is dat standaard getoond moet worden. Het formaat moet zijn: png, gif, jpg of bmp
    Maak nu knoppen die getoond moeten worden als iemand er met zijn muis over heen gaat. Geef dit plaatje exact dezelfde naam als plaatje a, maar l de laatste letter moet nu de b zijn.

  2. Maak een nieuwe pagina aan, selecteer Bestanden. Noem deze pagina img
  3. Voeg nu je plaatjes toe.
  4. Zet je cursor op een pagina waar je het horizontale menu wil hebben.
    Selecteer Invoegen - Meer gadgets - Gadgets toevoegen volgens URL.
    Vul daar dit adres in: http://hosting.gmodules.com/ig/gadgets/file/116497974158424124902/lmenu.xml
  5. Nu kan je je widget instellen:
    - vul bij url in: het adres van je img map. Dat is je domeinnaam gevolgd door /img/
    Voor een gewoon google account: http://sites.google.com/site/{yoursitename}/img/
    - Vul bij Extension in: het type extension dat je gebruikt heb voor je plaatjes. Dus: jpg, png, bmp of gif.
    - Vul bij Button name for link 1 in: de naam van het plaatje voor de eerste link: NB: dit is een kale naam zonder de letter a of b op het eind en ook zonder extensie.
    Vul in de Link for image1: dwz de pagina waarnaar de knop moet verwijzen. Dit moet een volledige url zijn (http://sites.google.com/site/{yoursitename}/home) oid.
    - Bij niet gebruikte knoppen laat je het plaatje staan en verwijder je de tekst bij Link for image
  6. Heb je minder dan 10 items nodig: download dan ook 2 lege bestandjes but_cleardota en but_cleardotb op http://www.ubersimple.com/google-gadgets
    En vul in but_cleardot