关注电商
我们一直在努力

微信公众平台文章高级排版漂亮的样式模板(七)

导读:新的一些微信文章排版自适应样式,直接选择需要的样式拷贝到需要的地方,修改其中的文字即可。感谢微友:美小兆的推荐,朋友们有发现漂亮的样式也可以发给我,可以关注微信公众账号:ddianshang,发送您需要的样式需求,尽快给您回复。

相关样式:

微信公众平台文章高级排版漂亮的样式模板(一)

微信公众平台文章高级排版漂亮的样式模板(二)

微信公众平台文章高级排版漂亮的样式模板(三)

微信公众平台文章高级排版漂亮的样式模板(五)

微信编辑器

【从这里开始复制】

三岛度假
◆ 产品特色: 
住宿酒店:特别安排一晚温泉酒店、两晚海边特色酒店,精致舒适,美好旅行从优质睡眠开始。
精华景区:3岛齐游、各岛各精彩
——“中国的马尔代夫”蜈支洲岛,冯小刚2014贺岁喜剧《私人定制》取景地;
——灵秀美女岛西岛,最佳潜水基地;
——人与自然的和谐相处,快乐景区南湾猴岛
——洞天福地、山海奇观,中国的道教福地5A级景区大小洞天景区
——浪漫天涯海角,有情人终成眷属的浪漫开端;
——兴隆热带植物园、椰田古寨、亚龙湾等景区囊括其中。
温馨赠送:道家养生自助餐、政府调节基金、矿泉水1瓶/人/天。

【到这里结束复制】

【从这里开始复制】

第四天
奥特莱斯
项目集合购物、餐饮、休闲、
娱乐等为一体的休闲度假消
费新模式,打造海南全岛规
模最大、品牌最多首家纯正
奥特莱斯。
椰田古寨
走进祖国最南端、民风淳朴的
苗族古寨,感觉“银色世界”的
傩蛊文化、欣赏欢乐苗家歌
独特角度展示海南苗家原
生态生活场景。
亚龙湾沙滩
素有东方夏威夷美誉,洁白的
沙滩、细腻的海沙、让您流连
往返。

 

【到这里结束复制】

解释:那么问题来了,这个图片我怎么更换呢?那么首先我们需要把准备的图片上传到微信公众平台的【素材管理-图片库】里面,上传完后,选中你需要的图片单击鼠标右键{复制图片链接},然后就把复制的图片链接粘贴到代码里面。下面是图片并茂的代码,下面代码中文字提示就是样式中三张图片的链接地址,把自己的图片链接替换就行,然后复制下代码到微信编辑器,以源码的形式复制到编辑器,如图所示:先点击【源代码】然后再把下面代码(替换好图片链接的)复制到微信编辑器,最后在点下【源代码】就可以看到替换好自己图片的样式了。20150121204602

【代码开始】

<section style="color: rgb(51, 51, 51); font-family: ΢���ź�; font-size: 1em; text-align: center; vertical-align: middle;">
 <section class="s001" style="margin: 0px 1em; height: 0px; border-width: 1.5em; border-style: solid; border-color: rgb(0, 153, 255) transparent;"></section>
 <section style="margin: -2.75em 1.65em; height: 0px; border-width: 1.3em; border-style: solid; border-color: rgb(255, 255, 255) transparent;"></section>
 <section class="s001" style="margin: 0.45em 2.1em; height: 0px; vertical-align: middle; border-width: 1.1em; border-style: solid; border-color: rgb(0, 153, 255) transparent;">
 <section style="padding: 0px 1em; margin-top: -0.5em; font-size: 1.2em; line-height: 1em; color: white; max-height: 1em; overflow: hidden;">
 <span style="color: rgb(255, 255, 255); font-weight: bold; line-height: 16px; text-align: center;">第四天</span>
 </section>
 </section>
