Tabicon – Tabs Framework Download

DOWNLOAD/LIVE PREVIEW

Tabicon - Tabs Framework Download

Options:

  • Pure HTML and CSS.
  • Responsive design.
  • CSS3 Animations.
  • 2 major variations, primarily based on movement of tabs whereas choice, the place every variation has four extra variations
  • 36 coloration variations – 6 for physique and 6 for tabs.
  • 12 animations.
  • 9 shapes for tabs.
  • Variations primarily based on coloration, form and place will be switched to easily by utilizing predefined class names.
  • Detailed documentation.
  • Most writer assist.

Lessons out there for major variations – Cellular and Motionless Tabs:

  • t_container
  • Shade variations:
    (Use one class for physique and one for tabs from under lessons.)

    Darkish physique colours:

    • t_b_bluish_dark
    • t_b_greenish_dark
    • t_b_browinsh_dark
    • t_b_lightseagreenish_dark
    • t_b_lightcoralish_dark
    • t_b_grayish_dark

    Gentle physique colours:

    • t_b_bluish_light
    • t_b_greenish_light
    • t_b_browinsh_light
    • t_b_lightseagreenish_light
    • t_b_lightcoralish_light
    • t_b_grayish_light

    Darkish tabs’ colours:

    • t_t_bluish_dark
    • t_t_greenish_dark
    • t_t_browinsh_dark
    • t_t_lightseagreenish_dark
    • t_t_lightcoralish_dark
    • t_t_grayish_dark

    Gentle tabs’ colours:

    • t_t_bluish_light
    • t_t_greenish_light
    • t_t_browinsh_light
    • t_t_lightseagreenish_light
    • t_t_lightcoralish_light
    • t_t_grayish_light

    *The category names above signify the respective colours.

    Lessons out there for Motionless Tabs sort solely:

      Controlling place of tabs:

    • t_inside

      This class will transfer the tabs contained in the physique.
      Tabicon - Tabs Framework Download
    • t_outside_attached

      This class will transfer the tabs outdoors the physique, however connected to it.
      Tabicon - Tabs Framework Download
    • t_outside_dettached

      This class will transfer the tabs outdoors the physique and dettached to it.
      Tabicon - Tabs Framework Download
    • Controlling alignment and spacing of tabs:

    • t_left_separated

      This class will align the tabs to the left facet, with some area between every pair of tab.
      Tabicon - Tabs Framework Download
    • t_left_unseparated

      This class will align the tabs to the left facet, with no area between every pair of tab.
      Tabicon - Tabs Framework Download
    • t_right_separated

      This class will align the tabs to the correct facet, with some area between every pair of tab.
      Tabicon - Tabs Framework Download
    • t_right_unseparated

      This class will align the tabs to the correct facet, with no area between every pair of tab.
      Tabicon - Tabs Framework Download
    • t_fluid_separated

      This class will enhance the scale of tabs in order to fill all the width, with some area between every pair of tab.
      Tabicon - Tabs Framework Download
    • t_fluid_unseparated

      This class will enhance the scale of tabs in order to fill all the width, with no area between every pair of tab.
      Tabicon - Tabs Framework Download
    • t_center_separated

      This class will align the tabs within the middle, with some area between every pair of tab.
      Tabicon - Tabs Framework Download
    • t_center_unseparated

      This class will align the tabs within the middle, with no area between every pair of tab.
      Tabicon - Tabs Framework Download
    • Controlling form of tabs:

    • t_rounded_full

      This class will make the tabs rounded in any respect corners.
      Tabicon - Tabs Framework Download
    • t_rounded_top

      This class will make the tabs rounded at high corners.
      Tabicon - Tabs Framework Download
    • t_la_rounded_top_extremes
      Use with left aligned tabs.

      This class will make the acute tabs of the left aligned tabs rounded at left/proper corners.
      Tabicon - Tabs Framework Download
    • t_ra_rounded_top_extremes
      Use with proper aligned tabs.

      This class will make the acute tabs of the correct aligned tabs rounded at proper/left corners.
      Tabicon - Tabs Framework Download
    • t_la_rounded_extremes
      Use with left aligned tabs.

      This class will make the acute corners of the acute tabs of the left aligned tabs rounded.
      Tabicon - Tabs Framework Download
    • t_ra_rounded_extremes
      Use with proper aligned tabs.

      This class will make the acute corners of the acute tabs of the correct aligned tabs rounded.
      Tabicon - Tabs Framework Download
    • t_la_curved_full
      Really helpful: Use with left aligned tabs.

      This class will make every tab of the left aligned tabs curved.
      Tabicon - Tabs Framework Download
    • t_ra_curved_full
      Really helpful: Use with proper aligned tabs.

      This class will make every tab of the correct aligned tabs curved.
      Tabicon - Tabs Framework Download
    • t_la_curved_extremes
      Really helpful: Use with left aligned tabs.

      This class will make the acute ends of the acute tabs of the left aligned tabs curved.
      Tabicon - Tabs Framework Download
    • t_ra_curved_extremes
      Use with proper aligned tabs.

      This class will make the acute ends of the acute tabs of the correct aligned tabs curved.
      Tabicon - Tabs Framework Download
    • Add no class to get an oblong tab. That is the default form of the tabs.
      Tabicon - Tabs Framework Download

    Sources and Credit:

    I’ve used the next icons or different information as listed.

    Price the file should you prefer it.

    Thanks!

  • DOWNLOAD/LIVE PREVIEW
    Source

    Be the first to comment

    Leave a Reply

    Your email address will not be published.


    *


    This site uses Akismet to reduce spam. Learn how your comment data is processed.