複製網站文章內容彈窗提示+末尾自動添加版權資訊

前言

複製文章內容末尾自動添加版權資訊這是很久以前的想法了,每次流覽一些技術文章,複製一些文本文字末尾都有添加版權信息,覺得非常的酷!

本教程適用於所有網站(除非你網站有複製彈窗了,可能會報錯! ),複製網站文章內容+彈窗提示+末尾自動添加版權資訊主要是由jQuery(核心) + Layui.js(彈窗提示) + CSS(樣式美化)設計而成,非常的優雅。 當然jQuery代碼部分還是借鑒大佬的一些(懶得寫)! 代碼中還有些bug,望理解!

使用教程

如果你網站有了複製彈窗提示,請您關掉或者刪掉(請備份,在進行刪除代碼)

第一步:添加JS代碼

現在大部分主題都有主題設置,只需在後台的主題設置中“自定義頭部HTML代碼”或者“自定義底部HTML代碼”中把下面的代碼複製進去即可(注意:複製進去后,需刪除末尾的自動版權聲明)。 Layui.js主要是用來複製彈窗提示的,如果您的網站已經導入有這個layui.js的話,無需再次導入,把代碼中調用的CDN-js刪掉就好啦。

注:自己修改代碼中【文字部分】成自己的即可!

第二步:添加CSS代碼

CSS代碼是彈窗提示樣式,在主題設置-自定義CSS樣式中複製添加進去就好啦!
有些主題有提供黑暗模式,會導致看不到談窗的字,需自行更改CSS樣式。

/*layui彈窗樣式美化*/
.wiiuii-layer-mode{
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border: none !important;
    border-radius: 8px !important;
}

適配黑暗模式只需把字體改成固定黑色即可!多一個color:black;

/*layui談窗樣式美化*/
.wiiuii-layer-mode{
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border: none !important;
    border-radius: 8px !important;
    color:black;
}

演示圖

複製網站文章內容彈窗提示+末尾自動添加版權資訊

版權聲明 1 如果您喜歡本站,不花錢捐贈本站的方法>點廣告就是最好的方法~
2 有問題請聯繫站長加群版權下架/違規處理軟體打不開/閃退/報錯
3 這些資訊可能會説明你:
下載幫助 | 報毒說明 | 進站必看
4 本站資源存儲在OneDrive網盤,如發現連結失效,請聯繫我更新
5 本站資源均來源於網路,只作學習交流使用,版權歸原作者所有,請於下載后24小時內刪除,若作商業用途,請聯繫原作者授權,由於未授權發生的侵權行為與本站無關,若本站侵犯了您的權益,請聯繫本站刪除,郵箱: ngame@ngameyt.com

0 條回复 A文章作者 M管理员
    暫無討論,說說你的看法吧
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索