</section>
<fieldset style="border: none rgb(249, 110, 87); margin: 0.3em 0px; padding-bottom: 1.5em; font-weight: inherit; font-size: 1em; font-family: inherit; text-align: center; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section style="display: inline-block; width: 8em; height: 8em; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-image: url(这是第一张图片的链接http://mmbiz.qpic.cn/mmbiz/7qkKRNpH0mpCFtQM04ficqtxaUsqH74Xh1ZibqpLBNFmvTibjk02ek47gZClvHhED65aoW99UUlhpbgOP57uDZ0TQ/640); background-size: cover; float: left; vertical-align: middle; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" class="tn-Powered-by-XIUMI"></section>
 <section style="display: inline-block; border-left-width: 1px; border-left-style: solid; border-color: rgb(95, 156, 239); height: 6em; margin-top: 1em; padding-left: 1em; vertical-align: middle; box-sizing: border-box; font-size: 75%; font-family: inherit; font-weight: inherit; text-align: left; text-decoration: inherit;" class="tn-Powered-by-XIUMI">
 <section style="width: 100%; font-size: 2em; vertical-align: top; overflow: hidden; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 奥特莱斯
 </section>
 </section>
 <section style="width: 100%; vertical-align: bottom; line-height: 1.5em; font-size: 1em; overflow: hidden; font-family: inherit; font-weight: inherit; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 项目集合购物、餐饮、休闲、
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 娱乐等为一体的休闲度假消
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 费新模式,打造海南全岛规
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 模最大、品牌最多首家纯正
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 奥特莱斯。
 </section>
 </section>
 </section>
</fieldset>
<fieldset style="border: none rgb(249, 110, 87); margin: 0.3em 0px; padding-bottom: 1.5em; font-weight: inherit; font-size: 1em; font-family: inherit; text-align: center; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section style="display: inline-block; width: 8em; height: 8em; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-image: url(这是第二张图片的链接http://mmbiz.qpic.cn/mmbiz/7qkKRNpH0mpCFtQM04ficqtxaUsqH74XhNh2yHDfqvOmjR4GQMrrPU5oV1g5rxrapRcBx0U3XrfQjsPDIAod9Jg/640); background-size: cover; float: left; vertical-align: middle; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" class="tn-Powered-by-XIUMI"></section>
 <section style="display: inline-block; border-left-width: 1px; border-left-style: solid; border-color: rgb(95, 156, 239); height: 6em; margin-top: 1em; padding-left: 1em; vertical-align: middle; box-sizing: border-box; font-size: 75%; font-family: inherit; font-weight: inherit; text-align: left; text-decoration: inherit;" class="tn-Powered-by-XIUMI">
 <section style="width: 100%; font-size: 2em; vertical-align: top; overflow: hidden; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 椰田古寨
 </section>
 </section>
 <section style="width: 100%; vertical-align: bottom; line-height: 1.5em; font-size: 1em; overflow: hidden; font-family: inherit; font-weight: inherit; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 走进祖国最南端、民风淳朴的
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 苗族古寨,感觉“银色世界”的
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 傩蛊文化、欣赏欢乐苗家歌
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 舞<span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">、</span><span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">独特角度展示海南苗家原</span>
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 <span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">生态</span><span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">生活场景。</span>
 </section>
 </section>
 </section>
</fieldset>
<fieldset style="border: none rgb(249, 110, 87); margin: 0.3em 0px; padding-bottom: 1.5em; font-weight: inherit; font-size: 1em; font-family: inherit; text-align: center; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section style="display: inline-block; width: 8em; height: 8em; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-image: url(这是第三张图片的链接http://mmbiz.qpic.cn/mmbiz/7qkKRNpH0mpCFtQM04ficqtxaUsqH74XhzSt4Sjiaf9PnHdWgSlfD7VLicfkf3xSu6ywKf73cakcdyfH5RTfrmzoQ/640); background-size: cover; float: left; vertical-align: middle; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" class="tn-Powered-by-XIUMI"></section>
 <section style="display: inline-block; border-left-width: 1px; border-left-style: solid; border-color: rgb(95, 156, 239); height: 6em; margin-top: 1em; padding-left: 1em; vertical-align: middle; box-sizing: border-box; font-size: 75%; font-family: inherit; font-weight: inherit; text-align: left; text-decoration: inherit;" class="tn-Powered-by-XIUMI">
 <section style="width: 100%; font-size: 2em; vertical-align: top; overflow: hidden; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 亚龙湾沙滩
 </section>
 </section>
 <section style="width: 100%; vertical-align: bottom; line-height: 1.5em; font-size: 1em; overflow: hidden; font-family: inherit; font-weight: inherit; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 素有东方夏威夷美誉,<span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">洁白的</span>
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 <span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">沙滩、细腻的</span><span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">海沙、让您流连</span>
 </section>
 <section class="tn-Powered-by-XIUMI" style="box-sizing: border-box;">
 <span style="font-family: inherit; font-size: 1em; font-weight: inherit; line-height: 1.5em; text-decoration: inherit; box-sizing: border-box;" class="tn-Powered-by-XIUMI">往返。</span>
 </section>
 </section>
 </section>
</fieldset>

【代码结束】

最后就可以从微信编辑器里面复制改好的样式复制到自己的微信公众号里。

 

 

赞(0)
欢迎分享本文,转载保留出处:大电商 » 微信公众平台文章高级排版漂亮的样式模板(七)
分享到: 更多 (0)

留言 抢沙发

评论前必须登录!

 

'); })();