WordPress - Úprava menu ve vlastní šabloně

ppozemek · **Registrován:** 23 úno 2013 08:52 **Příspěvky:** 10

Přeji pěkný večer, pomůže mi někdo z Vás upravit menu v šabloně, kterou jsem si nechal vytvořit. Jsem ve WP začátečník a bohužel nevím jak na to. Rád se i odměním. Předem moc děkuji. Petr

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

jaké menu myslíte v šabloně, horní? Jaké jsou Vaše stránky?

ppozemek · **Registrován:** 23 úno 2013 08:52 **Příspěvky:** 10

Jednalo by se o boční menu....www.akcepodlahy.cz

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

ve style.css si změňte

Kód:

.side{float:right;margin-right:6px;margin-top:30px;}
.side ul{list-style-type:none;}
.side ul li{width:266px;text-align:center;background:#dddddd;margin-bottom:2px;padding-top:10px;padding-bottom:10px;}
.side ul li a{font-size:12px;text-decoration:none;color:#565656;text-transform:uppercase;padding-top:10px;padding-bottom:10px;}
.side ul li.current-menu-item a{color:#ffffff;}
.side ul li.current-menu-item{background:#f7a900;}
.side ul ul{display:none;}
.side ul li:hover > ul {
      display: block;margin-top:3px;
   }

podle Vás.

ppozemek · **Registrován:** 23 úno 2013 08:52 **Příspěvky:** 10

Moc Vám děkuji hodně mi to pomohlo, nicméně si s tím hraju už skoro 3h a stále se mi nedaří docílit cílový stav...tedy spíše žádný stav, který představuje:

- pokud na nějakou z hlavních položek hlavního menu (jako KOBERCE V METRAZI, PVC atd.) najedu myší měla by se tato položka změnit z původní šedé barvy na oranžovou;
- pokud na tuto hlavní položku dvakrát kliknu (případě jen na ni najedu), měly by se zobrazit její podsložky, které rovněž budou mít oranžovou barvu, ale zde je nutno tyto podsložky nějak opticky oddělit od hlavní položky tak, aby bylo zřetelné, že jsou to podsložky - např. odsazením textu viz. http://www.koberce-trend.cz/koberce-metraz/

Pomůžete mi prosím ještě?
Děkuji.

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

pro lepší oddělení řádků si můžete změnit třídu

Kód:

.side ul li{width:266px;text-align:center;background:#dddddd;margin-bottom:2px;padding-top:10px;padding-bottom:10px;}

na

Kód:

.side ul li{width:266px;text-align:center;background:#dddddd;margin-bottom:10px;padding-top:10px;padding-bottom:10px;}

, úpravou margin-bottom z 2 na 10.
Žlutě po najetí se zobrazují podstránky, aby to bylo odlišné, kategorie mají šedou barvu, po najetí se nic nestane.
Můžete si také barvu změnit ze žluté například na červenou, černou atp.
změnou

Kód:

.side ul ul li:hover, .side ul ul li:hover a {
      float: none; 
      color:#ffffff;
      position: relative;
      background:#f7a900;
   }

, kde v této třídě změníte

Kód:

background:#f7a900;

na barvu jakou chcete.

ppozemek · **Registrován:** 23 úno 2013 08:52 **Příspěvky:** 10

Moc Vám děkuji, vše jsem opravil, tak jak jste napsal a funguje to viz stránky.
Bohužel se mi ale nedaří probarvit hlavní položky menu při najetí kurzorem a to na oranžovou barvu. Nevíte, jak i toto odstranit? Děkuji.

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

myslíte hlavní menu nahoře, aby po najetí odkaz byl oranžový?
Pokud myslíte horní menu, najděte ve style.css

Kód:

.top ul li a:hover {color:#979393;}

a změňte na

Kód:

.top ul li a:hover {color:#979393;background:#FF9900;}

.

ppozemek · **Registrován:** 23 úno 2013 08:52 **Příspěvky:** 10

Měl jsem na mysli boční menu, ale o hlavním taky přemýšlím, jak toho dosahnout.
Budu rád za jakoukoliv radu. Mezi tím se Vám pokusím popsat co jsem měl na mysli u bočního menu.

ppozemek · **Registrován:** 23 úno 2013 08:52 **Příspěvky:** 10

Už teď Vám musím poděkovat za Vaši ochotu.
K bočnímu menu, nejlépe moji představu budou prezentovat stránky
http://www.koberce-trend.cz/koberce-metraz/

Rozdíl je pouze v barvě modrá=oranžová, červená=šedá.

Lze tohoto stavu dosáhnout? Děkuji.

Návody pro C4

Webhosting C4

WordPress - Úprava menu ve vlastní šabloně

Kdo je online

FTP Uploader

WordPress partneři

WordPress Hosting