Joe主题 更换友情链接卡片样式效果图展示,详情可看本站 友情链接 第一步修改 friends.php 文件,文件目录 Joe主题文件/friends.php 把以下代码进行替换(友情提示:修改前先备份,不喜欢可以换回去){tabs-pane label="代码"} <ul class="joe_detail__friends evan-friends"> <?php foreach ($friends as $item) : ?> <li class="joe_detail__friends-item"> <a class="contain" href="<?php echo $item['url']; ?>" target="_blank" rel="noopener noreferrer" style="background: <?php echo $friends_color[mt_rand(0, count($friends_color) - 1)] ?>"> <div class="evan-f-left"> <div class="f-avatar"> <img width="40" height="40" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php echo $item['avatar']; ?>" alt="" /> </div> </div> <div class="evan-f-right"> <span class="title"> <span class="sub-text"><?php echo $item['name']; ?></span> <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"> <path d="M0 0h1024v1024H0V0z" fill="#202425" opacity=".01" p-id="25921"></path> <path d="M989.866667 512c0 263.918933-213.947733 477.866667-477.866667 477.866667S34.133333 775.918933 34.133333 512 248.081067 34.133333 512 34.133333s477.866667 213.947733 477.866667 477.866667z" fill="#FF7744" p-id="25922"></path> <path d="M787.114667 339.285333a51.2 51.2 0 0 1 0 72.362667l-307.2 307.2a51.2 51.2 0 0 1-72.362667 0l-170.666667-170.666667a51.2 51.2 0 0 1 72.362667-72.362666L443.733333 610.235733l271.018667-271.018666a51.2 51.2 0 0 1 72.362667 0z" fill="#FFFFFF" p-id="25923"></path> </svg> </span> <div class="content"> <div class="desc"><?php echo $item['desc']; ?></div> </div> </div> </a> </li> <?php endforeach; ?> </ul>{/tabs-pane}{tabs-pane label="需要替换的代码"} {/tabs-pane}{tabs-pane label="替换后的样子"} {/tabs-pane}第二步下载CSS文件放入服务器,然后后台代码引入CSS{tabs-pane label="代码"}<link rel="stylesheet" href="这里填写你的CSS文件直链地址">{/tabs-pane}{tabs-pane label="引入位子"} {/tabs-pane}