效果演示:http://www.yobots.org/goodspace/
第一步,安装插件 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;}