使用Sticky Popup做侧边停靠联系表单

效果演示:http://www.yobots.org/goodspace/

jdfw

第一步,安装插件 sticky popup

第二步,基本设置,

注意:A,图标的尺寸是40*40像素,有必要时要用PS进行旋转处理。

B,Popup Top Margin项仅对“左”或“右”位置起作用。

第三步,完成内容填写

注意:如果需要放置表单,需要提前安装Contact Form 7

第四步,自定义CSS使其外观完整。

以下代码是http://www.yobots.org/goodspace/站的,其它网站需要作适当修改。

/*Sticky Popup 插件*/
.sticky-popup-left .popup-image { margin: -8px -135px 0 0 !important;}
/*Sticky Popup 内表单*/
input.mn-kalated, input.me-kalated { width:240px !important; height:20px !important; padding:6px 4px !important; margin: 10px 5px 10px !important;}
textarea.mg-kalated {width:240px !important; height:60px !important; padding:6px 4px !important; margin: 10px 5px 10px !important;}

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注