Beschrijving
Nederlands
Forums / Thema en CSS/opmaak / Nav menu gespiegeld
Nav menu gespiegeld
Hallo,
wat is de beste oplossing om de tekst in een #nav menu gespiegeld te krijgen?
Voorbeeld: http://www.mijnalbum.nl/GroteFoto-8OYTWSZQ.jpgIk heb bovenin een menu (vaste pagina’s) waarvan ik de tekst gespiegeld wil hebben.
De tekst is gedefinieerd in #nav a, consola family.
Dat gaat goed. Nou de spiegeling nog.
Is er binnen wordpress een handig iets hiervoor, of kan ik beter met een image werken (welke dus niet aangepast wordt als de tekstgrootte in #nav a ooit aangepast moet worden)?Alvast weer mijn dank 🙂
Oplossing gevonden:
Een class “flip” en “mirror” definieren in css:
.flip { -moz-transform: RotateX(180deg); /* Gecko */ -o-transform: RotateX(180deg); /* Operah */ -webkit-transform: RotateX(180deg); /* webkit */ transform: RotateX(180deg); /* standard */ filter: FlipV; /* IE 6/7/8 */ margin-top:72px; } .mirror { float: left; }Onder #nav in header.php aanroepen:
<div class="flip"> <ul> <span class="mirror"> <?php wp_list_pages('title_li=');?></span> </ul>Resultaat: http://www.mijnalbum.nl/GroteFoto-UD6TQMSR.jpg
Ik heb nu alleen het probleem dat vanwege wp_list_pages de gemirrorde navbar ook aanklikbare links heeft. Heeft iemand enig idee hoe ik dit eruit kan slopen en gewoon text kan laten zien??
probleem voorgelegd aan http://nl.forums.wordpress.org/topic/links-verwijderen-uit-wp_list_pages?replies=1#post-48341
(sorry, kan post niet meer editen)
Het onderwerp ‘Nav menu gespiegeld’ is gesloten voor nieuwe reacties.
- In: Thema en CSS/opmaak
- 2 reacties
- 1 deelnemer
- Laatste antwoord van: Marenubium
- Laatste activiteit: 13 jaren, 3 maanden geleden
- Status: onopgelost



