Ecshop教程：修改支付宝付款按钮样式外观换成图片

很多高速度 主机在php空间使用ecshop的用户觉得ecshop默认的支付宝按钮太单调，也不显眼，觉得太难看，想要自定义的修改成带有个性的颜色或者其他图片之类的，那么如何修改呢？下面由高速度 主机小编就来为大家简单介绍一种修改ecshop支付宝支付按钮的方法。小编就先来下个单，分别看看修改前和修改后的不同之处。下完单之后，点进用户中心——我的订单，显示的效果如下图：接下来小编就开始进行修改了。首先打开网站根目录/includes/modules/payment/alipay.php；大概在196行，找到以下这段代码：

$button = '<div style="text-align:center"><input type="button" onclick="window.open('https://www.alipay.com/cooperate/gateway.do?'.$param. '&sign='.md5($sign).'&sign_type=MD5')" value="' .$GLOBALS['_LANG']['pay_button']. '" /></div>';

将其修改成以下这段代码：

$button = '<div style="text-align:center"><input type="button" class="alipay_anniu" onclick="window.open('https://www.alipay.com/cooperate/gateway.do?'.$param. '&sign='.md5($sign).'&sign_type=MD5')" value="' .$GLOBALS['_LANG']['pay_button']. '" /></div>';

也就是在<input type="button"后面添加：class="alipay_anniu"接下来是在themes/模版文件/style.css文件的最下面添加以下代码：

.alipay_anniu {width: 220px;/*按钮宽度*/height: 40px;/*按钮高度*/border: 2px solid #EBEBEB;/*按钮边框*/background: none repeat scroll 0 0 #990099;/*按钮背景颜色*/margin: 0px 0px 0px 0px;padding: 4px 0px 0px 0px;display: inline-block;position: relative;text-align: center;/*按钮字体居中*/cursor: pointer;/*鼠标放在按钮上变成小手*/font-size:18px;/*字体大小*/color:#ffffff;/*字体颜色*/

修改之后的效果:看，是不是很简单呢。赶紧来试试吧高速度 主机相关文章推荐阅读：ECSHOP教程：商品页模板修改删除购买记录ECSHOP程序网站后台编辑的商品描述如何在首页显示出来ECSHOP教程：配送方式报错LIB_COMMON.PHP ON LINE 959

本文地址：https://www.gaosudu.com/ecshop/20715.html