kolejne podmenu sub-navigation

  • Rozwiązano sailorpopeye

    (@sailorpopeye)


    13 lat, 1 miesiąc temu

    witam, od razu się tłumaczę, że jeśli idzie o wordpressa to jestem zielony, więc jeśli poniżej napiszę bzdury to przepraszam.
    Ponieważ grafik w menu na mojej stronie zastosował niestandardowe czcionki to informatyk menu zrobił w formie pliku gif (navigation.gif). Tylko jedna ze stron miała podmenu i tam też jest zastosowany plik sub-navigation.gif
    Teraz chciałbym na innej stronie z menu zrobić podstrony, więc domyślam się, że muszę stworzyć nowy np. sub-navigation2.gif i dokonać zmian w arkuszu stylów (style.css). Tylko jak już w panelu administracyjnym przy dodawaniu kolejnej strony i wyborze „rodzica” będę zmieniał sub-navigation.gif
    Jeśli ktoś rozumie moje pytanie i chciałby odpowiedzieć to proszę o odpowiedź która krok po kroku wyjaśni mi w łatwy sposób co mam zrobić. Z góry dziękuję

Zobacz 4 odpowiedzi - od 1 do 4 (z 4 łącznie)
  • Moderator Paweł Knapek

    (@adpawl)

    13 lat, 1 miesiąc temu

    Niestety nie bardzo rozumiem …nie mam siły zrozumieć.

    Pytanie, czy nie można tych fontów zastąpić jakimiś innymi np z google fonts? …i zrobić to po ludzku a nie kombinować z jakimiś grafikami?

    Twórca wątku sailorpopeye

    (@sailorpopeye)

    13 lat, 1 miesiąc temu

    tak wygląda kod do mojego podmenu sub-navigation
    czyli w menu jeden rodzic ma czworo dzieci

    #sub-navigation {padding: 0 0 0 50px;}
    #sub-navigation ul {overflow: hidden;}
    #sub-navigation li {display: block; float: left; width: 205px; height: 44px; padding: 13px 0 0; background: url(„gfx/bg_navigation.png”) no-repeat 50% 100%;}
    #sub-navigation a {display: block; height: 23px; margin: 0 auto; padding: 0; background: url(„gfx/sub-navigation.gif”) no-repeat 0 0;}
    #sub-navigation span {display: none;}
    #sub-navigation .page-item-19 a {background-position: 0px -23px; width: 111px;}
    #sub-navigation .page-item-19[class*=current] a,
    #sub-navigation .page-item-19 a:focus,
    #sub-navigation .page-item-19 a:hover {background-position: 0px 0px;}
    #sub-navigation .page-item-21 a {background-position: -120px -23px; width: 113px;}
    #sub-navigation .page-item-21[class*=current] a,
    #sub-navigation .page-item-21 a:focus,
    #sub-navigation .page-item-21 a:hover {background-position: -120px 0px;}
    #sub-navigation .page-item-23 a {background-position: -240px -23px; width: 116px;}
    #sub-navigation .page-item-23[class*=current] a,
    #sub-navigation .page-item-23 a:focus,
    #sub-navigation .page-item-23 a:hover {background-position: -240px 0px;}
    #sub-navigation .page-item-25 a {background-position: -360px -23px; width: 139px;}
    #sub-navigation .page-item-25[class*=current] a,
    #sub-navigation .page-item-25 a:focus,
    #sub-navigation .page-item-25 a:hover {background-position: -360px 0px;}
    #sub-navigation {}
    #sub-navigation {}
    #sub-navigation {}

    chcę w tym samym menu do innego rodzica zrobić kolejne podmenu kolejne dzieci, jak to uczynić?
    czy teraz nieco jaśniej napisałem?

    matdev

    (@matdev)

    13 lat, 1 miesiąc temu

    Z tego co ja zrozumiałem:
    1) musisz edytować swój plik graficzny sub-navigation.gif, dodaj nowe pozycje
    2) utwórz menu/submenu
    3) użyj inspektora w chrome lub firebuga w firefox i znajdź klasy CSS nowych elementów w menu
    4) znalezione klasy użyj w CSS

    Twórca wątku sailorpopeye

    (@sailorpopeye)

    13 lat, 1 miesiąc temu

    krótko, zwięźle i na temat. Dzięki matdev za pomoc

Zobacz 4 odpowiedzi - od 1 do 4 (z 4 łącznie)

Temat ‘kolejne podmenu sub-navigation’ jest zamknięty na nowe odpowiedzi.