Tabicon – Tabs Framework

(Use uma classe para o corpo e uma para guias abaixo das aulas.)

Cores do corpo escuro:

• T_B_BLUISH_DARK
• t_b_greenish_dark
• T_B_BROWINSH_DARK
• t_b_lightseagreenish_dark
• t_b_lightcoralish_dark
• T_B_GRAYISH_DARK

Cores do corpo claro:

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

Cores de Dark Tabs:

• T_T_BLUISH_DARK
• t_t_greenish_dark
• T_T_BROWINSH_DARK
• t_t_lightseagreenish_dark
• t_t_lightcoralish_dark
• T_T_GRAYISH_DARK

Cores de Light Tabs:

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

*Os nomes de classe acima representam as respectivas cores.

Aulas disponíveis apenas para guias imóveis tipo:

Posição de controle das guias:
• t_inside
  
  Esta classe moverá as abas para dentro do corpo.
  
• t_outside_attached
  
  Esta aula moverá as abas para fora do corpo, mas presa a ela.
  
• t_outside_dettached
  
  Esta aula moverá as abas para fora do corpo e se destacará.
  

Controlando o alinhamento e o espaçamento das guias:

• t_left_separado
  
  Esta classe alinhará as guias ao lado esquerdo, com algum espaço entre cada par de guias.
  
• T_LEFT_UNSEPARATED
  
  Esta classe alinhará as guias ao lado esquerdo, sem espaço entre cada par de guias.
  
• t_right_separated
  
  Esta classe alinhará as guias ao lado direito, com algum espaço entre cada par de guias.
  
• T_RIGHT_UNSEPARATIDO
  
  Esta classe alinhará as guias ao lado direito, sem espaço entre cada par de guias.
  
• t_fluid_separado
  
  Esta classe aumentará o tamanho das guias para preencher toda a largura, com algum espaço entre cada par de guias.
  
• t_fluid_unseparado
  
  Esta classe aumentará o tamanho das guias para preencher toda a largura, sem espaço entre cada par de guias.
  
• t_center_separado
  
  Esta classe alinhará as guias no centro, com algum espaço entre cada par de guias.
  
• T_CENTER_UNSEPARADO
  
  Esta classe alinhará as guias no centro, sem espaço entre cada par de guias.
  

Forma de controle das guias:

• t_round_full
  
  Esta aula fará com que as abas arredondem em todos os cantos.
  
• T_ROUND_TOP
  
  Esta aula fará com que as abas arredondem nos cantos superiores.
  
• T_LA_ROUNDED_TOP_EXTREMES
  Use com guias alinhadas esquerda.
  
  Esta classe fará com que as abas extremas das abas alinhadas esquerdas arredondadas nos cantos esquerda/direita.
  
• T_RA_ROUNDED_TOP_EXTREMES
  Use com guias alinhadas corretas.
  
  Esta classe fará as abas extremas das abas alinhadas certas arredondadas nos cantos direito/esquerdo.
  
• T_LA_ROUNDED_EXTREMES
  Use com guias alinhadas esquerda.
  
  Esta classe fará com que os cantos extremos das abas extremas das abas alinhadas esquerdas arredondadas.
  
• T_RA_ROUNDED_EXTREMES
  Use com guias alinhadas corretas.
  
  Esta classe fará com que os cantos extremos das abas extremas das abas alinhadas certas arredondadas.
  
• t_la_curved_full
  Recomendado: Use com guias alinhadas esquerda.
  
  Esta classe fará com que cada guia das abas alinhadas esquerda seja curvada.
  
• t_ra_curved_full
  Recomendado: Use com guias alinhadas corretas.
  
  Esta classe tornará curvadas cada guia das guias alinhadas corretas.
  
• t_la_curved_extremes
  Recomendado: Use com guias alinhadas esquerda.
  
  Esta classe tornará as extremidades extremas das abas extremas das guias alinhadas esquerdas curvadas.
  
• t_ra_curved_extremes
  Use com guias alinhadas corretas.
  
  Esta classe tornará as extremidades extremas das guias extremas das guias alinhadas certas curvadas.
  
• Adicione nenhuma classe para obter uma guia retangular. Esta é a forma padrão das guias.
  

Fontes e créditos:

Eu usei os seguintes ícones ou outros arquivos, conforme listado.

• Fonte do Google – Aberto sem
• Ícones de vetores do Fontawesome
• Normalize.css

Avalie o arquivo se você gosta.

Obrigado!