示例


友链申请示例:
名称:维洛BLOG
域名:https://b.xn--xu0a.cn/
简介:维時人心知,洛東流年別
图标:https://b.xn--xu0a.cn/favicon.ico


友链申请格式:
名称:
域名:
简介:
图标:

html源码

<a target="_blank" class="cn" href="https://dwd.moe/">
<div class="yu">                 
<img src="https://b.xn--xu0a.cn/ico/1.png" class="ico">
<div  class="a" >Bhao's Blog</div>
<div  class="a" >世间无田螺,世间多田螺。</div>
</div></a>

<a target="_blank" class="cn" href="https://slqinai.cn/">
<div class="yu">             
<img src="http://q1.qlogo.cn/g?b=qq&nk=2140137093&s=640" class="ico">             
<div  class="a" >七奈's blog</div>
<div  class="a" >我永远能行! </div>
</div></a>

<a target="_blank" class="cn" href="https://blog.mewpaz.com/">
<div class="yu">             
<img src="https://static-s2.mewpaz.tv/myblog/favicon.jpg" class="ico">             
<div  class="a" >蒲公英日记</div>
<div  class="a" >漫无目的的飘零也是一种自由</div>
</div></a>

<a target="_blank" class="cn" href="https://www.kuhehe.top/">
<div class="yu">             
<img src="https://q1.qlogo.cn/g?b=qq&nk=3111349763&s=100" class="ico">             
<div  class="a" >酷小呵</div>
<div  class="a" >爱分享的酷小呵</div>
</div></a>

<a target="_blank" class="cn" href="https://www.imnian.com/">
<div class="yu">             
<img src="https://www.imnian.com/wp-content/uploads/2023/04/imnian.png" class="ico">
<div  class="a" >流年笔记</div>
<div  class="a" >花有重开日 人无再少年</div>
</div></a>

<a target="_blank" class="cn" href="https://xn--xu0a.cn/">
<div class="yu">             
<img src="https://xn--xu0a.cn/favicon.ico" class="ico">
<div  class="a" >维洛书签-羽.cn</div>
<div  class="a" >维洛个人书签页,主页,网站导航,多搜索引擎</div>
</div></a>

<br>
<div class="cn" >友链申请示例:
<br>
名称:维洛BLOG
<br>
域名:<a target="_blank" >https://b.xn--xu0a.cn/</a>
<br>
简介:维時人心知,洛東流年別
<br>
图标:<a target="_blank" >https://b.xn--xu0a.cn/favicon.ico</a>
</div>
<br>
<div class="cn" >友链申请格式:
<br>
名称:
<br>
域名:
<br>
简介:
<br>
图标:
</div>

css源码

.ico {
    border-radius: 50%;
    width: 70px;
    vertical-align: middle;
    margin-bottom: 8px;
    position: absolute;
}
.yu {
    background-color: #f3e7ff;
    margin-top: 10px;
}
.cn {
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ff9c05, #03a9f4, #03a9f4, #f441a5, #ff9c05, #03a9f4);
    font-size: 20px;
    background-size: 200%;
    animation: ColdLight 8s linear infinite;
    color: transparent !important;
    -webkit-background-clip: text;
    font-weight: bold;
    text-shadow: 0px 0px 15px rgb(255 245 255 / 30%) !important;
}
.a{margin-left: 80px;}