给Avada网站做一款漂亮的订阅样式

2020-06-11 百战团队

=================================已更新样式一===================================代码如下[fullwidthbackground_color="#071c0e"background_image=""background_parallax="none"enable_mobile="no"parallax_speed="0.3"background_repeat="no-repeat"background_position="centercenter"video_url=""video_aspect_ratio="16:9"video_webm=""video_mp4=""video_ogv=""video_preview_image=""overlay_color=""overlay_opacity="0.5"video_mute="yes"video_loop="yes"fade="no"border_size="0px"border_color=""border_style="solid"padding_top="0"padding_bottom="0"padding_left=""padding_right="0px"hundred_percent="no"equal_height_columns="no"hide_on_mobile="no"menu_anchor=""class=""id=""][one_thirdlast="no"spacing="no"center_content="no"hide_on_mobile="no"background_color=""background_image=""background_repeat="no-repeat"background_position="lefttop"border_size="0px"border_color="transparent"border_style="solid"padding="30px5px5px"margin_top=""margin_bottom=""animation_type="0"animation_direction="down"animation_speed="0.1"class="rounded-border"id=""][fusion_text]<strong><spanstyle="color:#11dacf;font-size:22px;">Whatisinthisebook</span></strong>[/fusion_text][fusion_text]<h3><spanstyle="color:#ffffff;">Loremipsumdolorsitamet,consecteturadipisicingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequat.Duisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariatur.Excepteursintoccaecatcupidatatnonproident,suntinculpaquiofficiadeseruntmollitanimidestlaborum.</span></h3>[/fusion_text][/one_third][one_thirdlast="no"spacing="no"center_content="no"hide_on_mobile="no"background_color=""background_image=""background_repeat="no-repeat"background_position="lefttop"border_size="0px"border_color="transparent"border_style="solid"padding=""margin_top="-74px"margin_bottom="-150px"animation_type="0"animation_direction="down"animation_speed="0.1"class="rounded-border"id=""][fusion_text]<imgclass="alignnonesize-fullwp-image-11646"src="http://localhost/wordpress/wp-content/uploads/2015/12/ebook.png"alt="ebook"width="449"height="639"/>[/fusion_text][/one_third][one_thirdlast="yes"spacing="no"center_content="no"hide_on_mobile="no"background_color=""background_image=""background_repeat="no-repeat"background_position="lefttop"border_size="0px"border_color="transparent"border_style="solid"padding="30px5px5px"margin_top=""margin_bottom=""animation_type="0"animation_direction="down"animation_speed="0.1"class="rounded-border"id=""][fusion_text]<strong><spanstyle="color:#11dacf;font-size:22px;">Getyourfreecopy.</span></strong><pstyle="color:#fff;">Youremailrequiredhere.Pleaserestassuredthatwewillkeepitconfidential.</p>[/fusion_text][fusion_text][contact-form-7id="403"title="Newsletter"][/fusion_text][/one_third][/fullwidth]另外请将如下图片上传至media，必要修改下图片链接：再来助攻一枚： (^__^) 嘻嘻……=================================晚间更新（都是巴比催的）样式二============================感谢巴比的一再催稿，特此更新第二个订阅表单的教程：哈集美！！！后台样式：************************************************************************************************************由于contact form7的已经教学，请移步http://ask.imiker.com/question/7100制作；现在分别需要设置full width，1/2,2/5 的padding、背景色，如下full width 设置：************************************************************************************************************1/2设置：************************************************************************************************************padding为70px;2/5设置：************************************************************************************************************************************************************************************************************************好吧，我知道你们懒，代码如下，拿走吧：[fullwidthbackground_color="#0c3455"background_image=""background_parallax="none"enable_mobile="no"parallax_speed="0.3"background_repeat="no-repeat"background_position="lefttop"video_url=""video_aspect_ratio="16:9"video_webm=""video_mp4=""video_ogv=""video_preview_image=""overlay_color=""overlay_opacity="0.5"video_mute="yes"video_loop="yes"fade="no"border_size="0px"border_color=""border_style="solid"padding_top="20"padding_bottom="20"padding_left="0"padding_right="0"hundred_percent="no"equal_height_columns="no"hide_on_mobile="no"menu_anchor=""class=""id=""][one_halflast="no"spacing="yes"center_content="no"hide_on_mobile="no"background_color=""background_image=""background_repeat="no-repeat"background_position="lefttop"border_position="all"border_size="0px"border_color=""border_style="solid"padding="70px"margin_top=""margin_bottom=""animation_type="0"animation_direction="down"animation_speed="0.1"class=""id=""][fusion_text]<pstyle="font-size:24px;color:#fff;">Addvaluetoyour</p><pstyle="font-size:48px;color:#fff;">BusinessTriffic</p>[/fusion_text][separatorstyle_type="none"top_margin="70"bottom_margin=""sep_color=""border_size=""icon=""icon_circle=""icon_circle_color=""width=""alignment="center"class=""id=""][fusion_text]<spanstyle="color:#ffffff;font-size:16px;">Loremipsumdolorsitamet,consecteturadipiscingelit.Donecmassafelis,pellentesqueacanteeget,gringillatinciduntecturs.Sedutriciestortoruttortoraccumsansemper.</span>[/fusion_text][/one_half][two_fifthlast="yes"spacing="yes"center_content="no"hide_on_mobile="no"background_color="#1a293e"background_image=""background_repeat="no-repeat"background_position="lefttop"border_position="all"border_size="0px"border_color=""border_style="solid"padding="30px50px50px"margin_top="-15px"margin_bottom="-20px"animation_type="0"animation_direction="down"animation_speed="0.1"class=""id=""][fusion_text]<pstyle="font-size:18px;"><spanstyle="color:#da9537;">SIGNUP</span>FOR</p><pstyle="font-size:28px;color:#fff;">FREECONSULTATION</p>[/fusion_text][fusion_text][contact-form-7id="4"title="Contactform1"][/fusion_text][/two_fifth][/fullwidth]

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

学员评价