WordPress DK Forum

1. 

   lc6240
   

   Juniormedlem
   Joined: jan '13
   Posts:

   Reputation:

    

   Hej

   Jeg håber nogen kan hjælpe mig.

   Jeg har en dropdown menu på en side, som jeg ønsker at flytte til en anden side.

   Jeg har flyttet de nødvendige CSS linier fra header.php, samt tages de nødvendige linier med fra side 1's, stylesheet.

   Den viser tekst og farve rigtigt, men drop down mv, ser ud til at drille udsendet af menuen.

   Mit spørgsmål er: Hvad mangler jeg for at få den til at fungere optimal på den nye side?

   En guide line på nettet kunne eventuel være nyttig hvis nogen har et link.

   Tak
   Lennart

   Skrevet 13 years siden #
2. 

   John
   

   Administrator
   Joined: okt '09
   Posts:

   Reputation:

    

   Det er altid nyttigt med et link til problemet ;-)

   Mon ikke du glemmer noget Javascript eller JQuery ?

   Mvh John

   Skrevet 13 years siden #
3. 

   lc6240
   

   Juniormedlem
   Joined: jan '13
   Posts:

   Reputation:

    

   Pt arbejder jeg med det på en lokal server.

   Men burdet det bare være muligt at flytte fra den ene til anden?

   Skrevet 13 years siden #
4. 

   John
   

   Administrator
   Joined: okt '09
   Posts:

   Reputation:

    

   Jo det burde det alt efter hvordan menuen er opbygget ;-)

   Skrevet 13 years siden #
5. 

   lc6240
   

   Juniormedlem
   Joined: jan '13
   Posts:

   Reputation:

    

   Stylesheet:
   #menu {
   background-color: #29548d;
   height: 60px;
   margin: auto;
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-topright: 3px;
   -moz-border-radius-bottomright: 0px;
   -moz-border-radius-bottomleft: 0px;
   -webkit-border-radius: 3px 3px 0px 0px;
   border-radius: 3px 3px 0px 0px;
   }
   ul#menu-main-menu li a {
   -webkit-transition: background 150ms ease-in-out;
   -moz-transition: background 150ms ease-in-out;
   -o-transition: background 150ms ease-in-out;
   transition: background 150ms ease-in-out;
   }
   ul#menu-main-menu li a:hover, ul#menu-main-menu li:hover a {
   background-color: #6e820a;
   color:#FFF;
   -webkit-transition: background 150ms ease-in-out;
   -moz-transition: background 150ms ease-in-out;
   -o-transition: background 150ms ease-in-out;
   transition: background 150ms ease-in-out;
   }
   ul#menu-main-menu li:hover a:after {
   bottom: -6px;
   content: url("images/arrowmenu.png");
   display: block;
   position: absolute;
   right: 32%;
   z-index: 3;
   }
   ul#menu-main-menu.menu li.menu-item ul.sub-menu li.menu-item a:after {content: none !important;}

   ul#menu-main-menu li:hover a:after ul.sub-menu li {content:none;}
   ul#menu-main-menu.menu li.menu-item ul.sub-menu li.menu-item a {
   -moz-border-radius: 0px 0px 3px 3px;
   -webkit-border-radius: 0px 0px 3px 3px;
   border-radius: 0px 0px 3px 3px;
   content: "";
   }
   ul#menu-main-menu li:first-child a:hover, ul#menu-main-menu li:first-child a {
   -moz-border-radius-topleft: 3px;
   -webkit-border-radius: 3px 0px 0px 0px;
   border-radius: 3px 0px 0px 0px;
   }
   #menu ul li {
   display: block;
   float: left;
   position: relative;
   }
   #menu ul li a {
   background: url(images/separator.png) repeat-y top right transparent;
   padding: 23px 16px 23px 16px;
   display: block;
   text-decoration: none;
   font-weight: bold;
   color: #FFFFFF;
   text-shadow: 0px -1px 0px #18326D;
   }
   ul#menu-main-menu li:hover > ul.sub-menu {
   width: inherit;
   color:#FFF;
   position:absolute;
   line-height:5px;
   display:block;
   min-width: 150px;
   content: none !important;
   }
   ul#menu-main-menu ul.sub-menu {
   position:absolute;
   background-color: #132858 !important;
   color:#FFF;
   font-size:12px;
   z-index:2;
   padding-bottom: 0px;
   padding-top: 0px;
   -moz-border-radius-topleft: 0px;
   -moz-border-radius-topright: 0px;
   -moz-border-radius-bottomright: 3px;
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-radius: 0px 0px 3px 3px;
   border-radius: 0px 0px 3px 3px;
   display:none;
   content: none !important;
   }
   ul#menu-main-menu ul.sub-menu li a {
   background: #132858 !important;
   padding: 8px 16px 7px 16px;
   color: #94B4DF;
   font-weight:normal;
   border-bottom: 1px solid #0E214E;
   }
   ul#menu-main-menu ul.sub-menu li:last-child a {
   border:none;
   }
   ul#menu-main-menu ul.sub-menu li a:hover {
   color:#FFF !important;
   content: none;
   }
   ul#menu-main-menu li:hover ul.sub-menu li, ul#menu-main-menu li ul.sub-menu li {
   float: none;
   }
   /*ul#menu-main-menu ul.sub-menu li:last-child a {
   border:none;

   Header:
   <div id="menu">
   <?php wp_nav_menu( "main-menu" ); ?>

   <form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
   <div>
   <input id="searchimage" type="image" alt="Search" src="<?php bloginfo( 'template_url' ); ?>/images/search.png" />
   <input type="text" value=" Søg..."
   onfocus="if(this.value==this.defaultValue)this.value='';"
   onblur="if(this.value=='')this.value=this.defaultValue;" name="s" id="s" />
   </div>
   </form>
   </div> <!-- menu closed -->

   Kan du se hvad jeg mangler?

   Skrevet 13 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.