Vítejte, Host
Uživatelské jméno Heslo: Pamatovat si mne
  • Strana:
  • 1
  • 2
  • 3

Téma: Nový Page / Template builder Linelabox

Nový Page / Template builder Linelabox 18. lis 2017 19:14 #133063

Video níže zobrazuje způsob přidání obrázku na pozadí jakéhokoliv prvku vaší Joomla šablony.
Obrázek nebo Background image můžete přidávat nejen z pravého panelu, ale i kliknutím na tlačítko „Edit Code“ v různých sekcích editoru, prakticky kamkoliv budete potřebovat. Navíc je zde možnost přidat pro Background image také Parallax Scrolling efekt jednoduše výběrem ze selectboxu.

Každou provedenou akci můžete vrátit zpět pomocí funkce Undo a Redo a to i když provedete stovky změn. Obrázků zdarma k použití je více jak 1 000 000, což momentálně nenabízí žádný podobný software na internetu. Obrázky mužete vyhledávat podle orientace na výšku nebo šířku, klíčových slov a kategorií. Tvorba šablon se tak posouvá na zcela jiný level.



Prohlédněte si i předchozí videa na začátku diskuze.
  • Linelab
  • Avatar uživatele Linelab
  • OFFLINE
  • Admin
  • Příspěvky: 1366
  • Obdržená poděkování 198
Poslední úprava: 18. lis 2017 19:16 od Linelab.
Administrátor zakázal veřejné příspěvky.

Nový Page / Template builder Linelabox 19. lis 2017 14:53 #133072

Na tomto videu vidíte, jakým způsobem se stylují základní selektory šablony, jako “body“ tedy tělo dokumentu, nadpisy, h1, h2, odstavce, odkazy, seznamy, formuláře, tlačítka a mnoho dalších. Na záložce Global CSS Styles si můžete pro každý selektor definovat pravidla, jak má který prvek v šabloně vypadat. Například vlastnosti písma, barvy textu, barvy a obrázky pozadí, vlastnosti bloků a další. Editaci základního CSS doporučujeme provádět na stránce „Typography“ na kterou můžete přejít v levém horním rohu editoru po kliknutí na odkaz „Pages“. Zde také najdete k editaci ostatní stránky komponent Joomla, K2, Phoca Cart, Virtuemart, Acymailing atd. Ale o tom až později.

V sekci Global CSS Styles můžete snadno v pravém panelu definovat předvolené hodnoty vlastností, nebo si přidat jaké potřebujete. Důležité je, že lze využít i přímé editace CSS stylů po kliknutí na tlačítko „Edit Code“ a máte tak plnou kontrolu nad tvrbou základního CSS.

U každé z vlastností a u každého selektoru je nápověda, pokud například nevíte, jak správně nastavit šířku vnějšího okraje prvku který editujete (Margin), najeďte myší na ikonku vpravo. Editor vás i něco nového naučí. :)
Těm z vás, kteří se CSS učit nechtějí postačí ke skvělým výsledkům pro editaci pravý panel editoru. Nicméně doporučím www.jakpsatweb.cz/css/ kde najdete mnoho užitečných informací a můžete si v reálném čase vyzkoušet na vaší šabloně, jak vše funguje. Každou akci můžete snadno neomezeně vrátit zpět pomocí nástrojů Undo a Redo.




Další videa už budou ze sekce Edit Page, kde se budete pohybovat nejčastěji.
  • Linelab
  • Avatar uživatele Linelab
  • OFFLINE
  • Admin
  • Příspěvky: 1366
  • Obdržená poděkování 198
Administrátor zakázal veřejné příspěvky.

Nový Page / Template builder Linelabox 20. lis 2017 13:13 #133075

Na videu níže se konečně dostáváme k položce "Edit Page"

V ukázce jsme si na záložce "Modules" rychle přidali moduly do mřížky šablony, mřížku tedy řádky a sloupce pro desktop, tablet a mobil verzi šablony jsme si před tím vytvořili na záložce "Boostrap Grid" Vybrané moduly jsme rozmístili do sloupců, tedy pozic pro moduly.

Na záložce "Edit Page" upravujeme parametry a vzhled Joomla! modulů a stránek komponent Joomla, Phoca cart, Virtuemart, k2 atd..., k dispozici je opět funkce „Edit code“ , lze tedy vytvořit prakticky jakýkoliv design modulů a jim nadřazených elementů. K úpravě vzhledu stránek "Pages", modulů a jim nadřazených elementů můžete samozřejmě využít i pravý panel editoru, je to velmi snadné. U každé položky je nápověda, každou akci lze vrátit zpět.

Vybrané rozšířené parametry jsou totožné s nastavením modulů v administraci Joomla. Na ukázce je vidět změna textu tlačítka pro modul vyhledávání, dále vypnutí zobrazování Submenu a nastavení obrázků v rozšířených parametrech modulu Slideshow. Všem modulům můžete také zobrazit a upravit nadpis, nastavit typ nadpisu h1 až h6, modul můžete pojmenovat tak, abyste se později v seznamu modulů dobře orientovali, Například pro menu si zvolíte název „Horní Menu“. Modul je možné přiřadit ke stránce Homepage nebo ostatním stránkám tak, aby se nezobrazoval na každé stránce editoru, tak jak přiřazujete moduly jednotlivým stránkám v administraci Joomla. Všechna tato nastavení si můžete později libovolně měnit v administraci Joomla.

V ukázce vidíte také editaci „Custom HTML“ modulu, můžete přidat nebo upravit HTML kód i CSS styly jak pro obsah modulu, tak pro modul samotný nebo nadřazený element modulu.
Důležitou funkcí je i výběr vzhledu modulu ikonka složky „Load skin“ a "Save skin". Můžete si uložit vlastní skin modulu pro pozdější použití nebo si pro každý jednotlivý modul vybrat z již přednastavených skinů tak, aby vám do šablony vyhovoval. V ukázce vidíte výběr skinu pro modul „mod_menu“.



„Edit Page“ nabízí obrovské množství funkcí a kontrolu nad každým prvkem šablony. Další zajímavé a důležité funkce si popíšeme v následujících videích.
  • Linelab
  • Avatar uživatele Linelab
  • OFFLINE
  • Admin
  • Příspěvky: 1366
  • Obdržená poděkování 198
Poslední úprava: 20. lis 2017 16:34 od Linelab.
Administrátor zakázal veřejné příspěvky.

Nový Page / Template builder Linelabox 11. led 2018 12:52 #133758

Zdravím, pomalu se blížíme do finále a nový Linelabox Template Builder bude v provozu již brzy. Přikládám pár obrázků Joomla šablon, které budou k dispozci zdarma k úpravám, nebo si je můžete stáhnout tak jak jsou. Pokud budete mít free účet, download je omezený na 3 stažení. Nejlepší je samozřejmě vytvořit si snadno vlastní Joomla šablonu. ;) Součástí editoru je mimo jiných i možnost úpravy vzhledu Phoca Cart rozšíření.




  • Linelab
  • Avatar uživatele Linelab
  • OFFLINE
  • Admin
  • Příspěvky: 1366
  • Obdržená poděkování 198
Administrátor zakázal veřejné příspěvky.
  • Strana:
  • 1
  • 2
  • 3
Vygenerováno za 0.095 sekund

Nové možnosti

Fórum umožňuje využít službu Tapatalk z vašeho mobilního zařízení.

Poslední novinky z fóra

Další témata »

Joomlaportál si prohlíží...

Právě přítomno: 623 hostů a 2 členové

Joomla!® je registrovaná ochranná známka společnosti Open Source Matters. © 2004-2012 JoomlaPortal.cz - provozováno Testudo corp. s.r.o. Powered by Twitter Bootstrap Framework. Design by Linelab.org

Jakékoliv užití obsahu včetně převzetí, šíření či dalšího zpřístupňování článků, diskuzních příspěvků a dalších textů je povolenou jen se souhlasem provozovatele.

Domů | Licence | O komunitě Joomla | Kontakty | Hledat na webu