+

Verticals






PixelzUI facilitates for height-sizers in your web-page(s), web-app(s), template(s) & websites. PixelzUI provides thirty-six classes. You can add vertical(s) inside vertical(s) like .vt5 as child container inside .vtS as parent container.

Types

Types of verticals are all basis on color classes.

Classes

Following are the classes to use verticals in your scripts.

  1. .vt0
  2. .vt1
  3. .vt2
  4. .vt3
  5. .vt4
  6. .vt5
  7. .vt6
  8. .vt7
  9. .vt8
  10. .vt9
  11. .vtA
  12. .vtB
  13. .vtC
  14. .vtD
  15. .vtE
  16. .vtF
  17. .vtG
  18. .vtH
  19. .vtI
  20. .vtJ
  21. .vtK
  22. .vtL
  23. .vtM
  24. .vtN
  25. .vtO
  26. .vtP
  27. .vtQ
  28. .vtR
  29. .vtS
  30. .vtT
  31. .vtU
  32. .vtV
  33. .vtW
  34. .vtX
  35. .vtY
  36. .vtZ
.
=>Other classes are based on color class(es).

How to use

  1. Add .vt* in the class attribute of <div>.
  2. <div class="vt*"></div>
=>* means (0-9 & A-Z).

Demo

vt0
vt1
vt2
vt3
vt4
vt5
vt6
vt7
vt8
vt9
vtA
vtB
vtC
vtD
vtE
vtF
vtG
vtH
vtI
vtJ
vtK
vtL
vtM
vtN
vtO
vtP
vtQ
vtR
vtS
vtT
vtU
vtV
vtW
vtX
vtY
vtZ

Editing

You can edit vertical of your own choice by using this editor.

  1. Select vertical height from range slider.
  2. See the effect in dummy panel and HTML code.
  3. Copy that HTML code and place it in your script.

Vertical Height

HTML




Vertical

Leave a Reply

Your email address will not be published. Required fields are marked.