效果圖:
利用css給 WordPress文章內容的右上角添加一個原創標識;用來提醒他人本篇為本站原創,轉發文章時請附轉載地址。詳情查看本篇文章右上角。
相關代碼
- 將下方css放到網站公共css中,或者找到文章區域引入css的文件。
- 這裡以 7b2主題為例:後台 >> 主題設置 >> 常規設置 >> 頭部HTML標籤 (記得加入<style></style>)
- 修改
background
的圖片路徑,圖片大家自行下載,引入。
使用方法
們在編輯文章時候,哪篇文章需要,我們在文章編輯時,編輯器的 html 中,放入下方 html 代碼頂部即可
<div class="NGame-yuanchuang"></div>
相關說明
可自定義“原創標識”的透明度&顯示位置。
opacity
為圖片水印透明度,0-1
範圍,如果覺得顏色比較重,可往小的設置.5
top: 0;
為文章內原創標識頁內顯示位置上下調整,增大/減小數字即可。right: 0;
為文章內原創標識頁內顯示位置左右調整,增大/減小數字即可。