fb

Obsahové gridy vychází z filozofie jquerymobile grids:

  1. Maximální počet sloupců je 5
  2. Každy sloupec - blok uvnitř gridu musí mít jednu z tříd block1, block2, block3, block4, block5. Pořadí sloupců/bloků v gridu dáno sovislou číselnou řadou "blockX" vždy od 1-5.
  3. Volitelně je každy obsah bloku zabalen do bloku class="bbody".
  4. Každy nový řádek začína "block1" třídou. Maximální počet řádek je neomezen.

 

Grid/počet sloupcůTřída (class="")použitelné třídy pro bloky/sloupce (class="")Popis
2 sloupce grid c2 block1, block2 pořadí bloků je vždy od 1.
3 sloupce grid c3 block1, block2, block3,  (blockX two)  
4 sloupce grid c4 block1, block2, block3, block4, (blockX two, blockX three)  
5 sloupců grid c5 block1, block2, block4, block5, (blockX two, blockX three, blockX four)  
 doplňkové třídy: grid cX bck    
  blocX two three four např. b grid c4 udělám dva bloky block1 three a block2 tohle mi rozdělí 4 sloupcový grid na 1 a 3 sloupce dohromady.
  grid actbot    zarovná tlačítka pomocí ABS stylů na spodní hranu bloku.
  act třída aplikovaná na akční odstavec p - speciální blok uvnitř sloupce kde se vysytuje akční tlačítko apod.  
  act right   zarovná akční tlačítko doprava.
 
act center
  zarovná akční tlačítko na střed.
 
bbody disAutoHeight
na všechny bbody bloky je volána JS fce které stsanoví jejich výšku v řádce stejnou. třídou "disAutoHeight" to mohu zakázat.  

Velikosti a barvy tlačítek více viz Tlačítka a ovládací prvky

 

Ukázky použití vložené přes TinyMce editor - templates

Lorem ipsum dmet, consetetur

sadipscing elitr, sed diam no elitr, elitr, sed diam nonumyscing elitr, sed diamscing elitr, sed diamscing elitr

přečíst si více

Lorem ipsum sit amet, consetetur

sadipscing elitr, sed diam no elitr, elitr, sed diam nonumyscing elitr, sed diamscing elitr, sed diamscing elitr

přečíst si více

Lorem ipsum dolorcons etetur

sadipscing elitr, sed diam nonumy eirmd tempor invidunt sadipscing elitr, sed diam et dolore magduo dolores accusam et

Bronze
na dve radky

Lorem ipsum dolor consetetur

sadipscing elitr, sed diam nonumy eirmd tempor invidunt sadipscing elitr, sed diam et dolore magduo dolores accusam et

Sliver na dve
dve radky

Lorem sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmd tempor invidunt sadipscing elitr, sed diam et dolore magduo dolores accusam et

Gold
na dve radky

 

 

Ukázky použití z "test/testGrids.tpl":

ipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod temp

Lorem ipsum dmet, consetetur

sadipscing elitr, sed diam no elitr, elitr, sed diam nonumyscing elitr, sed diamscing elitr, sed diamscing elitr,

přečíst si více

Lorem ipsum sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

přečíst si více


Lorem ipsum dolorcons etetur

sadipscing elitr, sed diam nonumy eirmd tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

Bronze
na dve radky

Lorem ipsum dolor consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

Sliver na dve
dve radky

Lorem sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

Gold
na dve radky


Lorem ipsum dolorconsetetur

sadipscing elitr, sed diam nonumy eirmd tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

přečíst si více

Lorem ipsum dolorconsetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

více

Lorem sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

přečíst si více


Lorem ipsum dolor sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více

Lorem ipsum dolor sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více

Lorem ipsum dolor sit amet, consetetur

sadipscing elitr, sed diam nonum et dolore magduo dolores accusam et just et dolore magduo dolores accusam et just et dolore magduo dolores accusam et justy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více

Lorem ipsum dolor sit amet, consetetur

sadipscing elitr, sed diat

