Szöveg eszközök

At Vero

Laboris nisi ut aliquip ex ea commodo consequat. Sed ut perspiciatis unde omnis iste natus error sit voluptatem. Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

Lorem Ipsum Dolor Sit Amet

Animi, id est laborum et dolorum fuga. Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Eaque ipsa quae ab illo inventore veritatis et quasi.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Excepteur Sint

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Et harum quidem rerum facilis est et expedita distinctio. Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.

Porro Quisquam

Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Qui officia deserunt mollit anim id est laborum. Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboris nisi ut aliquip ex ea commodo consequat.

  1. Facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
  2. Fugiat quo voluptas nulla pariatur?
Lorem Ipsum Dolor Sit Amet

Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia. Eaque ipsa quae ab illo inventore veritatis et quasi. Qui officia deserunt mollit anim id est laborum. Qui officia deserunt mollit anim id est laborum.

.keret

Entry Header 1 Entry Header 2 Entry Header 3 Entry Header 4
Entry First Line 1 Entry First Line 2 Entry First Line 3 Entry First Line 4
Entry Line 1 Entry Line 2 Entry Line 3 Entry Line 4
Entry Last Line 1 Entry Last Line 2 Entry Last Line 3 Entry Last Line 4

Táblázaton belüli igazítás

Balra igazítva Középre igazítva Jobbra igazítva
Entry First Line 1 Entry First Line 2 Entry First Line 3
Entry Line 1 Entry Line 2 Entry Line 3
Entry Last Line 1 Entry Last Line 2 Entry Last Line 3

Nevezetes Arányok

.half

Fél
Fél

.half.paddinged

Fél
Fél

.thrid

Harmad
Harmad
Harmad

.thrid.paddinged

Harmad
Harmad
Harmad

.quarter

Negyed
Negyed
Negyed
Negyed

.quarter.paddinged

Negyed
Negyed
Negyed
Negyed

.octave

Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad

.octave.paddinged

Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad
Nyolcad

Űrlap elemek

Alap űrlap 1 oszlopos - Szöveg a mező elött

Alap űrlap 1 oszlopos - Szöveg a mezőben (Placeholder)

Gombok

Alap űrlap 2 oszlopos

Checkboxok/Radio Buttonok

Basic

Supports bootstrap brand colors: .checkbox-primary, .checkbox-info etc.

Inline checkboxes

Circled

.checkbox-circle for roundness.

Disabled

Disabled state also supported.

Basic

Supports bootstrap brand colors: .radio-primary, .radio-danger etc.

Disabled

Disabled state also supported.

As Checkboxes

Radios can be made to look like checkboxes.

Inline radios

Chosen

Alap Chosen Select - 10 nél kevesebb elem esetén NINCS keresés

Multiple Chosen Select

Arbitrary anchor

  • #celpont: a kívánt horgonynak CSS azonosítót adunk meg - ebben az esetben a görgetés hagyományosan, animáció nélkül megy végbe
  • .celpont: a kívánt ponthoz egy CSS osztályt rendelünk - ebben az esetben a görgetés animáltan megy végbe. Ha több elemnek is azonos az osztálya, akkor az első elem lesz a célpont
  • ##celpont|500: a kívánt ponthoz egy CSS azonosítót rendelünk, illetve megadjuk az animáció időtartamát milliszekundumban - ebben az esetben a görgetés az általunk megadott sebességgel megy végbe

Alert

Hiba - Minta


Figyelmeztetés - Minta


Információ - Minta


Mennyiség megadás - Minta


Confirm ablak - Minta


További információ itt: http://t4t5.github.io/sweetalert/

Lapozó

1 2 3 4 5 6 7 8 9





Fancybox - Youtube link

Youtube link megnyitása


További információ itt: https://github.com/fancyapps/fancyBox

Kosár oldal

Kosár áttekintése Adatok megadása Véglegesítés
Megnevezés Nettó Ár Bruttó Ár Mennyiség Töröl?
Termék 20 000 Ft 25 000 Ft
Termék 20 000 Ft 25 000 Ft
Termék 20 000 Ft 25 000 Ft
Termék 20 000 Ft 25 000 Ft
Végösszeg       400 000 Ft
Vissza Megrendelés

Y-Solutions

developed by _ Y'SOLUTIONS INFORMATICS