Ondersteuning » Code oplossingen gezocht » Hoe plaats je een menu midden op je Index pagina?

  • Hallo, graag zou ik mijn menu midden op de index pagina plaatsen. Ik heb een zand achtergrond met in het midden een zwart rond figuur. In dit zwarte figuur moet het menu komen. Dit moet ook op een mobiele telefoon er zo uit zien. Hoe zorg ik ervoor dat de menubalk nu de vorm van die ronde zwarte cirkel heeft en te plaatsen is waar ik wil?
    Jammer dat ik geen plaatje kan toevoegen hier anders was het veel duidelijker.

    http://www.sirshort.com

    Ik hoop dat iemand mij kan helpen.

    mvgr Laura

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Hi Laura,

    Klinkt of het uiterlijk in dit geval ERG BELANGRIJK is.
    Advies: maak een tekening bijv. mbv een foto-/ tekenprogramma oid
    zodat je een precies idee kan laten zien.

    Laat ook zien hoe en waar en welke items er in moeten passen…

    Plaats het plaatje even op een pagina / bericht van je site.
    Zo kunnen we kijken of we je van advies kunnen dienen / moeten doorverwijzen naar een professional in dit geval…?

    ’t Kan zijn dat ik je verkeerd begrijp…
    laat van je horen…

    Thread starter SirShort

    (@sirshort)

    Hi W.P. Ginfo,

    Dank je voor je reactie kijk maar eens op http://www.sirshort.com/voorbeeld/

    Zo zou het eruit moeten zien. We hebben zoiets dergelijks wel eens met coördinaten gedaan maar dat is bijna niet te doen. Dus ik zoek naar een betere oplossing.
    Waarom ik vroeg of de zwarte cirkel als het ware de menubalk zou moeten zijn is omdat wanneer het alleen maar een plaatjes is, je anders op een mobiel bijvoorbeeld het menu wellicht niet meer op dezelfde plaats zult zien staan als op het voorbeeld omdat op een mobiel alles er nu eenmaal anders uit ziet.

    Ik hoop dat jullie kunnen helpen. Ik weet dat dit mogelijk is op zich maar of het in WordPress ook kan vraag ik me af.

    Groet,

    Laura

    Hi Laura,

    Ik ga eens puzzelen… Je hoort binnenkort.

    Thread starter SirShort

    (@sirshort)

    Hi W.P.Ginfo,

    Heb je toevallig al wat gevonden? Of iemand anders? Ik kan zelf nog niets vinden helaas.

    mvgr

    Laura

    Hi Laura,

    Ja, ik krijg ’t wel op zijn plek, maar echt makkelijk is anders.
    Kortom ’t moet nog wat anders…
    Ik ploeter nog ff door als ’t goed is.
    Je hoort zsm.

    … kan je de voorbeeldpagina weer online zetten? Da’s mijn testpagina…;)

    WP

    Thread starter SirShort

    (@sirshort)

    Hi WP,

    Dank je wel voor je moeite echt fijn dat je zo mee wil denken met me. Ik hoor het graag als je er uit bent.

    Ik zet de voorbeeld pagina weer online. Hihi ik dacht dat je alleen even moest zien hoe het eruit ziet nl.

    Laura

    Thread starter SirShort

    (@sirshort)

    Hi WP,

    oh linkje voor voorbeeld is nu http://www.sirshort.com/voorbeeld-2/

    gr. Laura

    Hi Laura,

    Nou, ’t was even puzzelen maar ik heb nu een werkend antwoord voor je…

    Ik heb gebruik gemaakt van zgn. ‘hotspots’. Dat zijn plekken die je zelf kan definiëren; Zo’n ‘hotspot’ kan je vervolgens linken naar de pagina van je keuze.

    == == == voorbeeld

    <p>Voorbeeld van menu opties met behulp van 'hotspots':</p>/*een gewone tekst*/
    
    <img src="menu.png" width="800" height="600" alt="menu" usemap="#menu">
    
    <map name="menu">
      <area shape="rect" coords="320,200,600,250" alt="contact" href="http://www.sirshort.com/contact">
      <area shape="rect" coords="320,300,600,350" alt="portfolio" href="http://www.sirshort.com/portfolio">
      <area shape="rect" coords="320,400,600,650" alt="options" href="http://http://www.sirshort.com/options">
      <area shape="rect" coords="320,500,600,700" alt="News - Parool" href="http://www.parool.nl">
    </map>

    == == == uitleg

    1. maak een afbeelding bijv. ‘menu.png’, inclusief menu-items [gewoon als onderdeel van de afbeelding]
    2. Geef hierboven de feitelijke uiteindelijk afmetingen op [hier 800 bij 600pixels]
    3. plak bovenstaande voorbeeld <img src="menu.png ... tot en met </map> in een pagina [gebruik de TEKST-TAB van de dashboard-editor]
    4. sla de pagina op; bekijk het resultaat <CTRL-F5>
    5. Schuif met de coordinaten tot het gewenste resultaat wordt bereikt
    6. sla de pagina op; bekijk het resultaat <CTRL-F5>

    == == == Hoe werken de coordinaten:

    <area shape="rect" coords="320,200,600,250" alt="VK" href="http://www.sirshort.com/contact">

    De eerste twee getallen zijn de coördinaten voor de linkerbovenhoek
    De laatste twee getallen zijn de coördinaten voor de rechteronderhoek.
    Samen is dat een rechthoek.

    Heb je nog vragen…? Geef even een gil.

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Hoe plaats je een menu midden op je Index pagina?’ is gesloten voor nieuwe reacties.