[简易链接]自定义为谨慎的设计：如果有会员
什么是简单链接？
会员便捷链接使创建与Rinker和Kaeleva等多个购物网站的链接变得容易。
什么是简单链接？
它是一项功能，可让您轻松创建一个简单的卡式会员链接（响应式）。 请在Rakuten Ichiba或Amazon.co.jp中输入产品页面的URL或在URL字段中输入搜索关键字。
https://af.moshimo.com/af/shop/service/easy-link-card
这很方便，因为可以输入一个产品页面的URL，但是默认值有点让人难以接受，或者我在大型设计上有些虚弱。
像这样在垂直方向上很长
这次，我将其自定义为简单且醒目的设计。
链接
我改变的地方
- 产品名称：减小字体大小。大胆的。
- 按钮尺寸：小型化。利润也减少了。
- 按钮下方：删除了宽边距。
- 按钮：从橙色到奶油色。添加了三维效果。
- 鼠标悬停时：添加动作以按下按钮。
- 图像尺寸：缩小。
代码
外观定制→将以下代码添加到CSS。
/ *如果隶属Easy Link自定义* / / * ---产品标题--- * / p.easyLink-info-name a {font-size：16px！Important; font-weight：bold;} / *-按钮大小--- * / div.easyLink-box div.easyLink-info p.easyLink-info-btn a {填充：1px！重要；} @media屏幕和（最小宽度：704px）{div.easyLink-box div.easyLink-info p.easyLink-info-btn a {margin-bottom：10px！Important;}} / * ---删除按钮下方的空格--- * / div.easyLink-box {padding：10px; } div.easyLink-box div.easyLink-info p.easyLink-info-btn a：最后一个孩子{margin-bottom：0！Important;} / * ---按钮颜色--- * / a.easyLink-info -btn-amazon，a.easyLink-info-btn-rakuten，a.easyLink-info-btn-yahoo {颜色：＃333333！important；背景：＃FFFDE7！重要；边框：1.2px实线＃808080！重要；框-阴影：插图0 2px 0 rgba（255,255,255,0.2），0 2px 2px rgba（0，0，0，0.19）;} / * ---鼠标悬停效果--- * / a：hover.easyLink-info- btn-amazon，a：hover.easyLink-info-btn-rakuten，a：hover.easyLink-info-btn-yahoo {transform：translateY（0.1em）} / *-图像大小--- * / div。 easyLink-box di v.easyLink-img，div.easyLink-box div.easyLink-img p.easyLink-img-box，div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {max -width：125像素！重要；最大高度：125像素！重要；}
我用作参考的博客
自定义您会员的便捷链接！按钮颜色，文本更改等