百战团队

百战团队考试资料
当前位置:百战团队 > 站长日记 >

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

2020-06-07 百战团队
只要五步,先上效果图:[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]

如果认准备考,可联系网站客服获取国网考试资料!助你录取率提升90%!

学员评价

国网考试资料下载
最新文章
长按复制 takepay 加微信!