Právě je 27 led 2021 11:44

Všechny časy jsou v UTC + 1 hodina




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 18 ]  Přejít na stránku 1, 2  Další
Autor Zpráva
 Předmět příspěvku: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 07:57 

Registrován:
23 úno 2013 07: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


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 11:42 
C4 podpora
C4 podpora

Registrován:
09 úno 2013 12:11
Příspěvky:
2413
Dobrý den,

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

_________________
Filip Kučera
Webhosting C4
http://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 12:07 

Registrován:
23 úno 2013 07:52
Příspěvky:
10
Jednalo by se o boční menu....www.akcepodlahy.cz


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 12:11 
C4 podpora
C4 podpora

Registrován:
09 úno 2013 12: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.

_________________
Filip Kučera
Webhosting C4
http://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 15:01 

Registrován:
23 úno 2013 07: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.


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 17:50 
C4 podpora
C4 podpora

Registrován:
09 úno 2013 12: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.

_________________
Filip Kučera
Webhosting C4
http://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 20:11 

Registrován:
23 úno 2013 07: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.


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 20:39 
C4 podpora
C4 podpora

Registrován:
09 úno 2013 12: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;}
.

_________________
Filip Kučera
Webhosting C4
http://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 21:02 

Registrován:
23 úno 2013 07: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.


Nahoru
 Profil  
 
 Předmět příspěvku: Re: WordPress - Úprava menu ve vlastní šabloně
PříspěvekNapsal: 23 úno 2013 21:12 

Registrován:
23 úno 2013 07: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.


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 18 ]  Přejít na stránku 1, 2  Další

Všechny časy jsou v UTC + 1 hodina


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
WordPress partneři

Seznam všech partnerů

WordPress Hosting
Návody pro C4

© 2009-2021 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz