Info and Notice Panels

[TS-VCSC-Icon-Title title=”General Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmVhdHVyZXM=” el_file1=”” el_file2=””][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png” el_file=””]

  • Two different layouts (info or notice panel)
  • 5 built-in color patterns
  • Define your own color scheme
  • Can be used with our without icon
  • Use any icon from the built-in icon fonts
  • Apply hover or infinite animation to icon
  • Full tinyMCE HTML editor for content

[/TS_VCSC_Fancy_List]

[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Notice Panel Layout” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”Tm90aWNlJTJDJTIwTGF5b3V0″ el_file1=”” el_file2=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_icon=”ts-awesome-bullseye” panel_title=”Notice Panel – Normal”]This is the layout for the Notice Panel – Normal.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” panel_icon=”ts-awesome-info-circle” panel_title=”Notice Panel – Info” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”rotateFull” css3animations_in=”Rotate Full”]This is the layout for the Notice Panel – Info.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”success” panel_icon=”ts-awesome-certificate” panel_title=”Notice Panel – Success”]This is the layout for the Notice Panel – Success.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”warning” panel_icon=”ts-awesome-warning” panel_title=”Notice Panel – Warning” animations=”true” animation_class=”tada” css3animations_in=”Tada”]This is the layout for the Notice Panel – Warning.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”critical” panel_icon=”ts-awesome-ban” panel_title=”Notice Panel – Critical” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”pulse” css3animations_in=”Pulse Normal”]This is the layout for the Notice Panel – Critical.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”custom” color_icon=”#dd9933″ color_title=”#1e73be” color_border=”#dd3333″ color_background=”#eeee22″ panel_icon=”ts-awesome-bitbucket” panel_title=”Notice Panel – Custom”]This is the layout for the Notice Panel – Custom.[/TS_VCSC_Info_Notice]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Info Panel Layout” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”SW5mbyUyQyUyMExheW91dA==” el_file1=”” el_file2=””][TS_VCSC_Info_Notice panel_icon=”ts-awesome-bullseye” panel_title=”Info Panel – Normal”]This is the layout for the Info Panel – Normal.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_type=”info” panel_icon=”ts-awesome-info-circle” panel_title=”Info Panel – Info” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”rotateFull” css3animations_in=”Rotate Full”]This is the layout for the Info Panel – Info.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_type=”success” panel_icon=”ts-awesome-certificate” panel_title=”Info Panel – Success”]This is the layout for the Info Panel – Success.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_type=”warning” panel_icon=”ts-awesome-warning” panel_title=”Info Panel – Warning” animations=”true” animation_class=”tada” css3animations_in=”Tada”]This is the layout for the Info Panel – Warning.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_type=”critical” panel_icon=”ts-awesome-ban” panel_title=”Info Panel – Critical” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”pulse” css3animations_in=”Pulse Normal”]This is the layout for the Info Panel – Critical.[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”5″ el_file=””][TS_VCSC_Info_Notice panel_type=”custom” color_icon=”#dd9933″ color_title=”#1e73be” color_border=”#dd3333″ color_background=”#eeee22″ panel_icon=”ts-awesome-bitbucket” panel_title=”Info Panel – Custom”]This is the layout for the Info Panel – Custom.[/TS_VCSC_Info_Notice]