Stránka 1 z 4

slider v záhlaví - wordpress  Vyřešeno

Napsal: 26 pro 2014 14:11
od cervcek
Ahoj,
druhý den si lámu hlavu s umístěním meta slideru do záhlaví stránky v šabloně twenty eleven. Programování webu moc neovládám, snažím se podle jakpsatweb.cz . Nyní jsem to udělal úpravou header.php takto:

Kód: Vybrat vše

<table background="http://petersida.moxo.cz/wordpress/wp-content/uploads/2014/12/gympl-název.png">
<td>
<span style="position: relative; top: 0px; left: 375px"> <?php echo do_shortcode("[metaslider id=112]"); ?> </span>
</td>
</table>

problém ale je, že slider je menší a nezakrývá celou plochu, i když obrázky mají výšku 250px, stejně jako obrázek v pozadí.
Předem díky za rady.

EDIT: takhle vypadá ona stránka

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 15:32
od x-rated
kámen úrazu je tabulka - dyť v záhlaví žádnou tabulku nemáš, tak na co ji máš v kódu? :smile: to záhlaví je vážně dost špatný, asi by to chtělo ho smazat a udělat odznova
http://screenshot.cz/HHRD0/tabulka.png
takže teda to je nějakej staženej template, ve kterym se vrtá někdo, kdo tomu vůbec nerozumí, že? takhle to asi na mobilu vypadat nemá http://screenshot.cz/6GGET/pokus.png

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 17:37
od cervcek
Ne, to nemá :D
Můžeš mi prosím napsat, jak to udělat jinak, než tou tabulkou?
Díky za odpověď.

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 18:33
od x-rated
jestli to teda dobře chápu, chceš mít vlevo logo a vpravo slider, je to tak?
jestli jo, tak jednoduše uděláš dva divy s floatem vedle sebe, který budou mít požadovaný vlastnosti (nějakou tu vejšku, pozadí atd.) :smile: v levym divu bude logo, v pravym přímo ten slider
důležitý ale je, abys to pak nějak upravil pro obrazovky s menší šířkou než 1000px, takže v media query ten float zase zrušíš a dáš oběma divům margin auto, aby byly na středu...
v další fázi, kdy obrazovka bude mít menší šířku než slider, buď slideshow úplně skreješ, nebo mu dáš šířku 100% a on se bude fluidně zmenšovat podle velikosti obrazovky
a jestli s tim nemáš žádný zkušenosti, tak upřímnou soustrast :D

nebo je ještě jedna možnost, asi jednodušší, všechno to narveš do zelenýho divu, slideshow uvnitř něj dáš float right a tomu logu vlevo potřebný marginy, v media query to pak zase budeš muset přepsat

a to menu by to na mobilu taky chtělo trochu zkulturnit :?

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 18:53
od LuCaCZ
šablonu Twenty Eleven nedoporučuju upravovat, vytvoř si child-theme viz http://codex.wordpress.org/sk:Odvoden%C3%A9_t%C3%A9my

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 19:04
od cervcek
díky za odpovědi, jen ještě jedna věc, když budu dělat ty úpravy pro menší obrazovky, je lepší to dělat např pro: PC, Tablet, Mobil, nebo nějak responzivně?

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 19:08
od x-rated
je třeba to dělat tak, aby se ti tam vždycky všechno vešlo a zobrazovalo se to bez problémů a hezky, takže nějak nechápu ty možnosti :smile:

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 19:32
od cervcek
tak jsem začal a už jsem narazil na první zádrhel, to logo se mi nedaří zmenšit, roztáhlo se na celou šíři stránky

Kód: Vybrat vše

<div>
<span style="max-height: 250px;"> <img src="http://petersida.moxo.cz/wordpress/wp-content/uploads/2014/12/gympl-název.png"> </span>
<span style="float: right;"> <?php echo do_shortcode("[metaslider id=112]"); ?> </span>
</div>

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 19:51
od x-rated
vys** se na to nebo si to nech u někoho za pár stovek udělat :D

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 19:58
od cervcek
Kdybych si to chtěl nechat od někoho za pár stovek udělat, tak bych sem nepsal o radu. Každopádně nevím, proč by někdo nezkušený nemohl zkoušet věci, kterým nerozumí, jak jinak myslíš, že bych se to jinak mohl naučit než tak, že to prostě zkusím a někdo mi řekne, kde dělám chyby?

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 20:03
od x-rated
v tomhle se dá radit ve chvíli, kdy máš aspoň nejzákladnější základy, pokud sem napíšeš, že nechápeš, proč se ti v tomhle konkrétním případě logo roztahuje přes celou šířku, tak je asi něco trochu víc špatně :smile: nebo mi vysvětli, proč ten span má u sebe max-height
a nedovedu si představit, že timhle tempem budeme řešit zobrazení na tabletu a mobilu :shock:

Re: slider v záhlaví - wordpress

Napsal: 26 pro 2014 20:09
od cervcek
Prostě jestli mi poradit nechceš, tak to napiš hned. Ten max-height jsem tam dal proto, že jsem se dočetl, že se jím udává maximální výška prvku. Když mi nešla určit přímo u toho obrázku, tak jsem to zkusil přes ten span.