写文章
lewis
2015-09-24 17:25

个性化你的“邮件列表订阅”FORM

只要五步,先上效果图:

[attach]9109[/attach]

难度系数:略懂HTML CODE,看得懂,不用编写
使用http://www.emailmeform.com/表单
使用WP主题是AVADA

通常情况我们只要把CODE粘贴到我们的网站上,这样就算完成了。但是往往风格与网站会不一样,而且还想要改变下它的结构布局,如果你有这些方面的想法,来这就找对地方了。废话少说。

STEP1 - 要有emailmeform帐号。
STEP2 - 用你的帐号登陆,点击“ADD FORM”BUTTON,选择创建属于自己的FORM。

[attach]9110[/attach]

[attach]9111[/attach]

[attach]9112[/attach]

STEP3 - 建立好FORM后,找到对应此FORM的code.复制**Embed** -> **Full code** -> **HTML only**当中的CODE。

[attach]9113[/attach]

STEP4 - 粘贴CODE到在线的HTML编辑工具当中(或其他EDITORPLUS,DREAMWEAVER),仔细看这个CODE,它的结构还是非常明显清晰,我们把已选中的这段留下。很显然这是一个3行1列的TABLE,我们修改代码改成只有1行1列(删除红框框住的CODE)。最后得到的就是精华当中的精华。

[attach]9114[/attach]

[attach]9115[/attach]

[attach]9117[/attach]

[attach]9118[/attach]

STEP5 - 到这里基本算是完成了,但是为了让FORM的风格与网站统一,还需要再添加一些代码。把这段{{{<input value="Subscribe" type="submit" />}}}换成{{{<button class="fusion-button button-flat button-round button-small button-default button-1 fusion-animated" type="submit" style="visibility: visible;"><span class="fusion-button-text">SUBSCRIBE</span></button>}}},然后在输入框的代码里面再加入{{{placeholder="Enter your email address"
}}}。到这里已经完成了对代码的编辑了,只要把它加入到你的网站中,其他细节问题再做些微调就OKAY了。

[attach]9119[/attach]
点赞
举报
收藏
转发
0/500
添加表情
评论
评论 (12)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示