dotazy začátečníka – vlastní šablona

Úvodní stránka Fórum podpory WordPressu Problémy s WordPressem dotazy začátečníka – vlastní šablona

Zvolené téma obsahuje celkem 7 odpovědí. Do diskuze (2 účastníci) se naposledy zapojil uživatel  morca a poslední změna je stará 11 let, 9 měsíců.

Aktuálně je na stránce zobrazeno 8 příspěvků - 1. až 8. (z celkem 8)
  • Autor
    Příspěvky
  • #1796

    morca
    Participant
    Web

    Všechny Vás zdravím a prosím Vás o pomoc/radu

    ukázka: http://www.vilajosefina.cz/test

    vzor: http://www.vilajosefina.cz

    – nemůžu si poradit s menu, když najedu na položku a použiji HOVER, nezobrazí se mi celé tlač. ale jenom pozadí za odkazem.

    div.menu a:hover{background:url(‘obrazky/stranka/tlacitka/pozadi_tlac_hover.gif’);}

    Řešení by asi mohlo být, dat jednotlivá tlač. do tabulky a udělat pak hower na ně:

    .menu TD:hover{background-color: #CCEEFF;}

    Nevím ale jak menu do tabulky vložit …

    <?php wp_nav_menu( array( ‘theme_location’ => ‘moje-menu’ ) );?>

    Dopředu se omlouvám, pokud nebudu reagovat, budu několik dní mimo.

    Moc Vám děkuju za pomoc,

    Jakub

    #11988

    Lukenzi
    Participant

    1. Obalovat odkazy tabulkami jen kvůli tomu, že je mám špatně nastylované je nesmysl.

    2.Pozadí je jen pod odkazy (tag a) proto, že to tak máte definované

    div.menu a:hover{background:url('obrazky/stranka/tlacitka/pozadi_tlac_hover.gif');} a také proto, že nikde není definovaná velikost toho odkazu (proto se použije pouze za textem + padding). Jednoduše řečeno tag “a” musí mít stejnou velikost jako tag “li”.

    Na té vzorové stránce to tak funguje, protože ten text je přímo v obrázku a každý odkaz má pevně danou šířku i výšku (podle daného obrázku).

    Každopádně obě varianty jsou špatně, text v obrázcích se používal někdy v 90. letech protože tehdy byla tvorba webu úplně o něčem jiném než dnes…

    Moje řešení by bylo přidat výšku (41px) pro tagy UL, LI a A v menu. Navíc tag A musí mít nastaveno display: block;.

    Pak ještě samozřejmě doplnit “padding” (odsazení textu od okrajů tlačítek) a “margin” (pro odsazení jednotlivých tlačítek od sebe).

    Jak to pak bude vypadat zde

    #11989

    morca
    Participant
    Web

    Dobrý den Lukenzi,

    moc Vám díky za vaše rady, jenom se musím přiznat, že jsem zmatený z:

    “Každopádně obě varianty jsou špatně, text v obrázcích se používal někdy v 90. letech protože tehdy byla tvorba webu úplně o něčem jiném než dnes… “

    Jak to ale vyřešit jinak, tak aby se při přidání odkazu v administraci WordPressu tlačítko na stránkách správně zobrazilo? Dříve jsem měl každé tlačítko zvlášť, to ale u WordPressu nejdou použít …

    Omlouvám se, jestli jsem Vás správně nepochopil

    Děkuju

    #11990

    Lukenzi
    Participant

    Asi vám nerozumím… Proč by jste měl pro každé tlačítko vytvářet nějaký obrázek? Pokud vše nastylujete tak jak jsem popsal tak každé (i nově vytvořené tlačítko) bude vypadat stejně (jen šířku si bude měnit automaticky podle délky textu v tom daném tlačítku) a bude i stejně fungovat. Text na tlačítku bude prostě textový odkaz na danou stránku jen nebude vypadat jako odkaz, ale jako tlačítko. Nějak si neumím představit, že bych pro každý odkaz na stránku vytvářel nový obrázek s nějakým textem…

    Co když budete chtít změnit ten text v tom obrázku? Budete vytvářet nový obrázek? Co vyhledávací roboti? Ti text v obrázcích číst neumí takže mínus pro SEO. Co návštěvníci kteří neumí česky a přeloží si stránku v překladači? Ten taky neumí přeložit text v obrázku. Z minimálně těchto důvodu je text (JAKÝKOLIV) v obrázku blbost.

    btw celé to vaše menu jde snadno vytvořit jen za pomocí CSS bez použití jediného obrázku, stačí použít google a hledat tutoriály a příklady na téma CSS3…

    #11991

    morca
    Participant
    Web

    Zdravím Vás Lukenzi,

    moc Vám díky za vysvětlení, úplně rozumím. V původním webu jsem měl tlačítka jako jednotlivé obrázky a máte pravdu je to naprostá hloupost + SEO …, což mě vůbec nenapadlo.

    Chtěl bych Vás požádat ještě o radu, připadám si jako trouba, ale nejsem schopný pomocí vertical-align docílit vycentrování menu na střed .. :-( Poraďte mi prosím jak na to

    Moc Vám děkuju

    #11992

    Lukenzi
    Participant

    vertikal align je špatná volba :)

    Teď nejsem bohužel na svém PC tak si to nemůžu otestovat, ale zkusil bych

    div.menu ul li a{

    padding-top: 5px;

    }

    #11993

    morca
    Participant
    Web

    Zdravím Lukenzi,

    tuhle variantu jsem zkoušel, ale stane se to, že se text přesune doprostřed, což je žádoucí, ale při HOVER se pozadí přesune o stejné pixely a to nechci. Chci aby text byl uprostřed a při hover pozadí na celou výšku oranžového pruhu …

    Můžu trochu přimotat do vlákna jiný dotaz? Mám stránku partneři, kterou chci také v administraci upravovat, ale nechci aby odkaz na tuto stránku vedl z hlavního menu, ale odkazem z patičky a nevím jak na to.

    Moc děkuju

    #11994

    morca
    Participant
    Web

    Zdravím Vás všechny, abych nemotal, tak jsem druhou část včerejšího příspěvku (tu s odkazem na partnery dal do nového vlákna (https://www.separatista.net/forum/topic.php?id=1144&replies=1#post-5844).

    Moc Vám děkuji za rady

Aktuálně je na stránce zobrazeno 8 příspěvků - 1. až 8. (z celkem 8)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti