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.Ik hoop dat iemand mij kan helpen.
mvgr Laura
-
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…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.
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
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
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
- maak een afbeelding bijv. ‘menu.png’, inclusief menu-items [gewoon als onderdeel van de afbeelding]
- Geef hierboven de feitelijke uiteindelijk afmetingen op [hier 800 bij 600pixels]
- plak bovenstaande voorbeeld
<img src="menu.png ... tot en met </map>
in een pagina [gebruik de TEKST-TAB van de dashboard-editor] - sla de pagina op; bekijk het resultaat <CTRL-F5>
- Schuif met de coordinaten tot het gewenste resultaat wordt bereikt
- 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.
- Het onderwerp ‘Hoe plaats je een menu midden op je Index pagina?’ is gesloten voor nieuwe reacties.