留言框
[vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430235677088{顶部填充: 35像素 !重要的;填充底部: 60像素 !重要的;背景图: 网址('http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!重要的 ;背景位置: 中心;背景重复: 不重复;背景大小: 覆盖 !重要的;}”][vc_column][vc_custom_heading text=”Message Box” font_container=”tag:小时2|字体大小:46|文本对齐:左边|颜色:%23噗噗噗|行高:1.5″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:700%20bold%20regular%3A700%3Anormal”][vc_separator align=”align_left” border_width=”3″ el_width=”50″ el_class=”separator-in-title”][vc_column_text css=”.vc_custom_1437477796714{顶部边距: -15像素 !重要的;}”]Message Box element displays notifications like Information, Success, Warning, Error or custom message to drag user attention to his actions or provide useful tips.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Default Message Box Elements” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1437477811299{填充底部: 15像素 !重要的;}”][vc_column_text]
Visual Composer offers Message Box presets that can be added to your page with few clicks. At the moment there are Information, Warning, Error and Success message boxes available out of the box displayed in Classic or Modern format.
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_message color=”alert-info” message_box_color=”alert-info” icon_type=”pixelicons” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-info”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”alert-warning” message_box_color=”alert-warning” icon_type=”pixelicons” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-alert”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”alert-danger” message_box_color=”alert-danger” icon_type=”pixelicons” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-explanation”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”alert-success” message_box_color=”alert-success” icon_type=”pixelicons” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-tick”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][vc_column width=”1/2″][vc_message color=”info”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”warning” message_box_color=”warning” icon_fontawesome=”fa fa-exclamation-triangle”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”success” message_box_color=”success” icon_fontawesome=”fa fa-check”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”danger” message_box_color=”danger” icon_fontawesome=”fa fa-times”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Message Box Styles” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1422628827521{填充底部: 15像素 !重要的;}”][vc_column_text]
Visual Composer defines 5 styles (Standard, Solid, Solid icon, 大纲, 3D) 和 3 shapes (Square, Rounded, Round) which can be easily combined to unique message box for your WordPress page.
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_message color=”info” message_box_style=”solid”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”warning” message_box_style=”solid” style=”round” message_box_color=”warning” icon_fontawesome=”fa fa-exclamation-triangle”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”danger” message_box_style=”solid” style=”square” message_box_color=”danger” icon_fontawesome=”fa fa-times”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”success” message_box_style=”solid-icon” style=”square” message_box_color=”success” icon_fontawesome=”fa fa-check”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][vc_column width=”1/2″][vc_message color=”info” message_box_style=”3d”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”warning” message_box_style=”outline” style=”square” message_box_color=”warning” icon_fontawesome=”fa fa-exclamation-triangle”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”success” style=”square” message_box_color=”success” icon_fontawesome=”fa fa-check”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”danger” message_box_style=”solid-icon” style=”round” message_box_color=”danger” icon_fontawesome=”fa fa-times”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Custom Icons and Colors” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1422629309274{填充底部: 15像素 !重要的;}”][vc_column_text]
It is easy to apply custom icon to your message box by simply choosing icon library and selecting icon you wish to use for your message box. The same principles applies to color settings which allows you to use lots of predefined colors to style message box.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422634159841{填充底部: 35像素 !重要的;}”][vc_column width=”1/2″][vc_message message_box_style=”solid” style=”round” message_box_color=”juicy_pink” icon_fontawesome=”fa fa-ban”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”solid-icon” style=”square” message_box_color=”chino” icon_type=”entypo” icon_entypo=”entypo-icon entypo-icon-pencil”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”solid” message_box_color=”sandy_brown” icon_type=”linecons” icon_linecons=”vc_li vc_li-heart”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”outline” message_box_color=”vista_blue” icon_type=”linecons” icon_linecons=”vc_li vc_li-bubble”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][vc_column width=”1/2″][vc_message message_box_style=”solid” message_box_color=”blue” icon_fontawesome=”fa fa-anchor”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”3d” message_box_color=”warning” icon_fontawesome=”fa fa-cog”]I am message box. Click edit button to change this text.[/vc_message][vc_message style=”square” message_box_color=”green” icon_type=”entypo” icon_entypo=”entypo-icon entypo-icon-location”]I am message box. Click edit button to change this text.[/vc_message][vc_message style=”square” message_box_color=”grey” icon_fontawesome=”fa fa-graduation-cap”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][/vc_row][vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430230577382{margin-bottom: -1像素 !重要的;顶部填充: 35像素 !重要的;填充底部: 45像素 !重要的;背景图: 网址('http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!重要的 ;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text=”Want Some More?” font_container=”tag:小时4|字体大小:38|文本对齐:中心|颜色:%23噗噗噗|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text css=”.vc_custom_1430235700796{margin-bottom: 15像素 !重要的;}”]
Why don’t you test it yourself? You are only one click away from your personal demo which allow you to access of the elements and see how easy it is to work with Visual Composer Page Builder for WordPress.
[/vc_column_text][vc_btn title=”Launch My Demo Site” style=”flat” color=”juicy-pink” size=”lg” align=”中心” link=”||” el_class=”vcd_start”][/vc_column][/vc_row]