友联-默认样式右侧图标

templates/assets/js/main.js

@@ -317,7 +317,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     const jqLoadAndRun = () => {
         const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox'
-            ? document.querySelectorAll('#article-container :not(a):not(.gallery-group):not(.site-card-avatar) > img, #article-container > img,.bber-content-img > img')
+            ? document.querySelectorAll('#article-container :not(a):not(.gallery-group):not(.site-card-avatar):not(.flink-item-info) > img, #article-container > img,.bber-content-img > img')
             : []
         const fbLengthNoZero = $fancyboxEle.length > 0
         const $jgEle = document.querySelectorAll('#article-container .justified-gallery')

templates/assets/zhheo/zhheoblog.css

@@ -14445,6 +14445,7 @@ figure.gallery-group:hover .gallery-group-name::after {
     min-height: 60px;
 }
 
+
 /* 悬浮状态头像 */
 .flink#article-container .flink-list > .flink-list-item:hover a img {
     transition: 0.6s;
@@ -14456,6 +14457,29 @@ figure.gallery-group:hover .gallery-group-name::after {
     min-height: 0px;
 }
 
+/* 友链右侧图标 */
+
+#article-container .flink-list>.flink-list-item:hover .flink-item-info> img {
+    opacity: .8 !important;
+}
+
+#article-container .flink-list>.flink-list-item .flink-item-info> img {
+    position: absolute;
+    opacity: 0 !important;
+    right: -30px !important;
+    bottom: -40px !important;
+    width: 100px !important;
+    height: 100px !important;
+    border-radius: 50% !important;
+    z-index: -1;
+    -webkit-transition: all .5s ease;
+    -moz-transition: all .5s ease;
+    -ms-transition: all .5s ease;
+    -o-transition: all .5s ease;
+    transition: all .5s ease;
+}
+
+
 /* 标题和描述 */
 .flink#article-container .flink-list > .flink-list-item a span {
     transition: 0.3s;

templates/links.html

@@ -126,6 +126,8 @@
                                               th:text="${link.spec.displayName}"></span>
                                         <span class="flink-item-desc" th:text="${link.spec.description}"
                                               th:title="${link.spec.description}"></span>
+                                        <img th:src="${link.spec.logo}"
+                                             class="entered loaded">
                                     </div>
                                 </a>
                             </div>