just et dolore magduo dolores accusam et just et dolore magduo dolores accusam
et justy eirmod tempor invidunt ut labore et dolore magduo dolore t just et dolore magduo dolores accusam et just et dolore magduo dolores accusam et justy eirmod tempor invidunt ut labore et dolore magduo dolore t just et dolore magduo dolores accusam et just et dolore magduo dolores accusam et justy eirmod tempor invidunt ut labore et dolore magduo dolore t just et dolore magduo dolores accusam et just et dolore magduo dolores accusam et justy eirmod tempor invidunt ut labore et dolore magduo dolore t just et dolore magduo dolores accusam et just et dolore magduo dolores accusam et justy eirmod tempor invidunt ut labore et dolore magduo dolorem nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více

Lorem ipsum dolor sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

přečíst si více

Lorem ipsum dolor sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»více


Sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»více

Lorem sitd temporsitd tempor

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»více

Lorem sitet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»více

Lorem, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»více

Lorem sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»více

Lorem sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor iut labore et dolore magduo dolores accusam et justo du

»přečíst si více nebo objednat

Lorem sit amettur

sadipscing elitr, sed diam nonumy eirmodam nonumy dunt ut tempor invidunt od tempor iut laborod tempor iut laborod tempor iut laborut labore et dolore magduo dolores accusam et justo du

  • sadipscing elitr, sed diam nonumy
  • eirmod tempor iut labore et dolore
  • magduo dolores accusam et justo du

»více

Lorem sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více

Lorem sit amet, consetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více


Kombinace grid c4 merged - rozlozeni sloupcu 2-2 s formularem

Vyplňte Vaše celé jméno. (Jméno, Příjmení, popř. titul).

Vyplňte Vaší e-mailovou adresu, na které jste k zastižení.

Telefonní číslo, na kterém jste přes den k zastižení.

* ... Prosím vyplňte položky označené hvězdičkou. Budeme tak moci rychleji a lépe reagovat na Váš dotaz. Děkujeme.

Lorem ipsum dolorconsetetur

mpo

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více


Lorem ipsum

sadipscing elitr, sed diam nonumy eirmod temporeirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

»přečíst si více


Lorem ipsum dolorconsetetur ipsum dolorconsetetur

sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed d eirmod tempor invidunt ut labore et eirmod tempor invidunt ut labore et iam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod temporu

»přečíst si více


Testovaci kombinace c4 gridu

Pokud pouziji jakoukkoliv spojenou cast musim pridat tridu merged je tam potiz s kombinaci 1-1-2 kde nejde vybrat pomoci CSS bez JS prostredni blok.

Kombinace grid c4 merged - rozlozeni sloupcu 1-3

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

Kombinace grid c4 merged - rozlozeni sloupcu 3-1

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

Kombinace grid c4 merged - rozlozeni sloupcu 2-2

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

Kombinace grid c4 merged - rozlozeni sloupcu 2-1-1

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

Kombinace grid c4 merged - rozlozeni sloupcu 1-1-2

!!!POZOR!!! tady nejsou slouce 1 a 2 stejne siroke - kvuli dodrzeni stejne mezery mezi bloky

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

Kombinace grid c4 merged - rozlozeni sloupcu 1-2-1

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magduo dolores accusam et justo du

sadipscing elitr, sed diam nonumy eirmod ter insed diam nonumy eirmod tempor invidunt sadipscing elitr, sed diam

Testovaci kombinace c5 gridu

mpor invidunt ut labore et dolore magduo dolores iam nonumy eirmod tempor invidunt ut labore et d eirmod tempor invidunt ut labore et eirmod tempor invidunt ut labore et olore magdu

[Přeskočit navigaci]

Poptávkový formulář

Chcete využít některé z našich služeb?
Napište nám, my se Vám ozeveme.

Prodej tvářecích strojů

Tvářecí stroje Gasparini jsou špičkovými opráběcími stroji pro zpracování plechů.
Detail

Prodej podavačů tyčí

Jednovřetenové a vícevřetenové podavače tyčí CUCCHI-BLT pro CNC soustruhy.
Detail

Opravy obráběcích strojů

Zajišťujeme výkup, servis včetně oprav a prodej běžných obráběcích strojů
Detail