最新消息:为了本站的未来,希望大家能广为分享,另期待您投稿外贸人建站QQ交流群:201706683,验证请输入:卡拉科技

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

WordPress插件 Tony 1073浏览 0评论

效果演示: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;}

转载请注明:卡拉科技 » 使用Sticky Popup做侧边停靠联系表单

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址