可以自定义的有赞店铺导航按钮！

让您的有赞店铺导航更简洁，页面打开的速度更快。

根据有赞自带的店铺导航按钮深入升级（自定义按钮颜色、文字大小、布局等）

1、其中“您的链接地址”和“您的链接名称”替换就可以直接使用。

2、代码设计遵循不同终端（PC、手机、iPad）、不同手机屏幕（苹果SE以下屏幕、苹果6以上屏幕，安卓大屏、小屏）浏览比例相同的原则。

3、代码无须通过审查元素增加，随便找一个微信图文编辑平台在HTML模式下，把下面的代码拷贝过去，再切换到正常模式下拷贝元素，粘贴到富文本就可以。

4、有赞目前应该是支持bootstrap代码，希望增加更多的可自定义代码，例如：Font Awesome。

代码如下：

<tablewidth="100%" align="center" cellspacing="0"cellpadding="0">

    <tbody>

        <tr>

            <td valign="middle"align="center" width="320" style="border-color:rgb(248, 248, 248); word-break: break-all;">

                <a target="_blank"href="您的链接地址"textvalue="您的链接名称"style="color: rgb(68, 181, 73); text-decoration: none;"><buttonclass="btn btn-primary btn-lg btn-block btn-green"type="button" style="font-family: 微软雅黑; font-size: 16px;"><span style="color: rgb(255,255, 255);">✦ 您的链接名称</span></button></a>

            </td>

            <td valign="middle"align="center" width="320" style="border-color: rgb(248,248, 248); word-break: break-all;">

                <a target="_blank"href="您的链接地址"textvalue="您的链接名称"style="color: rgb(68, 181, 73); text-decoration: none;"><buttonclass="btn btn-primary btn-lg btn-block btn-red"type="button" style="font-family: 微软雅黑; font-size: 16px;"><span style="color: rgb(255,255, 255);">✦ 您的链接名称</span></button></a>

            </td>

        </tr>

    </tbody>

</table>

<tablewidth="100%" align="center" cellspacing="0"cellpadding="0">

    <tbody>

        <tr>

            <td valign="middle"align="center" width="320" style="border-color:rgb(248, 248, 248); word-break: break-all;">

                <a target="_blank"href="您的链接地址"textvalue="您的链接名称"style="color: rgb(68, 181, 73); text-decoration: none;"><buttonclass="btn btn-primary btn-lg btn-block btn-pink "type="button" style="font-family: 微软雅黑; font-size: 16px;"><span style="color: rgb(255,255, 255);">✦ 您的链接名称</span></button></a>

            </td>

            <td valign="middle"align="center" width="320" style="border-color:rgb(248, 248, 248); word-break: break-all;">

                <a target="_blank"href="您的链接地址"textvalue="您的链接名称"style="color: rgb(68, 181, 73); text-decoration: none;"><buttonclass="btn btn-primary btn-lg btn-block btn-blue"type="button" style="font-family: 微软雅黑; font-size: 16px;"><span style="color: rgb(255,255, 255);">✦ 您的链接名称</span></button></a>

            </td>

        </tr>

    </tbody>

</table>

查看效果：请扫描下面的二维码

欢迎代码高手给予指正

跟你的效果查看不一样，代码不完整 ，少了背景，圆角！！！

赞一个吧！

首页装修不错,扫码看了下

伊丽雅工艺品 发表于 2016-4-25 18:12
跟你的效果查看不一样，代码不完整 ，少了背景，圆角！！！

对照一下bootstrap

qq419223653 发表于 2016-4-26 00:12
首页装修不错,扫码看了下

刚改版，细节还在调整。

可以多写一写好玩的代码教程，申请加入有赞小报编辑部了。

有赞•一发 发表于 2016-5-3 17:54
可以多写一写好玩的代码教程，申请加入有赞小报编辑部了。

感谢您的回复，正在整理中，陆续发布一些优化好的代码。

你好在么 这个代码怎么复制进去什么也不显示勒？