http://wp-danmark.dk/forum/topic/dropdown-menu WordPress DK Forum Topic: Dropdown menu da-DK Fri, 21 Aug 2026 23:09:45 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/dropdown-menu#post-43959 søn, 20 jan 2013 22:26:57 +0000 lc6240 43959@http://wp-danmark.dk/forum/ <p>Stylesheet:<br /> #menu {<br /> background-color: #29548d;<br /> height: 60px;<br /> margin: auto;<br /> -moz-border-radius-topleft: 3px;<br /> -moz-border-radius-topright: 3px;<br /> -moz-border-radius-bottomright: 0px;<br /> -moz-border-radius-bottomleft: 0px;<br /> -webkit-border-radius: 3px 3px 0px 0px;<br /> border-radius: 3px 3px 0px 0px;<br /> }<br /> ul#menu-main-menu li a {<br /> -webkit-transition: background 150ms ease-in-out;<br /> -moz-transition: background 150ms ease-in-out;<br /> -o-transition: background 150ms ease-in-out;<br /> transition: background 150ms ease-in-out;<br /> }<br /> ul#menu-main-menu li a:hover, ul#menu-main-menu li:hover a {<br /> background-color: #6e820a;<br /> color:#FFF;<br /> -webkit-transition: background 150ms ease-in-out;<br /> -moz-transition: background 150ms ease-in-out;<br /> -o-transition: background 150ms ease-in-out;<br /> transition: background 150ms ease-in-out;<br /> }<br /> ul#menu-main-menu li:hover a:after {<br /> bottom: -6px;<br /> content: url("images/arrowmenu.png");<br /> display: block;<br /> position: absolute;<br /> right: 32%;<br /> z-index: 3;<br /> }<br /> ul#menu-main-menu.menu li.menu-item ul.sub-menu li.menu-item a:after {content: none !important;}</p> <p>ul#menu-main-menu li:hover a:after ul.sub-menu li {content:none;}<br /> ul#menu-main-menu.menu li.menu-item ul.sub-menu li.menu-item a {<br /> -moz-border-radius: 0px 0px 3px 3px;<br /> -webkit-border-radius: 0px 0px 3px 3px;<br /> border-radius: 0px 0px 3px 3px;<br /> content: "";<br /> }<br /> ul#menu-main-menu li:first-child a:hover, ul#menu-main-menu li:first-child a {<br /> -moz-border-radius-topleft: 3px;<br /> -webkit-border-radius: 3px 0px 0px 0px;<br /> border-radius: 3px 0px 0px 0px;<br /> }<br /> #menu ul li {<br /> display: block;<br /> float: left;<br /> position: relative;<br /> }<br /> #menu ul li a {<br /> background: url(images/separator.png) repeat-y top right transparent;<br /> padding: 23px 16px 23px 16px;<br /> display: block;<br /> text-decoration: none;<br /> font-weight: bold;<br /> color: #FFFFFF;<br /> text-shadow: 0px -1px 0px #18326D;<br /> }<br /> ul#menu-main-menu li:hover &gt; ul.sub-menu {<br /> width: inherit;<br /> color:#FFF;<br /> position:absolute;<br /> line-height:5px;<br /> display:block;<br /> min-width: 150px;<br /> content: none !important;<br /> }<br /> ul#menu-main-menu ul.sub-menu {<br /> position:absolute;<br /> background-color: #132858 !important;<br /> color:#FFF;<br /> font-size:12px;<br /> z-index:2;<br /> padding-bottom: 0px;<br /> padding-top: 0px;<br /> -moz-border-radius-topleft: 0px;<br /> -moz-border-radius-topright: 0px;<br /> -moz-border-radius-bottomright: 3px;<br /> -moz-border-radius-bottomleft: 3px;<br /> -webkit-border-radius: 0px 0px 3px 3px;<br /> border-radius: 0px 0px 3px 3px;<br /> display:none;<br /> content: none !important;<br /> }<br /> ul#menu-main-menu ul.sub-menu li a {<br /> background: #132858 !important;<br /> padding: 8px 16px 7px 16px;<br /> color: #94B4DF;<br /> font-weight:normal;<br /> border-bottom: 1px solid #0E214E;<br /> }<br /> ul#menu-main-menu ul.sub-menu li:last-child a {<br /> border:none;<br /> }<br /> ul#menu-main-menu ul.sub-menu li a:hover {<br /> color:#FFF !important;<br /> content: none;<br /> }<br /> ul#menu-main-menu li:hover ul.sub-menu li, ul#menu-main-menu li ul.sub-menu li {<br /> float: none;<br /> }<br /> /*ul#menu-main-menu ul.sub-menu li:last-child a {<br /> border:none; </p> <p>Header:<br /> &lt;div id="menu"&gt;<br /> &lt;?php wp_nav_menu( "main-menu" ); ?&gt;</p> <p> &lt;form role="search" method="get" id="searchform" action="&lt;?php echo home_url( '/' ); ?&gt;"&gt;<br /> &lt;div&gt;<br /> &lt;input id="searchimage" type="image" alt="Search" src="&lt;?php bloginfo( 'template_url' ); ?&gt;/images/search.png" /&gt;<br /> &lt;input type="text" value=" S&oslash;g..."<br /> onfocus="if(this.value==this.defaultValue)this.value='';"<br /> onblur="if(this.value=='')this.value=this.defaultValue;" name="s" id="s" /&gt;<br /> &lt;/div&gt;<br /> &lt;/form&gt;<br /> &lt;/div&gt; &lt;!-- menu closed --&gt;</p> <p>Kan du se hvad jeg mangler? </p> http://wp-danmark.dk/forum/topic/dropdown-menu#post-43914 fre, 18 jan 2013 22:39:31 +0000 John 43914@http://wp-danmark.dk/forum/ <p>Jo det burde det alt efter hvordan menuen er opbygget ;-) </p> http://wp-danmark.dk/forum/topic/dropdown-menu#post-43907 fre, 18 jan 2013 19:59:13 +0000 lc6240 43907@http://wp-danmark.dk/forum/ <p>Pt arbejder jeg med det på en lokal server. </p> <p>Men burdet det bare være muligt at flytte fra den ene til anden? </p> http://wp-danmark.dk/forum/topic/dropdown-menu#post-43905 fre, 18 jan 2013 18:23:49 +0000 John 43905@http://wp-danmark.dk/forum/ <p>Det er altid nyttigt med et link til problemet ;-)</p> <p>Mon ikke du glemmer noget Javascript eller JQuery ? </p> http://wp-danmark.dk/forum/topic/dropdown-menu#post-43904 fre, 18 jan 2013 17:45:15 +0000 lc6240 43904@http://wp-danmark.dk/forum/ <p>Hej</p> <p>Jeg håber nogen kan hjælpe mig. </p> <p>Jeg har en dropdown menu på en side, som jeg ønsker at flytte til en anden side. </p> <p>Jeg har flyttet de nødvendige CSS linier fra header.php, samt tages de nødvendige linier med fra side 1's, stylesheet. </p> <p>Den viser tekst og farve rigtigt, men drop down mv, ser ud til at drille udsendet af menuen. </p> <p>Mit spørgsmål er: Hvad mangler jeg for at få den til at fungere optimal på den nye side? </p> <p>En guide line på nettet kunne eventuel være nyttig hvis nogen har et link. </p> <p>Tak<br /> Lennart </p>