, integration af superfish menu til en model,,,,, 3,,,,,,,,, 8,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, det er en kort og nem trinvis vejledning til ved hjælp af jquery menu stik af, superfish, udviklet af joel birch.,,, trin 1 downloading, downloade superfish pakke zip fra det officielle websted,.,, trin 2 filstruktur, kopi css og er til tema er mappe.for vores tut, målet er, twentyeleven, mappe.registret navne er, superfish css og superfish js,.,, trin 3 import kommandoer, import, css & er filer til header.php med, wp_enqueue_script, og wp_enqueue_style, wordpress funktioner.,, <?folkesundhedsprogrammet aspektet add_action ('wp_enqueue_scripts "," superfish_libs); funktion superfish_libs() (//register hver manus, fastsættelse af passende områder wp_register_script ('hoverintent, get_template_directory_uri(). "/superfish js /hoverintent. j 'er "); wp_register_script ('bgiframe, get_template_directory_uri()."/superfish js /jquery. bgiframe. min.js'); wp_register_script ('superfish, get_template_directory_uri(). "/superfish js /superfish. js, system ('jquery "," hoverintent "," bgiframe')); wp_register_script ('supersubs, get_template_directory_uri(). "/superfish js /supersubs. js, system ('superfish')); //enqueue supersubs, vi behøver ikke at enqueue andre i denne sag, da den tilhørende ordne det for os wp_enqueue_script ('supersubs); //registrerer de enkelte stil, fastsættelse af passende områder wp_register_style ('superfishbase, get_template_directory_uri(). "/superfish css /superfish. css); wp_register_style ('superfishvert, get_template_directory_uri(). "/superfish css /superfish vertikale. css, system ('superfishbase')); wp_register_style ('superfishnavbar, get_template_directory_uri(). "/superfish css /superfish navbar. css, system ('superfishvert')); //enqueue superfishnavbar, vi behøver ikke at enqueue andre i denne sag, idet den afhængighed, tage sig af det wp_enqueue_style ('superfishnavbar)}?>,, løntrin 4 klasse at søge den linje, som vist nedenfor og ændres som angivet.den måde, vi gør wordpress at anvende superfish version for de vigtigste menu: //ændring af dette: <?folkesundhedsprogrammet aspektet wp_nav_menu (array ('theme_location = > "primær").> //til dette: <?folkesundhedsprogrammet aspektet wp_nav_menu (array ('theme_location = > "primær", "menu_class = > sf menu").>,, løntrin 5 at skabe en menu, og redde en menu system i wordpress admin, så vil det vise sig i den relevante del af webstedet.billedet viser stedet, før menu:,, trin 6 menu tilføjes efter menuen indsættes:,, trin 7 modetendenser, ændre superfish styles svarer til 20 11 tema.sagen er superfish.css.Below are the details:, /* Change this: */ .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ \tcolor:\t\t\t#13a; } .sf-menu li { \tbackground:\t\t#BDD2FF; } /* To this: */ .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ \tcolor:\t\t\t#999; /*#13a;*/ } .sf-menu li { \tbackground:\t\t#ccc;/*#BDD2FF;*/ }, /* Change this: */ .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { \tbackground:\t\t#CFDEFF; \toutline:\t\t0; } /* To this: */ .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { \tbackground:\t\t#eee; \toutline:\t\t0; \tcolor: \t\t\t#111; }, /* Change this: */ .sf-shadow ul {baggrund: url ("... /images /skygge. men heller ikke dér er menneskene sikre") nr. gentager det nederste højre; polstring: 0 8px 9px 0; - moz grænse radius bottomleft: 17px; - moz grænse radius topright: 17px; - webkit grænse øverste højre spoleben: 17px; - webkit grænse nederste venstre spoleben: 17px;} /*: * /. sf skygge ul {* baggrund: url ("... /images /skygge. men heller ikke dér er menneskene sikre") nr. gentager det nederste højre; polstring: 0 8px 9px 0; - moz grænse radius bottomleft: 17px; - moz grænse radius topright: 17px; - webkit grænse øverste højre spoleben: 17px - webkit grænse nederste venstre spoleben: 17px; * /), trin 8 færdige version her, er, hvordan det vil se ud, når den er færdig.