Wsparcie » Zaawansowane » Problem z funkcją menu

Problem z funkcją menu

  • herWALDI

    (@herwaldi)


    10 years, 2 months temu

    Witam
    Mam problem z zaaplikowaniem menu do wordpressa

    Poniżej kody

    HTML MENU:

    <div id="menu">
<div class="cl-effect-5">
<a href="#" class="menu_"><span data-hover="STRONA GŁÓWNA">STRONA GŁÓWNA</span></a>
<a href="#" class="menu_"><span data-hover="BLOG">BLOG</span></a>
<a href="#" class="menu_"><span data-hover="BIOGRAFIA">BIOGRAFIA<span></a>
<a href="#" class="menu_"><span data-hover="GALERIA">GALERIA</span></a>
<a href="#" class="menu_"><span data-hover="MEDIA">MEDIA</span></a>
<a href="#" class="menu_"><span data-hover="DOWNLOAD">DOWNLOAD</span></a>
<a href="#" class="menu_"><span data-hover="ZAMÓW">ZAMÓW</span></a>
</div>
</div>

    CSS:

    #menu {width:1024px;height:49px;float:left;background:url('img/menu_.png');}
.menu_ {float:left;line-height:49px;padding:0 16px 0 16px;font-family:Neosans;color:#9f9f9f;}
.menu_:hover {background:url('img/menu_hover.png');float:left;line-height:49px;padding:0 16px 0 16px;font-family:Neosans;text-decoration:none;color:#fff;}
.cl-effect-5 a {float:left;overflow: hidden;}
.cl-effect-5 a span {	position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.cl-effect-5 a span::before {	position: absolute;top: 100%;content: attr(data-hover);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cl-effect-5 a:hover span, .cl-effect-5 a:focus span {	-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}

    Pomoże ktoś?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Marcin Pietrzak

    (@iworks)

    10 years, 2 months temu

    Mam problem z zaaplikowaniem menu do wordpressa

    A na czym polega problem?

    Thread Starter herWALDI

    (@herwaldi)

    10 years, 2 months temu

    w sensie, żeby stworzyc funckcje

    Lave

    (@lavelight)

    10 years, 2 months temu

    plik functions.php

    function register_header_menus() {
register_nav_menus(
array( 'header-menu' => __( 'Header Menu' ))
);
}
add_action( 'init', 'register_header_menus' );

    header.php

    <div id="navigation" class="main-navigation">
<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'menu_class' => 'nav-menu' ) ); ?>
</div>

    CSS

    Najpierw tworzysz strony a potem przechodzisz do wygłąd > menu
    zaznaczasz jakie strony maja być w menu i przypisujesz go do głównego menu.

    Pozdrawiam

    Thread Starter herWALDI

    (@herwaldi)

    10 years, 2 months temu

    Hmm nie działa wciąż, jest całkiem inny styl

Viewing 4 replies - 1 through 4 (of 4 total)
  • Temat ‘Problem z funkcją menu’ jest zamknięty na nowe odpowiedzi.

Wyświetlenia