留言框

[vc_row full_width =”strect_row” 视差=”内容移动” 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 =”消息框” font_container =”标签:小时2|字体大小:46|文本对齐:左边|颜色:%23噗噗噗|行高:1.5″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:700%20BOLD％20 regular％3A700％3敏现象”][vc_separator align =”align_left” border_width =”3″ el_width =”50″ EL_CLASS =”分隔符”][vc_column_text css =”.VC_CUSTOM_1437477796714{顶部边距: -15像素 !重要的;}”]消息框元素显示通知，例如信息, 成功, 警告, 错误或自定义消息，以使用户注意他的动作或提供有用的提示.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”默认消息框元素” font_container =”标签:小时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提供的消息框预设，可以单击几下添加到您的页面. 目前有信息, 警告, 错误和成功消息框以经典或现代格式显示的框外面可用.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column宽度=”1/2″][vc_message color =”警报输入” message_box_color =”警报输入” icon_type =”像素” icon_pixelicons =”VC_PIXEL_ICON VC_PIXEL_ICON-INFO”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”警报” message_box_color =”警报” icon_type =”像素” icon_pixelicons =”VC_PIXEL_ICON VC_PIXEL_ICON-ALERT”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”警报范围” message_box_color =”警报范围” icon_type =”像素” icon_pixelicons =”VC_PIXEL_ICON VC_PIXEL_ICON-解释”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”警报成功” message_box_color =”警报成功” icon_type =”像素” icon_pixelicons =”VC_PIXEL_ICON VC_PIXEL_ICON-TICK”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][/vc_column][vc_column宽度=”1/2″][vc_message color =”信息”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”警告” message_box_color =”警告” icon_fontawesome =”FA fa-exclamation-triangle”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”成功” message_box_color =”成功” icon_fontawesome =”fa fa-check”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”危险” message_box_color =”危险” icon_fontawesome =”fa fa-times”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”消息框样式” font_container =”标签:小时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]

视觉作曲家定义 5 样式 (标准, 坚硬的, 实心图标, 大纲, 3D) 和 3 形状 (正方形, 圆形, 圆形的) 可以轻松将其合并到WordPress页面的唯一消息框.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column宽度=”1/2″][vc_message color =”信息” message_box_style =”坚硬的”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”警告” message_box_style =”坚硬的” 样式=”圆形的” message_box_color =”警告” icon_fontawesome =”FA fa-exclamation-triangle”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”危险” message_box_style =”坚硬的” 样式=”正方形” message_box_color =”危险” icon_fontawesome =”fa fa-times”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”成功” message_box_style =”固体” 样式=”正方形” message_box_color =”成功” icon_fontawesome =”fa fa-check”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][/vc_column][vc_column宽度=”1/2″][vc_message color =”信息” message_box_style =”3d”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”警告” message_box_style =”大纲” 样式=”正方形” message_box_color =”警告” icon_fontawesome =”FA fa-exclamation-triangle”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”成功” 样式=”正方形” message_box_color =”成功” icon_fontawesome =”fa fa-check”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message color =”危险” message_box_style =”固体” 样式=”圆形的” message_box_color =”危险” icon_fontawesome =”fa fa-times”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”自定义图标和颜色” font_container =”标签:小时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]

只需选择图标库并选择要用于消息框的图标，就可以易于将自定义图标应用于您的消息框. 相同的原理适用于颜色设置，该设置使您可以使用许多预定义的颜色来样式消息框.

[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.VC_CUSTOM_1422634159841{填充底部: 35像素 !重要的;}”][vc_column宽度=”1/2″][vc_message message_box_style =”坚硬的” 样式=”圆形的” message_box_color =”Juicy_pink” icon_fontawesome =”fa fa-ban”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message message_box_style =”固体” 样式=”正方形” message_box_color =”奇诺” icon_type =”Entypo” icon_entypo =”Entypo-Icon Entypo-Icon铅笔”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message message_box_style =”坚硬的” message_box_color =”sandy_brown” icon_type =”线虫” icon_linecons =”vc_li vc_li-heart”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message message_box_style =”大纲” message_box_color =”Vista_blue” icon_type =”线虫” icon_linecons =”vc_li vc_li-bubble”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][/vc_column][vc_column宽度=”1/2″][vc_message message_box_style =”坚硬的” message_box_color =”蓝色的” icon_fontawesome =”fa fa-strane”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message message_box_style =”3d” message_box_color =”警告” icon_fontawesome =”FA FA-COG”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message样式=”正方形” message_box_color =”绿色的” icon_type =”Entypo” icon_entypo =”Entypo-Icon Entypo-Icon-Location”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][vc_message样式=”正方形” message_box_color =”灰色的” icon_fontawesome =”FA FA-graduation-CAP”]我是消息框. 单击编辑按钮以更改此文本。[/vc_message][/vc_column][/vc_row][vc_row full_width =”strect_row” 视差=”内容移动” CSS =”.VC_CUSTOM_1430230577382{底部: -1像素 !重要的;顶部填充: 35像素 !重要的;填充底部: 45像素 !重要的;背景图: 网址('http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!重要的 ;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text =”想要更多?” font_container =”标签:小时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{底部: 15像素 !重要的;}”]

你为什么不自己测试? 您只需单击个人演示，这使您可以访问元素，并查看与Visual Composer Page Builder一起使用WordPress有多容易.

[/vc_column_text][VC_BTN标题=”启动我的演示网站” 样式=”平坦的” 颜色=”多汁粉红色” 大小=”LG” 对齐=”中心” 链接=”||” EL_CLASS =”vcd_start”][/vc_column][/vc_row]